tabexseriescomponents 0.0.696 → 0.0.697

package/dist/index.cjs.js

@@ -117,6 +117,7 @@ var VscHeart = require('@react-icons/all-files/vsc/VscHeart');
 var IoSearchOutline = require('@react-icons/all-files/io5/IoSearchOutline');
 var AiFillYoutube = require('@react-icons/all-files/ai/AiFillYoutube');
 var IoLogoTiktok = require('@react-icons/all-files/io5/IoLogoTiktok');
+var FaLinkedinIn = require('@react-icons/all-files/fa/FaLinkedinIn');
 var FiMenu = require('@react-icons/all-files/fi/FiMenu');
 var BsChevronDown = require('@react-icons/all-files/bs/BsChevronDown');
 var IoClose = require('@react-icons/all-files/io5/IoClose');
@@ -141,7 +142,6 @@ var FaPhone = require('@react-icons/all-files/fa/FaPhone');
 var FiGlobe = require('@react-icons/all-files/fi/FiGlobe');
 var BiUserCircle = require('@react-icons/all-files/bi/BiUserCircle');
 var GoLocation = require('@react-icons/all-files/go/GoLocation');
-var FaLinkedinIn = require('@react-icons/all-files/fa/FaLinkedinIn');
 var RiRoadMapLine = require('@react-icons/all-files/ri/RiRoadMapLine');
 var HiOutlineClock = require('@react-icons/all-files/hi/HiOutlineClock');
 var AiOutlineLinkedin = require('@react-icons/all-files/ai/AiOutlineLinkedin');
@@ -150,7 +150,6 @@ var FaArrowAltCircleLeft = require('@react-icons/all-files/fa/FaArrowAltCircleLe
 var Select$5 = require('react-select');
 var GoStar = require('@react-icons/all-files/go/GoStar');
 var IoIosStar = require('@react-icons/all-files/io/IoIosStar');
-var reactCountdownCircleTimer = require('react-countdown-circle-timer');
 var BackgroundSlideshow = require('react-background-slideshow');
 var _extends = require('@babel/runtime/helpers/extends');
 var reactSlideshowImage = require('react-slideshow-image');
@@ -2417,7 +2416,7 @@ var DescriptionContent = function DescriptionContent(props) {
 function ownKeys$2u(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$2u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2u(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58;
+  var _authdetailsContext$i, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _authdetailsContext$i2, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -2608,7 +2607,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' col-lg-12 p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '673ca821296ee' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
     style: {
       minHeight: sectionproperties.height + 'vh'
@@ -2743,7 +2742,7 @@ var Product_itemtype = function Product_itemtype(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right',
       fontWeight: 400,
       color: sectionproperties.measurementunitcolor,
-      fontSize: sectionproperties.measurementunitfontsize + 'px'
+      fontSize: sectionproperties.measurementunitcolor + 'px'
     }
   }, fetchProductInfoQueryContext.data.data.productinfo.measurmentunit)), sectionproperties.quantityshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 text-start"
@@ -2861,14 +2860,9 @@ var Product_itemtype = function Product_itemtype(props) {
     return /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("th", {
       style: {
         textTransform: 'capitalize',
-        color: '#000',
-        textAlign: langdetect == 'en' ? 'left' : 'right'
+        color: '#000'
       }
-    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar), /*#__PURE__*/React__default["default"].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));
+    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar), /*#__PURE__*/React__default["default"].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));
   }))))), 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__default["default"].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__default["default"].createElement("div", {
@@ -3755,7 +3749,109 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "my-3"
   })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 allcentered mt-2"
-  }, ShareButtonsContainer()))))))));
+  }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '673ca821296ee' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
+    style: {
+      minHeight: sectionproperties.height + 'vh'
+      // paddingLeft: srcfromprops == 'templatedraftrouter' ? 0 : langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      // paddingRight: srcfromprops == 'templatedraftrouter' ? 0 : langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered p-0 mb-2"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-100 h-100",
+    style: {}
+  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer59 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : _fetchProductInfoQuer59.productmainimage),
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    },
+    loading: "lazy"
+  }))), sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center mb-2 mt-3'
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: ' m-0 p-0 wordbreak d-flex justify-content-start ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: 400,
+      color: sectionproperties.measurementunitcolor,
+      fontSize: sectionproperties.measurementunitfontsize + 'px'
+    }
+  }, fetchProductInfoQueryContext.data.data.productinfo.measurmentunit)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: props.srcfromprops != 'templatedraftrouter' ? "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer  font-sm-15 ' : "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start font-sm-15 ',
+    onClick: function onClick() {
+      if (props.srcfromprops != 'templatedraftrouter') {
+        routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
+      }
+    },
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 col-md-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      fontSize: sectionproperties.prodCatFontSize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.shortdescriptiontitle_en : sectionproperties.shortdescriptiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 mt-3"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'm-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      color: sectionproperties.prodCatColor
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer60 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.productinfo) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.productinfo) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : _fetchProductInfoQuer61.short_description_ar
+    }
+  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 my-4"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer62 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productimages) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : _fetchProductInfoQuer62.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer63 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.productinfo) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.productimages.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-4 col-sm-12"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": '  mx-2 w-100 h-100',
+      style: {}
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: '/tr:w-500,h-500/' + item.path,
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'contain'
+      },
+      loading: "lazy"
+    })));
+  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 my-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'text-black m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.productinfo) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : _fetchProductInfoQuer64.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer65 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : _fetchProductInfoQuer65.description_ar
+    }
+  }))))));
 };
 
 function ownKeys$2t(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; }
@@ -6620,7 +6716,8 @@ var Productinfo = function Productinfo(props) {
           borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
           borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
           borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-          border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          borderBottom: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
           marginBottom: sectionproperties.relatedProductsMb + 'px'
         }
       }, Relatedproducts.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15245,6 +15342,7 @@ var Select$1 = /*#__PURE__*/React__default["default"].lazy(function () {
 });
 var Filter$1 = function Filter(props) {
   var _css;
+  var FetchAllVendorsQuery = props.actions.FetchAllVendorsQuery;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   props.actions.productfiltercontext;
@@ -15265,10 +15363,21 @@ var Filter$1 = function Filter(props) {
     _useState2 = _slicedToArray__default["default"](_useState, 2);
     _useState2[0];
     _useState2[1];
-  var _useState3 = React.useState([]),
+  var _useState3 = React.useState({
+      min: '',
+      max: ''
+    }),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    productfeatuesarr = _useState4[0],
-    setproductfeatuesarr = _useState4[1];
+    pricevalue2 = _useState4[0],
+    setpricevalue2 = _useState4[1];
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    productfeatuesarr = _useState6[0],
+    setproductfeatuesarr = _useState6[1];
+  var _useState7 = React.useState([]),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    vendorarr = _useState8[0],
+    setvendorsarr = _useState8[1];
   var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
@@ -15277,41 +15386,50 @@ var Filter$1 = function Filter(props) {
   var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
   var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
   var fetchProductFeaturesQueryContext = props.actions.fetchProductFeaturesQueryContext;
-  var _useState5 = React.useState(''),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    sectionproperties = _useState6[0],
-    setsectionproperties = _useState6[1];
-  // const [instfilters, setinstfilters] = useState([...authdetailsContext.instinfo.instfilters]);
-  var _useState7 = React.useState([]),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    instfilters = _useState8[0],
-    setinstfilters = _useState8[1];
-  var _useState9 = React.useState([]),
+  var _useState9 = React.useState(''),
     _useState10 = _slicedToArray__default["default"](_useState9, 2),
-    collectionstobevisible = _useState10[0],
-    setcollectionstobevisible = _useState10[1];
+    sectionproperties = _useState10[0],
+    setsectionproperties = _useState10[1];
+  // const [instfilters, setinstfilters] = useState([...authdetailsContext.instinfo.instfilters]);
   var _useState11 = React.useState([]),
     _useState12 = _slicedToArray__default["default"](_useState11, 2),
-    instcollections = _useState12[0],
-    setinstcollections = _useState12[1];
+    instfilters = _useState12[0],
+    setinstfilters = _useState12[1];
   var _useState13 = React.useState([]),
     _useState14 = _slicedToArray__default["default"](_useState13, 2),
-    instcategories = _useState14[0],
-    setinstcategories = _useState14[1];
+    collectionstobevisible = _useState14[0],
+    setcollectionstobevisible = _useState14[1];
+  var _useState15 = React.useState([]),
+    _useState16 = _slicedToArray__default["default"](_useState15, 2),
+    instcollections = _useState16[0],
+    setinstcollections = _useState16[1];
+  var _useState17 = React.useState([]),
+    _useState18 = _slicedToArray__default["default"](_useState17, 2),
+    instcategories = _useState18[0],
+    setinstcategories = _useState18[1];
   // const [sortby, setSortby] = useState('Sort by');
-  var _useState15 = React.useState({
+  var _useState19 = React.useState({
       min: 0,
       max: 5
     }),
-    _useState16 = _slicedToArray__default["default"](_useState15, 2),
-    raterangevalue = _useState16[0],
-    setraterangevalue = _useState16[1];
+    _useState20 = _slicedToArray__default["default"](_useState19, 2),
+    raterangevalue = _useState20[0],
+    setraterangevalue = _useState20[1];
   var timeoutRef = React__default["default"].useRef(null);
-  var _useState17 = React.useState(''),
-    _useState18 = _slicedToArray__default["default"](_useState17, 2);
-    _useState18[0];
-    var setsortbycontext = _useState18[1];
-  var _useState19 = React.useState([{
+  var _useState21 = React.useState(''),
+    _useState22 = _slicedToArray__default["default"](_useState21, 2);
+    _useState22[0];
+    var setsortbycontext = _useState22[1];
+  var _useState23 = React.useState(''),
+    _useState24 = _slicedToArray__default["default"](_useState23, 2),
+    pricefrom = _useState24[0];
+    _useState24[1];
+  var _useState25 = React.useState(''),
+    _useState26 = _slicedToArray__default["default"](_useState25, 2),
+    priceto = _useState26[0];
+    _useState26[1];
+  props.actions.setfetchingtype;
+  var _useState27 = React.useState([{
       payloadvalue: 'sortprice',
       name: lang.price,
       filterarray: [{
@@ -15336,12 +15454,24 @@ var Filter$1 = function Filter(props) {
         isfilterselected: false
       }]
     }]),
-    _useState20 = _slicedToArray__default["default"](_useState19, 2),
-    otherfilters = _useState20[0];
-    _useState20[1];
+    _useState28 = _slicedToArray__default["default"](_useState27, 2),
+    otherfilters = _useState28[0];
+    _useState28[1];
   React.useEffect(function () {
     filterupdater();
   }, []);
+  React.useEffect(function () {
+    var _FetchAllVendorsQuery, _FetchAllVendorsQuery2;
+    if (FetchAllVendorsQuery !== null && FetchAllVendorsQuery !== void 0 && FetchAllVendorsQuery.isSuccess && (FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = _FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 ? void 0 : _FetchAllVendorsQuery.vendors) != undefined && (FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery2 = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery2 === void 0 || (_FetchAllVendorsQuery2 = _FetchAllVendorsQuery2.data) === null || _FetchAllVendorsQuery2 === void 0 || (_FetchAllVendorsQuery2 = _FetchAllVendorsQuery2.vendors) === null || _FetchAllVendorsQuery2 === void 0 ? void 0 : _FetchAllVendorsQuery2.length) != 0) {
+      var _FetchAllVendorsQuery3, _temp;
+      var temp = _toConsumableArray__default["default"](vendorarr);
+      temp = _toConsumableArray__default["default"](FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery3 = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery3 === void 0 || (_FetchAllVendorsQuery3 = _FetchAllVendorsQuery3.data) === null || _FetchAllVendorsQuery3 === void 0 ? void 0 : _FetchAllVendorsQuery3.vendors);
+      (_temp = temp) === null || _temp === void 0 || _temp.forEach(function (instfilteritem, instfilterindex) {
+        instfilteritem.isfilterselected = false;
+      });
+      setvendorsarr(_toConsumableArray__default["default"](temp));
+    }
+  }, [FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 ? void 0 : FetchAllVendorsQuery.isSuccess]);
   React.useEffect(function () {
     if (fetchproductoptionsQueryContext.isSuccess) {
       var _fetchproductoptionsQ;
@@ -15357,7 +15487,17 @@ var Filter$1 = function Filter(props) {
   React.useEffect(function () {
     if (fetchcollectionsQueryContext.isSuccess) {
       var _fetchcollectionsQuer;
-      setinstcollections(_toConsumableArray__default["default"](fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 || (_fetchcollectionsQuer = fetchcollectionsQueryContext.data) === null || _fetchcollectionsQuer === void 0 || (_fetchcollectionsQuer = _fetchcollectionsQuer.data) === null || _fetchcollectionsQuer === void 0 ? void 0 : _fetchcollectionsQuer.collections));
+      var tempcoll = fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 || (_fetchcollectionsQuer = fetchcollectionsQueryContext.data) === null || _fetchcollectionsQuer === void 0 || (_fetchcollectionsQuer = _fetchcollectionsQuer.data) === null || _fetchcollectionsQuer === void 0 ? void 0 : _fetchcollectionsQuer.collections;
+      var tempcollinfilter = [];
+      {
+        tempcoll === null || tempcoll === void 0 || tempcoll.map(function (collectionitem, collectionindex) {
+          if (collectionitem.isshowntocustomers == 1 && collectionitem.isinftiler == 1) {
+            tempcollinfilter.push(collectionitem);
+          }
+        });
+      }
+      setinstcollections([].concat(tempcollinfilter));
+      // setinstcollections([...fetchcollectionsQueryContext?.data?.data?.collections]);
     }
   }, [fetchcollectionsQueryContext.isSuccess]);
   // useEffect(() => {
@@ -16096,7 +16236,7 @@ var Filter$1 = function Filter(props) {
             textAlign: langdetect == 'en' ? 'left' : 'right',
             color: sectionproperties.filtertitle_color
           }, _defineProperty__default["default"](_ref2, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref2, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref2, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref2, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref2, "textTransform", 'capitalize'), _ref2)
-        }, langdetect == 'en' ? item.name_en : item.name_ar, item.type), /*#__PURE__*/React__default["default"].createElement("div", {
+        }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
           style: {
             direction: 'ltr'
@@ -16520,10 +16660,10 @@ var Filter$1 = function Filter(props) {
       isSearchable: true
     })))));
   };
-  var _useState21 = React.useState(false),
-    _useState22 = _slicedToArray__default["default"](_useState21, 2),
-    checked = _useState22[0],
-    setChecked = _useState22[1];
+  var _useState29 = React.useState(false),
+    _useState30 = _slicedToArray__default["default"](_useState29, 2),
+    checked = _useState30[0],
+    setChecked = _useState30[1];
   // const queryParameters = new URLSearchParams(window.location.search);
   // useEffect(() => {
   //     // setsortbycontext('Sort By');
@@ -16880,7 +17020,48 @@ var Filter$1 = function Filter(props) {
     "class": "row m-0 w-100"
   }, CollectionsFilter()), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
-  }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.showvendorfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-2"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
+  }, langdetect == 'en' ? 'Brands' : 'الماركات')), vendorarr.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                                                        ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                                        ") + ' d-flex align-items-center pb-3 col-12 ',
+      onClick: function onClick() {
+        var _tempfetchproductsfil3;
+        var tempfetchproductsfilerobjcontext = _objectSpread$2b({}, ProductFilterObjContext);
+        // alert(JSON.stringify(tempfetchproductsfilerobjcontext));
+        tempfetchproductsfilerobjcontext.vendorsarr = [];
+        tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil3 = tempfetchproductsfilerobjcontext.vendorsarr) === null || _tempfetchproductsfil3 === void 0 || _tempfetchproductsfil3.push(item.vendorid);
+        setProductFilterObjContext(_objectSpread$2b({}, tempfetchproductsfilerobjcontext));
+        var temp = _toConsumableArray__default["default"](vendorarr);
+        temp === null || temp === void 0 || temp.forEach(function (instfilteritem, instfilterindex) {
+          instfilteritem.isfilterselected = false;
+        });
+        item.isfilterselected = true;
+        setvendorsarr(_toConsumableArray__default["default"](temp));
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "mr-2"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      className: "h-100 d-flex align-items-center"
+    }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
+      style: {
+        color: item.isfilterselected ? sectionproperties.activecat_color : ''
+      }
+    }, langdetect == 'en' ? item.vendorname : item.vendorname)));
+  }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12"
   }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
     show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
@@ -17055,7 +17236,176 @@ var Filter$1 = function Filter(props) {
     }
   })))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 pl-4 pr-4 '
-  }, sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-start p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "m-0 p-0 font-16 font-weight-600",
+    style: {
+      color: sectionproperties.filter_titlecolor,
+      fontSize: sectionproperties.filter_titlefontsize + 'px',
+      fontWeight: sectionproperties.filter_titlefontweight,
+      textTransform: sectionproperties.filter_titletextransform
+    }
+  }, langdetect == 'en' ? 'Sort By' : 'ترتيب حسب')), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12"
+  }, /*#__PURE__*/React__default["default"].createElement("hr", {
+    className: "mt-2 mb-3"
+  })), otherfilters.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-12 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+      allowMultipleExpanded: true,
+      allowZeroExpanded: true,
+      preExpanded: [0, 1, 2, 3],
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
+      uuid: index
+    }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3  '
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-10 col-md-10 col-sm-10 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 collapsetitle ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
+    }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-2 col-md-2 col-sm-2 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
+      if (state.expanded == true) {
+        return /*#__PURE__*/React__default["default"].createElement("i", {
+          className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+        }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
+      } else {
+        return /*#__PURE__*/React__default["default"].createElement("i", {
+          className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end   '
+        }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
+      }
+    }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
+      className: "p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: 'col-lg-12'
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
+    }, item.filterarray.map(function (valueitem, valueindex) {
+      var ischecked = false;
+      if (item.payloadvalue == 'sortprice') {
+        if (valueitem.value == ProductFilterObjContext.sortprice) {
+          ischecked = true;
+        }
+      } else if (item.payloadvalue == 'sortdates') {
+        if (valueitem.value == ProductFilterObjContext.sortdates) {
+          ischecked = true;
+        }
+      }
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                                                ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                                         \n                                                                            ") + ' d-flex align-items-center pb-3 ',
+        onClick: function onClick() {
+          var tempfetchproductsfilerobjcontext = _objectSpread$2b({}, ProductFilterObjContext);
+          if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
+            tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
+          } else {
+            tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
+          }
+          tempfetchproductsfilerobjcontext.page = 0;
+          setProductFilterObjContext(_objectSpread$2b({}, tempfetchproductsfilerobjcontext));
+          filterrouting(tempfetchproductsfilerobjcontext);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        className: "h-100 d-flex align-items-center"
+      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
+        style: {
+          color: ischecked ? sectionproperties.activecat_color : ''
+        }
+      }, valueitem.name)));
+    }))))))));
+  }), sectionproperties.showfilterbyrating == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 pl-4 pr-4"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3  '
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 p-0 mb-3"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 collapsetitle ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
+  }, langdetect == 'en' ? 'Ratings' : 'التقييمات')), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-4"
+  }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
+    draggableTrack: true,
+    formatLabel: function formatLabel(value) {
+      return "".concat(value);
+    },
+    maxValue: 5,
+    minValue: 0,
+    value: raterangevalue,
+    onChange: function onChange(value) {
+      setraterangevalue(_objectSpread$2b({}, value));
+    }
+  }))))), authdetailsContext.instinfo.instid == '673f49cede6cb' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 mb-3 mt-2"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-2"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
+  }, langdetect == 'en' ? 'Price' : 'السعر')), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: langdetect == 'en' ? 'col-6 pl-0 pr-1' : 'col-6 pr-0 pl-1'
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(filter_cssstyles.collapsetitle) + ' d-flex justify-content-start '
+  }, langdetect == 'en' ? 'From' : 'من'), /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "text",
+    value: pricevalue2.min,
+    onChange: function onChange(event) {
+      var temppricevalue = _objectSpread$2b({}, pricevalue2);
+      temppricevalue.min = event.target.value;
+      setpricevalue2(_objectSpread$2b({}, temppricevalue));
+      // var temppayloadobj = { ...pricefrom };
+      // temppayloadobj = event.target.value;
+      // setpricefrom({ ...temppayloadobj });
+    },
+
+    style: {
+      background: '#fff',
+      border: '1px solid #ccc',
+      borderRadius: 5,
+      color: '#000',
+      height: 35,
+      width: '100%',
+      paddingLeft: 10,
+      paddingRight: 10
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: langdetect == 'en' ? 'col-6 pr-0 pl-1' : 'col-6 pl-0 pr-1'
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(filter_cssstyles.collapsetitle) + ' d-flex justify-content-start '
+  }, langdetect == 'en' ? 'To' : 'إلى'), /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "text",
+    value: pricevalue2.max,
+    onChange: function onChange(event) {
+      // var temppayloadobj = { ...priceto };
+      // temppayloadobj = event.target.value;
+      // setpriceto({ ...temppayloadobj });
+      var temppricevalue = _objectSpread$2b({}, pricevalue2);
+      temppricevalue.max = event.target.value;
+      setpricevalue2(_objectSpread$2b({}, temppricevalue));
+    },
+    style: {
+      width: '100%',
+      background: '#fff',
+      border: '1px solid #ccc',
+      borderRadius: 5,
+      color: '#000',
+      height: 35,
+      paddingRight: 10,
+      paddingLeft: 10
+    }
+  }))), sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 mb-3"
   }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 mb-3"
@@ -17132,7 +17482,7 @@ var Filter$1 = function Filter(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
-  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+  }, sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
     allowMultipleExpanded: true,
     allowZeroExpanded: true,
     preExpanded: [0, 1, 2, 3],
@@ -17208,7 +17558,57 @@ var Filter$1 = function Filter(props) {
         }
       }, valueitem.name)));
     }));
-  }))))))), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))))), authdetailsContext.instinfo.instid == '673f49cede6cb' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 mb-3 mt-2 px-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-2"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
+  }, langdetect == 'en' ? 'Price' : 'السعر')), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: langdetect == 'en' ? 'col-6 pl-0 pr-1' : 'col-6 pr-0 pl-1'
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(filter_cssstyles.collapsetitle) + ' d-flex justify-content-start '
+  }, langdetect == 'en' ? 'From' : 'من'), /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "text",
+    value: pricefrom,
+    onChange: function onChange(event) {
+      var temppricevalue = _objectSpread$2b({}, pricevalue2);
+      temppricevalue.min = event.target.value;
+      setpricevalue2(_objectSpread$2b({}, temppricevalue));
+    },
+    style: {
+      background: '#fff',
+      border: '1px solid #ccc',
+      borderRadius: 5,
+      color: '#000',
+      height: 35,
+      width: '100%',
+      paddingLeft: 15,
+      paddingRight: 15
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: langdetect == 'en' ? 'col-6 pr-0 pl-1' : 'col-6 pl-0 pr-1'
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(filter_cssstyles.collapsetitle) + ' d-flex justify-content-start '
+  }, langdetect == 'en' ? 'To' : 'إلى'), /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "text",
+    value: priceto,
+    onChange: function onChange(event) {
+      var temppricevalue = _objectSpread$2b({}, pricevalue2);
+      temppricevalue.max = event.target.value;
+      setpricevalue2(_objectSpread$2b({}, temppricevalue));
+    },
+    style: {
+      width: '100%',
+      background: '#fff',
+      border: '1px solid #ccc',
+      borderRadius: 5,
+      color: '#000',
+      height: 35,
+      paddingLeft: 15,
+      paddingRight: 15
+    }
+  }))), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     className: "mt-2 mb-3"
@@ -17856,6 +18256,7 @@ var CardsSection = function CardsSection(props) {
         cardobj.productendpointurl = arrayItem.productinfo.productendpointurl;
         cardobj.hassale = arrayItem.productinfo.hassale;
         cardobj.productid = arrayItem.productinfo.productid;
+        cardobj.vendorid = arrayItem.productinfo.vendorproviderid;
         cardobj.hasvariants = arrayItem.productinfo.hasvariants;
         cardobj.description_en = arrayItem.productinfo.description_en;
         cardobj.description_ar = arrayItem.productinfo.description_ar;
@@ -17993,6 +18394,28 @@ var CardsSection = function CardsSection(props) {
     }
   }
   var section_cssstyles = {
+    btnnn: glamor.css({
+      width: '20%',
+      height: 40,
+      background: '#5c5c5c',
+      fontSize: 14,
+      fontWeight: 400,
+      color: 'white',
+      borderRadius: 10,
+      ':hover': {
+        color: 'white',
+        background: '#000',
+        transition: '.3s'
+      }
+    }),
+    titleee: glamor.css({
+      fontSize: 25,
+      color: '#000',
+      fontWeight: 600,
+      '@media (max-width: 800px)': {
+        fontSize: 20
+      }
+    }),
     sectioncontainerr: glamor.css({
       width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
@@ -18197,12 +18620,11 @@ var CardsSection = function CardsSection(props) {
   };
   var SectionTitle = function SectionTitle() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "d-flex align-items-center",
+      "class": "d-flex align-items-center flex-row",
       style: {
         position: 'relative',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
-        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
-        flexDirection: sectionproperties.sectiontitlestyle == 'Line Under Text' ? 'column' : 'row'
+        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
       }
     }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
       "class": section_cssstyles.line_left
@@ -18217,14 +18639,6 @@ var CardsSection = function CardsSection(props) {
       }
     }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
       "class": section_cssstyles.line_right
-    }), sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React__default["default"].createElement("span", {
-      style: {
-        width: '50%',
-        background: sectionproperties.linebgcolor,
-        height: 3,
-        borderRadius: 10,
-        marginTop: 5
-      }
     }));
   };
   var isCardsectionloading = function isCardsectionloading() {
@@ -18946,7 +19360,23 @@ var CardsSection = function CardsSection(props) {
     setopenFilterSlider: setopenFilterSlider,
     show_product_group_titles: show_product_group_titles,
     typeprops: 'vertical'
-  })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
+  })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender(), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered my-5"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered mb-3"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": section_cssstyles.titleee + ' m-0 p-0 ',
+    style: {}
+  }, langdetect == 'en' ? "Didn't find what you're looking for?" : 'مش لاقي اللي بتدور عليه؟')), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    "class": section_cssstyles.btnnn + ' w-md-100 ',
+    onClick: function onClick() {
+      routingcountext('inquiryform', false, '');
+    }
+  }, langdetect == 'en' ? 'Contact Us' : 'إتصل بنا'))))));
 };
 
 function ownKeys$28(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; }
@@ -22145,7 +22575,7 @@ var DownloadApp = function DownloadApp(props) {
 function ownKeys$1_(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$1_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1_(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SocialMediaSection = function SocialMediaSection(props) {
-  var _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _authdetailsContext$i13;
+  var _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _authdetailsContext$i13, _authdetailsContext$i16;
   props.actions;
   props.actions.StatePagePropertiesContext;
   var _useState = React.useState({}),
@@ -22226,26 +22656,39 @@ var SocialMediaSection = function SocialMediaSection(props) {
     style: {
       fontSize: parseFloat(templateproperties_context.socialmediasectioniconfontsize) + 2 + 'px'
     }
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.socialmediaicon) + '  allcentered mx-2 cursor-pointer ',
     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.tiktoklink) != null) {
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.linkedinlink) != null) {
         var _authdetailsContext$i12;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.tiktoklink, '_blank');
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.linkedinlink, '_blank');
       }
     }
-  }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
+  }, /*#__PURE__*/React__default["default"].createElement(FaLinkedinIn.FaLinkedinIn, {
     style: {
       fontSize: parseFloat(templateproperties_context.socialmediasectioniconfontsize) + 2 + 'px'
     }
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.socialmediaicon) + '  allcentered mx-2 cursor-pointer ',
     onClick: function onClick() {
       var _authdetailsContext$i14;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.whatsappnumber) != null) {
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink) != null) {
         var _authdetailsContext$i15;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.whatsappnumber), '_blank');
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.tiktoklink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
+    style: {
+      fontSize: parseFloat(templateproperties_context.socialmediasectioniconfontsize) + 2 + 'px'
+    }
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.socialmediaicon) + '  allcentered mx-2 cursor-pointer ',
+    onClick: function onClick() {
+      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__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -22258,10 +22701,10 @@ var SocialMediaSection = function SocialMediaSection(props) {
 function ownKeys$1Z(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$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
-  var _css, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _fetchCategoriesQuery2, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i6, _authdetailsContext$i9, _authdetailsContext$i12;
+  var _css, _authdetailsContext$i2, _authdetailsContext$i3, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _fetchCategoriesQuery2, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i9, _authdetailsContext$i12, _authdetailsContext$i15;
   var actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
-  props.actions.setsidecartnavshowcontext;
+  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
   var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
   props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
@@ -22269,12 +22712,12 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   var setlang = props.actions.setlang;
   var templatepropcontext = props.actions.templatepropcontext;
   var authdetailsContext = props.actions.authdetailsContext;
-  props.actions.fetchcustomercartQueryContext;
+  var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
   var templateproperties_context = props.actions.templateproperties_context;
   props.actions.favoriteprojectscountContext;
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-  props.actions.setcurrencyfunccontext;
+  var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
   var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var _useState = React.useState(''),
@@ -22494,6 +22937,47 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     });
     return policyobj;
   };
+  var CartButton = function CartButton() {
+    var _fetchcustomercartQue2, _fetchcustomercartQue3;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "d-flex align-items-center",
+      style: {
+        position: 'relative'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("button", {
+      className: "".concat(header_cssstyles.addtocartbtn_resp) + ' d-flex align-items-center justify-content-center p-0 ',
+      onClick: function onClick() {
+        var _fetchcustomercartQue;
+        if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.customercart) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.cartitems) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.length) > 7) {
+          routingcountext(StaticPagesLinksContext.viewcart);
+        } else {
+          setsidecartnavshowcontext(true);
+        }
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      className: ' h-100 d-flex align-items-center justify-content-center '
+    }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
+      size: sectionproperties.cartBtniconresp_size
+    }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(header_cssstyles.badge_counter_header_notifications),
+      style: {
+        top: sectionproperties.cartbadgefromtop + 'px',
+        right: sectionproperties.cartbadgefromright + 'px'
+      }
+    }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0));
+  };
   var _useState15 = React.useState(false),
     _useState16 = _slicedToArray__default["default"](_useState15, 2),
     openmenuCanvas = _useState16[0],
@@ -22568,10 +23052,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-md-6 col-sm-6 d-flex filter align-items-center p-0"
-  }, InstLogoContainer()), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-md-6 col-sm-6 text-end p-0"
+  }, sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-md-4 col-sm-3 text-start p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {}
   }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -22597,7 +23079,181 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }), menuactive == true && /*#__PURE__*/React__default["default"].createElement(AiOutlineClose.AiOutlineClose, {
     size: sectionproperties.resp_sidenav_size,
     color: sectionproperties.resp_sidenav_color
-  })))), menuactive == true && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: '30px',
+      height: sectionproperties.cart_BtnHeight_resp + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered",
+    onClick: function onClick() {
+      setopenSearch(true);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
+    size: 22,
+    color: sectionproperties.cart_BtnTextcolor_resp
+  })))), sectionproperties.logocentered == 'Not Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-md-6 col-sm-6 d-flex filter align-items-center p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: sectionproperties.cart_BtnWidth_resp + 'px',
+      height: sectionproperties.cart_BtnHeight_resp + 'px'
+    },
+    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": ' h-100 allcentered ',
+    style: {
+      color: sectionproperties.cart_BtnTextcolor_resp
+    },
+    onClick: function onClick() {
+      if (sectionproperties.responsiveheaderstyle == 'Style 2') {
+        if (menuactive == true) {
+          setmenuactive(false);
+        } else {
+          setmenuactive(true);
+        }
+      } else {
+        setopenmenuCanvas(true);
+        setactiveTab('menu');
+      }
+    }
+  }, menuactive == false && /*#__PURE__*/React__default["default"].createElement(FiMenu.FiMenu, {
+    size: 20,
+    color: sectionproperties.cart_BtnTextcolor_resp
+  }), menuactive == true && /*#__PURE__*/React__default["default"].createElement(AiOutlineClose.AiOutlineClose, {
+    size: 20,
+    color: sectionproperties.cart_BtnTextcolor_resp
+  }))), InstLogoContainer()), sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-md-4 col-sm-6 allcentered p-0"
+  }, InstLogoContainer()), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: sectionproperties.logocentered != 'Centered' ? 'col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0' : 'col-md-4 col-sm-3 d-flex align-items-center justify-content-end p-0'
+  }, sectionproperties.searchbar_show == 'Show' && sectionproperties.logocentered == 'Not Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: '30px',
+      height: sectionproperties.cart_BtnHeight_resp + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered",
+    onClick: function onClick() {
+      setopenSearch(true);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
+    size: 22,
+    color: sectionproperties.cart_BtnTextcolor_resp
+  }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: '30px',
+      height: sectionproperties.cart_BtnHeight_resp + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered",
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Wishlist);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
+    size: 22,
+    color: sectionproperties.cart_BtnTextcolor_resp
+  }))), sectionproperties.cartBtnShow == 'Show' && CartButton(), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.length) > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'd-flex align-items-center pl-1 pr-1 pt-1',
+    style: {}
+  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
+    "class": ' d-flex align-items-center justify-content-center '
+  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 mr-1 ml-1"
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 ml-1 mr-1"
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.map(function (item, index) {
+    var _authdetailsContext$i4;
+    return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+      "class": "m-0 p-0",
+      onClick: function onClick() {
+        setcurrencyfunccontext(item);
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-flex justify-content-start"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "".concat(header_cssstyles.dropdownitemcontainer)
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
+      style: {
+        fontSize: sectionproperties.dropdown_fontsize + 'px',
+        fontWeight: sectionproperties.dropdown_fontweight,
+        textTransform: sectionproperties.dropdown_texttransform
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("span", {
+      "class": 'ml-2 mr-2'
+    }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.instcurrencies) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("hr", {
+      "class": "m-0"
+    }))));
+  })))), sectionproperties.searchbar_show == 'Hide' && sectionproperties.logocentered == 'Centered' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.favBtnShow == 'Hide' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'allcentered resposiveheader_languagedropdown',
+    style: {
+      marginLeft: langdetect == 'en' ? '0.25rem' : 0,
+      marginRight: langdetect == 'ar' ? '0.25rem' : 0
+    }
+  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' row m-0 w-100 allcentered ',
+    style: {
+      direction: 'rtl',
+      color: sectionproperties.cart_BtnTextcolor_resp
+    },
+    onClick: function onClick() {
+      setlang('ar');
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 font-weight-500"
+  }, "\u0639"), /*#__PURE__*/React__default["default"].createElement("i", {
+    className: langdetect == 'en' ? 'h-100 allcentered mr-1' : 'h-100 allcentered ml-1'
+  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
+    size: 20
+  }))), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' row m-0 w-100 allcentered ',
+    style: {
+      direction: 'ltr',
+      color: sectionproperties.cart_BtnTextcolor_resp
+    },
+    onClick: function onClick() {
+      setlang('en');
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 font-weight-500 mr-1"
+  }, "En"), /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
+    size: 20
+  })))), sectionproperties.logocentered == 'Not Centered' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": langdetect == 'en' ? ' allcentered m-0 cursor-pointer ml-1 ' : ' m-0 cursor-pointer mr-1 ',
+    style: {
+      minWidth: '30px'
+    },
+    onClick: function onClick() {
+      if (langdetect == 'en') {
+        setlang('ar');
+      } else {
+        setlang('en');
+      }
+    }
+  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 allcentered w-100 '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 d-flex align-items-center w-100"
+  }, "En", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered ml-auto pl-3"
+  }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 allcentered w-100 '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 d-flex align-items-center w-100"
+  }, "\u0639", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered mr-auto pr-3"
+  }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))))), menuactive == true && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "px-4 py-4 scrollvertical",
     style: {
       position: 'fixed',
@@ -23240,7 +23896,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, lang.logout))))), activeTab == 'categories' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' row m-0 w-100 accordionContainer anim'
   }, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
-    allowMultipleExpanded: true,
+    allowMultipleExpanded: false,
     allowZeroExpanded: true
   }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.map(function (item, index) {
     if (item.isshowntocustomers == 1) {
@@ -23296,7 +23952,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
       }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
-        allowMultipleExpanded: true,
+        allowMultipleExpanded: false,
         allowZeroExpanded: true
       }, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.categories[Choosenindex]) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.parentcolletions) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.length) != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery4 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.categories[Choosenindex]) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.parentcolletions.map(function (pitem, pindex) {
         if (pitem.isshowntocustomers == 1) {
@@ -23372,7 +24028,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       }))))));
     }
   })), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
-    allowMultipleExpanded: true,
+    allowMultipleExpanded: false,
     allowZeroExpanded: true
   }, pcollarray.map(function (item, index) {
     if (item.isshowntocustomers == 1) {
@@ -23486,7 +24142,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }
       })))));
     }
-  })), sectionproperties.subheaderParentType == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcollections) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (collitem, collindex) {
+  })), sectionproperties.subheaderParentType == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.instcollections) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.map(function (collitem, collindex) {
     if (collitem.isshowntocustomers == 1) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: ' row m-0 p-0 mb-2  w-100 '
@@ -23512,49 +24168,49 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     style: {
       background: '#eee'
     }
-  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.facebooklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' d-flex align-items-center justify-content-center mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i4;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null) {
-        var _authdetailsContext$i5;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink, '_blank');
+      var _authdetailsContext$i7;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.facebooklink) != null) {
+        var _authdetailsContext$i8;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
     size: '20',
     color: '#62564b'
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' d-flex align-items-center justify-content-center mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i7;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink) != null) {
-        var _authdetailsContext$i8;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instagramlink, '_blank');
+      var _authdetailsContext$i10;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.instagramlink) != null) {
+        var _authdetailsContext$i11;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
     size: '22',
     color: '#62564b'
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' d-flex align-items-center justify-content-center mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i10;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.instagramlink) != null) {
-        var _authdetailsContext$i11;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.tiktoklink, '_blank');
+      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.tiktoklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
     size: '20',
     color: '#62564b'
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' d-flex align-items-center justify-content-center mx-2 ',
     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.youtubelink, '_blank');
+      var _authdetailsContext$i16;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.instagramlink) != null) {
+        var _authdetailsContext$i17;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.youtubelink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.AiFillYoutube, {
@@ -29507,6 +30163,31 @@ var Simpleheader = function Simpleheader(props) {
     templateproperties_contextprops: templateproperties_context,
     actions: actions
   }), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      position: 'fixed',
+      bottom: 15,
+      right: 15,
+      zIndex: 2000,
+      transition: 'all 0.3s ease-out',
+      width: '100%',
+      display: sectionproperties.showfloatingbtn == 'Show when logged in' ? 'none' : 'flex'
+    },
+    "class": "text-end"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": header_cssstyles.floatingbtn + ' allcentered ',
+    style: {},
+    onClick: function onClick() {
+      if (sectionproperties.btnlinktype == 'Website Link') {
+        routingcountext(sectionproperties.floatingbtnlink, false, '');
+      } else {
+        window.open(sectionproperties.floatingbtnlink, '_blank');
+
+        // routingcountext(sectionproperties.floatingbtnlink, true, '');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0"
+  }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), sectionproperties.showfloatingbtn == 'Show when logged in' && authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       position: 'fixed',
       bottom: 15,
@@ -29520,7 +30201,13 @@ var Simpleheader = function Simpleheader(props) {
     "class": header_cssstyles.floatingbtn + ' allcentered ',
     style: {},
     onClick: function onClick() {
-      routingcountext(sectionproperties.floatingbtnlink, false, '');
+      if (sectionproperties.btnlinktype == 'Website Link') {
+        routingcountext(sectionproperties.floatingbtnlink, false, '');
+      } else {
+        window.open(sectionproperties.floatingbtnlink, '_blank');
+
+        // routingcountext(sectionproperties.floatingbtnlink, true, '');
+      }
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
@@ -29689,7 +30376,7 @@ var Simpleheader = function Simpleheader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
     size: sectionproperties.cartBtn_iconFontSize
-  }))), sectionproperties.userbtnstyle == 'Style 2' && !authdetailsContext.loggedin && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), sectionproperties.userbtnstyle == 'Style 2' && !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.user_btn) + ' allcentered ',
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Login);
@@ -29701,7 +30388,7 @@ var Simpleheader = function Simpleheader(props) {
       fontWeight: sectionproperties.userBtnTextfontweight,
       fontSize: sectionproperties.userbtn_logintextFontSize + 'px'
     }
-  }, langdetect == 'en' ? 'Login' : 'تسجيل الدخول')), sectionproperties.userbtnstyle == 'Style 2' && authdetailsContext.loggedin && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'Login' : 'تسجيل الدخول')), sectionproperties.userbtnstyle == 'Style 2' && authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: header_cssstyles.userBtnLoggedinContainer + ' allcentered ',
     sytle: {
       position: 'relative'
@@ -29780,7 +30467,7 @@ var Simpleheader = function Simpleheader(props) {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement(BiLogOutCircle.BiLogOutCircle, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), lang.logout))))), sectionproperties.userbtnstyle == 'Style 1' && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), lang.logout))))), sectionproperties.userbtnstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].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'
@@ -30548,6 +31235,23 @@ var Header8 = function Header8(props) {
       ':hover': {
         color: sectionproperties.collectionsectiontextcoloronhover
       }
+    }),
+    floatingbtn: glamor.css({
+      width: sectionproperties.floatingbtnwidth + '%',
+      height: sectionproperties.floatingbtnheight + 'px',
+      background: sectionproperties.floatingbtnbg,
+      fontSize: sectionproperties.floatingbtnfontsize + 'px',
+      color: sectionproperties.floatingbtncolor,
+      borderRadius: 10,
+      ':hover': {
+        color: sectionproperties.floatingbtncolorhover,
+        backgroundColor: sectionproperties.floatingbtnbghover,
+        transitions: '.3s',
+        cursor: 'pointer'
+      },
+      '@media (max-width: 800px)': {
+        width: '50%'
+      }
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -30562,7 +31266,26 @@ var Header8 = function Header8(props) {
     sectionpropertiesprops: sectionproperties,
     templateproperties_contextprops: templateproperties_context,
     actions: actions
-  })), sectionproperties.showfloatingcallbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
+  })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      position: 'fixed',
+      bottom: 15,
+      right: 15,
+      zIndex: 2000,
+      transition: 'all 0.3s ease-out',
+      width: '100%',
+      display: sectionproperties.showfloatingbtn == 'Show when logged in' ? 'none' : 'flex'
+    },
+    "class": "text-end"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": header_cssstyles.floatingbtn + ' allcentered ',
+    style: {},
+    onClick: function onClick() {
+      routingcountext(sectionproperties.floatingbtnlink, false, '');
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0"
+  }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), sectionproperties.showfloatingcallbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
     href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
     target: '_self',
     style: {
@@ -33745,11 +34468,11 @@ var Modernheader = function Modernheader(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center justify-content-center px-1025-1 '
+    "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-4 col-md-6 col-sm-12 d-none align-items-center justify-content-start p-0",
+    "class": "col-lg-4 col-md-6 col-sm-12 d-flex align-items-center justify-content-start p-0",
     style: {}
-  }, sectionproperties.searchbartype == 'Full Width' && sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.searchbartype == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.searchbarcont
   }, /*#__PURE__*/React__default["default"].createElement("input", {
     type: "text",
@@ -33768,7 +34491,7 @@ var Modernheader = function Modernheader(props) {
     sectionpropertiesprops: sectionproperties,
     srcfromprops: 'fullheader',
     actions: actions
-  })), sectionproperties.searchbartype == 'Icon' && sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.searchbartype == 'Icon' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.searchbarcont + ' allcentered ',
     style: {
       width: sectionproperties.searchbaricon_width + 'px',
@@ -33790,12 +34513,22 @@ var Modernheader = function Modernheader(props) {
   }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0 mr-2 ml-2"
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "m-0 p-0 mr-2 ml-2",
+    style: {
+      color: sectionproperties.searchbaricon_color
+    }
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, {
+    color: sectionproperties.searchbaricon_color
+  })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0 ml-2 mr-2"
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.map(function (item, index) {
+    "class": "m-0 p-0 ml-2 mr-2",
+    style: {
+      color: sectionproperties.searchbaricon_color
+    }
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, {
+    color: sectionproperties.searchbaricon_color
+  })))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.map(function (item, index) {
     var _authdetailsContext$i4;
     return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
       onClick: function onClick() {
@@ -33812,7 +34545,8 @@ var Modernheader = function Modernheader(props) {
       style: {
         fontSize: sectionproperties.dropdown_fontsize + 'px',
         fontWeight: sectionproperties.dropdown_fontweight,
-        textTransform: sectionproperties.dropdown_texttransform
+        textTransform: sectionproperties.dropdown_texttransform,
+        color: sectionproperties.searchbaricon_color
       }
     }, /*#__PURE__*/React__default["default"].createElement("span", {
       "class": 'ml-2 mr-2'
@@ -33822,7 +34556,7 @@ var Modernheader = function Modernheader(props) {
       "class": "m-0"
     }))));
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-6 col-md-6 col-sm-12 allcentered p-0"
+    "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.header_logo) + ' allcentered ',
     style: {
@@ -33841,8 +34575,8 @@ var Modernheader = function Modernheader(props) {
       objectFit: 'contain'
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-4 col-md-6 col-sm-12 p-0 d-none align-items-center justify-content-end"
-  }, sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-4 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       marginRight: langdetect == 'en' ? '30px' : 0,
       marginLeft: langdetect == 'en' ? 0 : '30px'
@@ -33984,7 +34718,7 @@ var Modernheader = function Modernheader(props) {
       top: sectionproperties.wishlistbadgetop + 'px',
       right: sectionproperties.wishlistbadgeright + 'px'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$g.header_menu, " ").concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered  ',
     onClick: function onClick() {
       setsidecartnavshowcontext(true);
@@ -34025,7 +34759,7 @@ var Modernheader = function Modernheader(props) {
       top: sectionproperties.cartbadgetop + 'px',
       right: sectionproperties.cartbadgeright + 'px'
     }
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": "".concat(headerstyles$g.header_menu) + ' allcentered '
@@ -40714,7 +41448,16 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+  }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
   })));
@@ -41536,10 +42279,19 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
       subheadercontentpositionprops: 'center',
       numofcols: '6'
     }
-  })))), /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+  })))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }));
+  }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), ' ');
 };
 
 function ownKeys$1E(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; }
@@ -42900,7 +43652,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__default["default"](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 _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _logoarrayofobjects$, _logoarrayofobjects$2, _bgimagearrayofobjs$3, _bgimagearrayofobjs$4, _logoarrayofobjects$3, _logoarrayofobjects$4, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i8, _authdetailsContext$i14, _authdetailsContext$i15, _bgimagearrayofobjs$5, _bgimagearrayofobjs$6, _logoarrayofobjects$5, _logoarrayofobjects$6, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i24;
+  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 _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -42919,14 +43671,6 @@ var Footer1 = function Footer1(props) {
   var templateproperties_context = props.actions.templateproperties_context;
   var templatepropcontext = props.actions.templatepropcontext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
-  // const [newsletter, setnewsletter] = useState('');
-  var _useState5 = React.useState({
-      min: '',
-      max: ''
-    }),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    pricevalue2 = _useState6[0],
-    setpricevalue2 = _useState6[1];
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -42954,18 +43698,6 @@ var Footer1 = function Footer1(props) {
       }
     }
   }, [templateproperties_context]);
-  var _useState7 = React.useState([]),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    bgimagearrayofobjs = _useState8[0],
-    setbgimagearrayofobjs = _useState8[1];
-  React.useEffect(function () {
-    if (sectionproperties.length != 0 && sectionproperties.logoarrayofobjects != undefined) {
-      var bg1_arrayofobjsparsed = JSON.parse(sectionproperties.logoarrayofobjects);
-      if (Array.isArray(bg1_arrayofobjsparsed)) {
-        setbgimagearrayofobjs(_toConsumableArray__default["default"](bg1_arrayofobjsparsed));
-      }
-    }
-  }, [sectionproperties]);
   var footerStyles = {
     footerContainer: glamor.css({
       width: '100vw',
@@ -43096,17 +43828,6 @@ var Footer1 = function Footer1(props) {
         maxWidth: '35%',
         height: 'auto'
       }
-    }),
-    btnn: glamor.css({
-      width: '150px',
-      height: 40,
-      borderRadius: 10,
-      background: '#C2A24D',
-      color: 'white',
-      ':hover': {
-        transition: '.3s',
-        background: '#186a81'
-      }
     })
   };
   var returnpolicyobj = function returnpolicyobj(policytype) {
@@ -43121,8 +43842,8 @@ var Footer1 = function Footer1(props) {
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-center"
-  }, sectionproperties.opencollapsible == 'Expanded' && /*#__PURE__*/React__default["default"].createElement("footer", {
-    "class": "".concat(footerStyles.footerContainer) + ' px-sm-2 py-md-4 p-md-4 '
+  }, /*#__PURE__*/React__default["default"].createElement("footer", {
+    "class": "".concat(footerStyles.footerContainer) + ' p-sm-2 p-md-4 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row w-100 m-0 d-flex justify-content-center"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -43132,7 +43853,7 @@ var Footer1 = function Footer1(props) {
   }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: sectionproperties.replacelogo == 'Yes' ? langdetect == 'en' ? (_bgimagearrayofobjs$ = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$ === void 0 ? void 0 : _bgimagearrayofobjs$.englishlogo : (_bgimagearrayofobjs$2 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$2 === void 0 ? void 0 : _bgimagearrayofobjs$2.arabiclogo : langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
+    path: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
     style: {
       width: '100%',
       height: '100%',
@@ -43146,7 +43867,7 @@ var Footer1 = function Footer1(props) {
   }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: sectionproperties.replacelogo == 'Yes' ? langdetect == 'en' ? (_bgimagearrayofobjs$3 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$3 === void 0 ? void 0 : _bgimagearrayofobjs$3.englishlogo : (_bgimagearrayofobjs$4 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$4 === void 0 ? void 0 : _bgimagearrayofobjs$4.arabiclogo : 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,
+    path: authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instlogo,
     style: {
       width: '100%',
       height: '100%',
@@ -43282,10 +44003,10 @@ var Footer1 = function Footer1(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.facebook_btn) + '  d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
-      var _authdetailsContext$i2;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
-        var _authdetailsContext$i3;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
+      var _authdetailsContext$i3;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
+        var _authdetailsContext$i4;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebook.FaFacebook, {
@@ -43293,10 +44014,10 @@ var Footer1 = function Footer1(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i4;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null) {
-        var _authdetailsContext$i5;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink, '_blank');
+      var _authdetailsContext$i5;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
+        var _authdetailsContext$i6;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
@@ -43304,25 +44025,14 @@ var Footer1 = function Footer1(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.youtube_btn) + '  d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
-      var _authdetailsContext$i6;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null) {
-        var _authdetailsContext$i7;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber), '_blank');
+      var _authdetailsContext$i7;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber) != null) {
+        var _authdetailsContext$i8;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.youtube_btn) + '  d-flex align-items-center justify-content-center ',
-    onClick: function onClick() {
-      var _authdetailsContext$i9;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.youtubelink) != null) {
-        var _authdetailsContext$i10;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.youtubelink, '_blank');
-      }
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.AiFillYoutube, {
-    size: sectionproperties.instgrambtniconfontsize
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-center mt-md-3 mb-md-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -43333,15 +44043,15 @@ var Footer1 = function Footer1(props) {
     "class": "".concat(footerStyles.apptore) + ' cursor-pointer mx-2 ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
     onClick: function onClick() {
-      var _authdetailsContext$i11;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.mobileapplink_appstore, '_blank');
+      var _authdetailsContext$i9;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.mobileapplink_appstore, '_blank');
     }
   }), /*#__PURE__*/React__default["default"].createElement("img", {
     "class": "".concat(footerStyles.playstore) + ' cursor-pointer mx-2 ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
-      var _authdetailsContext$i12;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.mobileapplink_playstore, '_blank');
+      var _authdetailsContext$i10;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.mobileapplink_playstore, '_blank');
     }
   })), sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0"
@@ -43358,12 +44068,12 @@ var Footer1 = function Footer1(props) {
       textTransform: sectionproperties.footerinfotext_textTransform
     },
     onClick: function onClick() {
-      var _authdetailsContext$i13;
-      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 || (_authdetailsContext$i13 = _authdetailsContext$i13.contactinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.email), '_self');
+      var _authdetailsContext$i11;
+      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.contactinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.email), '_self');
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": ' fa fa-at mr-2 text-transform-none ml-2 '
-  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 || (_authdetailsContext$i14 = _authdetailsContext$i14.contactinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.email)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.contactinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.email)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(footerStyles.footerinfotext) + ' d-flex align-items-center justify-content-md-center mr-1 ',
@@ -43392,151 +44102,7 @@ var Footer1 = function Footer1(props) {
     "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
   }, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
     size: sectionproperties.footerinfoicon_fontsize
-  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.address_en)))))), sectionproperties.opencollapsible == 'Not Expanded' && /*#__PURE__*/React__default["default"].createElement("footer", {
-    "class": "".concat(footerStyles.footerContainer) + ' p-sm-2 p-md-4 '
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row w-100 m-0 d-flex justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-6"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 d-flex flex-row align-items-center justify-content-start mb-3 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.footerlogo) + ' d-flex align-items-center justify-content-center '
-  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: sectionproperties.replacelogo == 'Yes' ? langdetect == 'en' ? (_bgimagearrayofobjs$5 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$5 === void 0 ? void 0 : _bgimagearrayofobjs$5.englishlogo : (_bgimagearrayofobjs$6 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$6 === void 0 ? void 0 : _bgimagearrayofobjs$6.arabiclogo : langdetect == 'en' ? (_logoarrayofobjects$5 = logoarrayofobjects[0]) === null || _logoarrayofobjects$5 === void 0 ? void 0 : _logoarrayofobjects$5.englishlogo : (_logoarrayofobjects$6 = logoarrayofobjects[0]) === null || _logoarrayofobjects$6 === void 0 ? void 0 : _logoarrayofobjects$6.arabiclogo,
-    style: {
-      width: '100%',
-      height: '100%',
-      objectFit: 'contain'
-    },
-    loading: "lazy"
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 mb-3"
-  }, /*#__PURE__*/React__default["default"].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$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.description_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.description_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 flex-row text-start"
-  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.facebook_btn) + '  d-flex align-items-center justify-content-center ',
-    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.facebooklink) != null) {
-        var _authdetailsContext$i19;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.facebooklink, '_blank');
-      }
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(FaFacebook.FaFacebook, {
-    size: sectionproperties.facebkbtnniconfontsize
-  })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
-    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.instagramlink) != null) {
-        var _authdetailsContext$i21;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.instagramlink, '_blank');
-      }
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
-    size: sectionproperties.instgrambtniconfontsize
-  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.youtube_btn) + '  d-flex align-items-center justify-content-center ',
-    onClick: function onClick() {
-      var _authdetailsContext$i22;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.whatsappnumber) != null) {
-        var _authdetailsContext$i23;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.whatsappnumber), '_blank');
-      }
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
-    size: sectionproperties.youtubebtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.twitterlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.youtube_btn) + '  d-flex align-items-center justify-content-center ',
-    onClick: function onClick() {
-      var _authdetailsContext$i25;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.twitterlink) != null) {
-        var _authdetailsContext$i26;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.twitterlink, '_blank');
-      }
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    className: "h-100 allcentered",
-    style: {
-      fontSize: 20
-    }
-  }, "x"))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-6"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 mt-md-3"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 mb-3"
-  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 mb-3"
-  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
-    "class": "col-lg-12  mb-3 text-start p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("input", {
-    type: "text",
-    className: "".concat(footerStyles.form_control) + ' w-md-100 ',
-    value: pricevalue2.min,
-    placeholder: "\u0627\u0644\u0628\u0631\u064A\u062F \u0627\u0644\u0625\u0644\u0643\u062A\u0631\u0648\u0646\u064A",
-    onChange: function onChange(event) {
-      var temppricevalue = _objectSpread$1C({}, pricevalue2);
-      temppricevalue.min = event.target.value;
-      setpricevalue2(_objectSpread$1C({}, temppricevalue));
-    },
-    style: {
-      background: 'white',
-      fontSize: 14,
-      color: '#000',
-      borderRadius: 10,
-      width: '50%',
-      height: 40,
-      paddingLeft: 20,
-      paddingRight: 20
-    }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 text-start mb-3 text-start p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": footerStyles.btnn
-  }, "\u0627\u0634\u062A\u0631\u0643 \u0627\u0644\u0622\u0646")))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-center mt-md-3 mb-md-3"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.vl) + ' ml-sm-0 mr-sm-0 my-3 '
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 text-start"
-  }, /*#__PURE__*/React__default["default"].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)))));
+  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.address_en)))))));
 };
 
 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; }
@@ -47176,7 +47742,7 @@ var FooterWithThreeColumns = function FooterWithThreeColumns(props) {
 function ownKeys$1s(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$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ModernFooter = function ModernFooter(props) {
-  var _templatepropcontext$, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23;
+  var _templatepropcontext$, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i26;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -47483,43 +48049,57 @@ var ModernFooter = function ModernFooter(props) {
   }, sectionproperties.whatsappiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.whatsappiconfontsize
-  }), sectionproperties.whatsapplinktext)), sectionproperties.linkedinbtnshow == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), sectionproperties.whatsapplinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.twitterlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4',
+    onClick: function onClick() {
+      var _authdetailsContext$i12;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.twitterlink) != null) {
+        var _authdetailsContext$i13;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.twitterlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 allcentered",
+    style: {
+      fontSize: 20
+    }
+  }, "x")), sectionproperties.linkedinbtnshow == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.linkedin_btn + ' m-0 p-0 d-flex align-items-center ',
     onClick: function onClick() {
-      var _authdetailsContext$i12;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.linkedinlink) != null) {
-        var _authdetailsContext$i13;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.linkedinlink, '_blank');
+      var _authdetailsContext$i15;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.linkedinlink) != null) {
+        var _authdetailsContext$i16;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.linkedinlink, '_blank');
       }
     }
   }, sectionproperties.linkedinbtniconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(AiOutlineLinkedin.AiOutlineLinkedin, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.linkedinbtniconfontsize
-  }), sectionproperties.linkedinlinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), sectionproperties.linkedinlinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.instgram_btn + ' m-0 p-0 d-flex align-items-center ',
     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.tiktoklink) != null) {
-        var _authdetailsContext$i16;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.tiktoklink, '_blank');
+      var _authdetailsContext$i18;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.tiktoklink) != null) {
+        var _authdetailsContext$i19;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.tiktoklink, '_blank');
       }
     }
   }, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.instagramiconfontsize
-  }), langdetect == 'en' ? 'TikTok' : 'TikTok')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.telegramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), langdetect == 'en' ? 'TikTok' : 'TikTok')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.telegramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.instgram_btn + ' m-0 p-0 d-flex align-items-center ',
     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.telegramlink) != null) {
-        var _authdetailsContext$i19;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.telegramlink, '_blank');
+      var _authdetailsContext$i21;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.telegramlink) != null) {
+        var _authdetailsContext$i22;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.telegramlink, '_blank');
       }
     }
   }, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(FaTelegramPlane.FaTelegramPlane, {
@@ -47551,7 +48131,7 @@ var ModernFooter = function ModernFooter(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
     size: sectionproperties.footerinfoicon_fontsize
-  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.address_en)), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.address_en)), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.footerinfotext) + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-1 p-0 ',
     onClick: function onClick() {
       window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_self');
@@ -47570,14 +48150,14 @@ var ModernFooter = function ModernFooter(props) {
   }), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber)), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.footerinfotext) + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-1 p-0 ',
     onClick: function onClick() {
-      var _authdetailsContext$i21;
-      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 || (_authdetailsContext$i21 = _authdetailsContext$i21.contactinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.email), '_self');
+      var _authdetailsContext$i24;
+      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 || (_authdetailsContext$i24 = _authdetailsContext$i24.contactinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.email), '_self');
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": ' footerinfotext d-flex align-items-center justify-content-start m-0 p-0 cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i22;
-      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 || (_authdetailsContext$i22 = _authdetailsContext$i22.contactinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.email), '_self');
+      var _authdetailsContext$i25;
+      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 || (_authdetailsContext$i25 = _authdetailsContext$i25.contactinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.email), '_self');
     },
     style: {
       textTransform: 'none'
@@ -47588,7 +48168,7 @@ var ModernFooter = function ModernFooter(props) {
       marginRight: langdetect == 'en' ? '0.5rem' : 0,
       marginLeft: langdetect == 'ar' ? '0.5rem' : 0
     }
-  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 || (_authdetailsContext$i23 = _authdetailsContext$i23.contactinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.email)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 || (_authdetailsContext$i26 = _authdetailsContext$i26.contactinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.email)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.showfooteraddress == 'Hide' && sectionproperties.showfooterphonenumber == 'Hide' && sectionproperties.showfooteremail == 'Hide' ? 'col-lg-4 col-md-12 col-sm-12 mt-md-3' : 'col-lg-3 col-md-12 col-sm-12 mt-md-3'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 d-flex justify-content-start mb-3"
@@ -47600,15 +48180,15 @@ var ModernFooter = function ModernFooter(props) {
     "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-flex d-md-none ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
     onClick: function onClick() {
-      var _authdetailsContext$i24;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.mobileapplink_appstore, '_blank');
+      var _authdetailsContext$i27;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.mobileapplink_appstore, '_blank');
     }
   }), /*#__PURE__*/React__default["default"].createElement("img", {
     "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-none d-md-flex ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
     onClick: function onClick() {
-      var _authdetailsContext$i25;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.mobileapplink_appstore, '_blank');
+      var _authdetailsContext$i28;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.mobileapplink_appstore, '_blank');
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start'
@@ -47616,15 +48196,15 @@ var ModernFooter = function ModernFooter(props) {
     "class": "".concat(footerStyles.playstore) + ' cursor-pointer d-flex d-md-none ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
-      var _authdetailsContext$i26;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.mobileapplink_playstore, '_blank');
+      var _authdetailsContext$i29;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.mobileapplink_playstore, '_blank');
     }
   }), /*#__PURE__*/React__default["default"].createElement("img", {
     "class": "".concat(footerStyles.playstore) + ' cursor-pointer d-none d-md-flex ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
-      var _authdetailsContext$i27;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.mobileapplink_playstore, '_blank');
+      var _authdetailsContext$i30;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.mobileapplink_playstore, '_blank');
     }
   }))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-3 col-md-12 col-sm-12 mt-md-3 px-lg-5 px-md-2",
@@ -47654,7 +48234,7 @@ var ModernFooter = function ModernFooter(props) {
 function ownKeys$1r(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$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Newsletterfooter = function Newsletterfooter(props) {
-  var _footerStyles, _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i22, _authdetailsContext$i25, _authdetailsContext$i30, _authdetailsContext$i31;
+  var _footerStyles, _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i25, _authdetailsContext$i28, _authdetailsContext$i33, _authdetailsContext$i34;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -48240,43 +48820,57 @@ var Newsletterfooter = function Newsletterfooter(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.AiFillYoutube, {
     size: sectionproperties.instgrambtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.twitterlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4',
     onClick: function onClick() {
       var _authdetailsContext$i18;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.tiktoklink) != null) {
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.twitterlink) != null) {
         var _authdetailsContext$i19;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.tiktoklink, '_blank');
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.twitterlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 allcentered",
+    style: {
+      fontSize: 20
+    }
+  }, "x")), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i21;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.tiktoklink) != null) {
+        var _authdetailsContext$i22;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.tiktoklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
     size: sectionproperties.instgrambtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i21;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.linkedinlink, '_blank');
+      var _authdetailsContext$i24;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.linkedinlink, '_blank');
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaLinkedinIn.FaLinkedinIn, {
     size: sectionproperties.instgrambtniconfontsize
-  })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("p", {
+  })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.youtube_btn + ' m-0 p-0 allcentered mx-2 ',
     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$i26;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.whatsappnumber) != null) {
+        var _authdetailsContext$i27;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.googlemapslink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.googlemapslink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.youtube_btn + ' m-0 p-0 allcentered mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i26;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.googlemapslink) != null) {
-        var _authdetailsContext$i27;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.googlemapslink, '_blank');
+      var _authdetailsContext$i29;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.googlemapslink) != null) {
+        var _authdetailsContext$i30;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.googlemapslink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
@@ -48296,15 +48890,15 @@ var Newsletterfooter = function Newsletterfooter(props) {
     "class": langdetect == 'en' ? "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer mr-2 ' : "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ml-2 ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
     onClick: function onClick() {
-      var _authdetailsContext$i28;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.mobileapplink_appstore, '_blank');
+      var _authdetailsContext$i31;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.mobileapplink_appstore, '_blank');
     }
   }), sectionproperties.showplaystore == 'Show' && /*#__PURE__*/React__default["default"].createElement("img", {
     "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer mx-2 ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
-      var _authdetailsContext$i29;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.mobileapplink_playstore, '_blank');
+      var _authdetailsContext$i32;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.mobileapplink_playstore, '_blank');
     }
   }))), sectionproperties.showfooteraddress == 'Show' && sectionproperties.storeinfostyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex flex-row justify-content-start align-items-center mt-4"
@@ -48321,7 +48915,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
     "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
   }, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
     size: 30
-  })), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.address_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.address_ar)))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.address_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.address_ar)))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0  d-block my-3"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     "class": "m-0 p-0"
@@ -57040,7 +57634,7 @@ var Twobgimages = function Twobgimages(props) {
       style: {}
     }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-6 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
+        className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? ' d-flex align-items-stretch col-md-4 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-4 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
         style: {
           paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
           paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
@@ -57052,7 +57646,6 @@ var Twobgimages = function Twobgimages(props) {
             if (item.place_clickable == 'General') {
               if (item.externallink == 'Yes') {
                 window.open(item.clickable_page_route, '_blank');
-
                 // history.push(item.clickable_page_route);
               } else if (item.clickable_page_route && item.clickable_page_route.length != 0) {
                 routingcountext(item.clickable_page_route, false, '');
@@ -57385,9 +57978,9 @@ var VideosSection = function VideosSection(props) {
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
-      height: sectionproperties.image_height + 'px',
+      height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'px',
       '@media (max-width: 800px)': {
-        height: sectionproperties.height_responsive + 'px'
+        height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.height_responsive + 'px'
       }
     }),
     lau: glamor.css({
@@ -57581,7 +58174,7 @@ var VideosSection = function VideosSection(props) {
   }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
     transitionBehavior: 'auto',
     wrapperClassName: '',
-    itemClassName: 'videoscard',
+    itemClassName: '',
     scrollContainerClassName: 'scrollmenuclasssubscrollbar'
   }, Object.keys(videosarrayofobjs).length != 0 && videosarrayofobjs.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -58252,7 +58845,7 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
 function ownKeys$10(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$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DynamicForm = function DynamicForm(props) {
-  var _css, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
+  var _css, _css2, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -58407,6 +59000,8 @@ var DynamicForm = function DynamicForm(props) {
       type = 'number';
     } else if (item.type == 'text') {
       type = 'text';
+    } else if (item.type == 'phone number') {
+      type = 'phonenumber';
     }
     if (item.type == 'date') {
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -58464,6 +59059,41 @@ var DynamicForm = function DynamicForm(props) {
       }))));
     }
   };
+  var phonenumber = function phonenumber(item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 mb-3"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 text-start mb-2 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": form_cssstyles.formlabel + ' m-0 p-0 ',
+      style: {}
+    }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
+      "class": "text-danger"
+    }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React__default["default"].createElement(PhoneInput__default["default"], {
+      className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control),
+      country: 'eg',
+      enableSearch: true,
+      autoFormat: true,
+      value: item.value,
+      inputStyle: {
+        color: sectionproperties.inputfieldcolor
+      },
+      onChange: function onChange(event, country) {
+        updateformfield(event, index);
+        // var temp = { ...payloadobj };
+        // temp.mobile = event;
+        // temp.countrydialcode = country.dialCode;
+        // setpayloadobj({ ...temp });
+      },
+
+      style: {
+        direction: 'ltr',
+        color: sectionproperties.inputfieldcolor
+      }
+    })));
+  };
   var textareaitem = function textareaitem(item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": 'col-md-12 col-lg-12'
@@ -58535,20 +59165,19 @@ var DynamicForm = function DynamicForm(props) {
       boxShadow: 'none',
       transition: '.3s'
     }), _css)),
-    generalbtn: glamor.css({
+    generalbtn: glamor.css((_css2 = {
       width: sectionproperties.generalbtn_width + '%',
       height: sectionproperties.generalbtn_height + 'px',
       backgroundColor: sectionproperties.generalbtn_bgColor,
-      borderRadius: sectionproperties.generalbtnborderradius + 'px',
+      borderRadius: sectionproperties.generalbtn_bgColor,
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize,
-      fontWeight: sectionproperties.generalbtn_fontweight,
-      ':hover': {
-        transition: '.3s',
-        color: sectionproperties.generalbtn_textColoronhover,
-        backgroundColor: sectionproperties.generalbtn_bgColoronhover
-      }
-    }),
+      fontWeight: sectionproperties.generalbtn_fontweight
+    }, _defineProperty__default["default"](_css2, "borderRadius", sectionproperties.generalbtnborderradius + 'px'), _defineProperty__default["default"](_css2, ':hover', {
+      transition: '.3s',
+      color: sectionproperties.generalbtn_textColoronhover,
+      backgroundColor: sectionproperties.generalbtn_bgColoronhover
+    }), _css2)),
     btnLeft: glamor.css({
       width: 40,
       height: 40,
@@ -58579,14 +59208,6 @@ var DynamicForm = function DynamicForm(props) {
         transition: '.3s',
         backgroundColor: '#044da6'
       }
-    }),
-    sectiontitle: glamor.css({
-      color: sectionproperties.sectionTitleColor,
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      fontWeight: sectionproperties.sectionTitleFontWeight,
-      '@media (max-width: 800px)': {
-        fontSize: sectionproperties.sectionTitleFontSizeresp
-      }
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -58630,8 +59251,12 @@ var DynamicForm = function DynamicForm(props) {
       marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": form_cssstyles.sectiontitle + ' m-0 p-0 ',
-    style: {}
+    "class": "m-0 p-0",
+    style: {
+      color: sectionproperties.sectionTitleColor,
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
   }, langdetect == 'en' ? formtitleen : formtitlear)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": 'row m-0 w-100 p-3 mt-3'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -58752,8 +59377,12 @@ var DynamicForm = function DynamicForm(props) {
       marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": form_cssstyles.sectiontitle + ' m-0 p-0 ',
-    style: {}
+    "class": "m-0 p-0",
+    style: {
+      color: sectionproperties.sectionTitleColor,
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
   }, langdetect == 'en' ? formtitleen : formtitlear)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": 'row m-0 w-100 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -58763,6 +59392,8 @@ var DynamicForm = function DynamicForm(props) {
   }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields5 = dynamicform.fields) === null || _dynamicform$fields5 === void 0 ? void 0 : _dynamicform$fields5.map(function (item, index) {
     if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
       return inputitem(item, index);
+    } else if (item.type == 'phone number') {
+      return phonenumber(item, index);
     } else if (item.type == 'textarea') {
       return textareaitem(item, index);
     } else if (item.type == 'selectbox') {
@@ -58808,14 +59439,19 @@ var DynamicForm = function DynamicForm(props) {
     "class": "",
     color: '#fff'
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered my-4 py-4"
+    "class": "row m-0 w-100 py-4",
+    style: {
+      background: sectionproperties.popupbackgroundcolor
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered py-4"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
     style: {
       fontSize: 20,
-      color: '#000'
+      color: sectionproperties.popuptextcolor
     }
-  }, confirmationtext))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
+  }, confirmationtext)))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
 };
 
 function ownKeys$$(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; }
@@ -59593,14 +60229,14 @@ var Freetextsection = function Freetextsection(props) {
       height: '1px',
       position: 'relative',
       flex: '1 1 auto',
-      // minWidth: '10%',
+      minWidth: '10%',
       background: sectionproperties.linebgcolor
     }),
     line_right: glamor.css({
       height: '1px',
       position: 'relative',
       flex: '1 1 auto',
-      // minWidth: '10%',
+      minWidth: '10%',
       background: sectionproperties.linebgcolor
     }),
     btn: glamor.css({
@@ -59638,40 +60274,36 @@ var Freetextsection = function Freetextsection(props) {
         top: 0,
         bottom: 0
       }
-    }),
-    sectiontitlecontent: glamor.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__default["default"].createElement("div", {
-      "class": "d-flex align-items-center allcentered",
+      "class": "d-flex align-items-center flex-row",
       style: {
         position: 'relative',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
-        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
-        flexDirection: sectionproperties.sectiontitlestyle == 'Line Under Text' ? 'column' : 'row'
+        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
       }
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
+    }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("span", {
-      "class": section_styles.sectiontitlecontent
-    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React__default["default"].createElement("span", {
       style: {
-        width: '50%',
-        background: sectionproperties.linebgcolor,
-        height: 3,
-        borderRadius: 10,
-        marginTop: 5
+        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__default["default"].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
       }
     }));
   };
@@ -59730,8 +60362,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' ? sectionproperties.paddingverticalresponsive + 'px' : sectionproperties.paddingTop + 'px',
-        paddingBottom: type == 'responsive' ? sectionproperties.paddingverticalresponsive + 'px' : sectionproperties.paddingBottom + 'px',
+        paddingTop: type == 'responsive' ? '15px' : sectionproperties.paddingTop + 'px',
+        paddingBottom: type == 'responsive' ? '15px' : sectionproperties.paddingBottom + 'px',
         zIndex: 100,
         height: sectionproperties.hideshowcardtransition == 'Show' ? type == 'responsive' ? sectionproperties.height_responsive + 'px' : '' : ''
       }
@@ -59779,45 +60411,7 @@ 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__default["default"].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__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 allcentered"
-  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-3 col-md-12 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "w-100 d-flex allcentered mb-md-4"
-  }, SectionTitle())), /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].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: {
@@ -59832,7 +60426,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; }
@@ -59905,28 +60499,6 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         color: sectionproperties.generalbtn_textColoronhover
       }
     }),
-    btn2: glamor.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: glamor.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,
@@ -59941,8 +60513,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         width: sectionproperties.sectitle_lineafterwidth + '%',
         display: 'block',
         backgroundColor: sectionproperties.linebgcolor,
-        borderRadius: '6px',
-        marginTop: 15
+        borderRadius: '6px'
       }
     }),
     facebook_btn: glamor.css({
@@ -60051,11 +60622,11 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   };
   var SectionTitle = function SectionTitle() {
     return /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center  ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center ' : '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center ',
+      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' 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' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
       style: {
         color: sectionproperties.sectionTitleColor,
         fontWeight: sectionproperties.sectionTitleFontWeight,
-        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
       }
     }, sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React__default["default"].createElement("span", {
       "class": "".concat(section_styles.sectiontitlespan) + ' pl-md-2 pr-md-2 left-md-0 '
@@ -60083,10 +60654,8 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         borderRadius: sectionproperties.reservation_borderradius + 'px'
       }
     }, /*#__PURE__*/React__default["default"].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 py-md-4 ',
-      style: {
-        // padding: 20,
-      }
+      "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: {}
     }, /*#__PURE__*/React__default["default"].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: {
@@ -60225,7 +60794,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     })))));
   };
   var Image = function Image() {
-    var _imagesarray$, _imagesarray$7, _imagesarray$8, _imagesarray$9, _imagesarray$10;
+    var _imagesarray$, _imagesarray$7, _imagesarray$8;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.image_height == 0 ? sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-md-0' : 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-md-0' : sectionproperties.sectionstyle == 'Image on left' ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-md-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-md-0',
       style: {
@@ -60247,43 +60816,29 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
           }
         }
       }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0 d-flex d-md-none justify-content-center align-items-center"
     }, imagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
       "class": section_styles.imageimage,
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
       path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$7 = imagesarray[0]) === null || _imagesarray$7 === void 0 ? void 0 : _imagesarray$7.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$8 = imagesarray[0]) === null || _imagesarray$8 === void 0 ? void 0 : _imagesarray$8.bgsection_image_ar),
       style: {}
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0 d-none d-md-flex justify-content-center align-items-center"
-    }, imagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      "class": section_styles.imageimage,
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$9 = imagesarray[0]) === null || _imagesarray$9 === void 0 ? void 0 : _imagesarray$9.bgsection_imageresponsive) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$10 = imagesarray[0]) === null || _imagesarray$10 === void 0 ? void 0 : _imagesarray$10.bgsection_imageresponsive_ar),
-      style: {}
-    })));
+    }));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center ',
+    "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center w-100 ',
     style: {
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.backgroundColor,
-      width: sectionproperties.width + 'vw',
-      borderRadius: sectionproperties.sectioncardborderradius + 'px'
+      background: sectionproperties.backgroundColor
     }
   }, sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-100 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-100 w-md-100 mx-auto' : sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center w-100 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center w-100 w-md-100 mx-auto',
+    "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
-      // width: sectionproperties.width + 'vw',
-      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
-      // borderRadius: sectionproperties.sectioncardborderradius + 'px',
+      width: sectionproperties.width + 'vw',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      borderRadius: sectionproperties.sectioncardborderradius + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class":
@@ -60314,13 +60869,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center 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 ',
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
-      borderRadius: sectionproperties.reservation_borderradius + 'px',
-      paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
-      paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px'
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
@@ -60337,7 +60889,6 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     style: {
       position: 'relative',
       justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
-      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
       fontSize: sectionproperties.sectionTitleFontSize + 'px',
       backgroundColor: sectionproperties.sectiontitlebgcolor,
       borderRadius: sectionproperties.sectiontitleborderradius + 'px',
@@ -60401,7 +60952,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
   }, /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(section_styles.btn2) + ' m-md-0 ',
+    "class": "".concat(section_styles.btn) + ' m-md-0 ',
     onClick: function onClick() {
       if (sectionproperties.btntype == 'WhatsApp') {
         var _authdetailsContext$i9;
@@ -60420,27 +60971,7 @@ 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), sectionproperties.showbtn2 == 'Show' && /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 justify-content-sm-center mb-sm-4 align-items-center",
     style: {
       justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
@@ -60450,10 +60981,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$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');
+      var _authdetailsContext$i11;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.facebooklink) != null) {
+        var _authdetailsContext$i12;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
@@ -60461,10 +60992,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$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');
+      var _authdetailsContext$i13;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instagramlink) != null) {
+        var _authdetailsContext$i14;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
@@ -60472,10 +61003,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$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$i15;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.whatsappnumber) != null) {
+        var _authdetailsContext$i16;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -60489,11 +61020,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 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 ',
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
-      borderRadius: sectionproperties.reservation_borderradius + 'px'
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
@@ -60576,10 +61106,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$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');
+        var _authdetailsContext$i17;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.whatsappnumber) != null) {
+          var _authdetailsContext$i18;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.whatsappnumber), '_blank');
         }
       } else if (sectionproperties.btntype == 'App/Web Page') {
         // window.open(sectionproperties.btnlink, '_target');
@@ -60602,10 +61132,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$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');
+      var _authdetailsContext$i19;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.facebooklink) != null) {
+        var _authdetailsContext$i20;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
@@ -60613,10 +61143,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$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');
+      var _authdetailsContext$i21;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.instagramlink) != null) {
+        var _authdetailsContext$i22;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
@@ -60624,10 +61154,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$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$i23;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.whatsappnumber) != null) {
+        var _authdetailsContext$i24;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -60641,13 +61171,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, sectionproperties.image_show == 'show' && Image(), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center 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 ',
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
-      borderRadius: sectionproperties.reservation_borderradius + 'px',
-      paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
-      paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px'
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
@@ -60727,13 +61254,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
   }, /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(section_styles.btn2) + ' m-md-0 ',
+    "class": "".concat(section_styles.btn) + ' m-md-0 ',
     onClick: function onClick() {
       if (sectionproperties.btntype == 'WhatsApp') {
-        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');
+        var _authdetailsContext$i25;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.whatsappnumber) != null) {
+          var _authdetailsContext$i26;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.whatsappnumber), '_blank');
         }
       } else if (sectionproperties.btntype == 'App/Web Page') {
         // window.open(sectionproperties.btnlink, '_target');
@@ -60746,27 +61273,7 @@ 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__default["default"].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__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 justify-content-sm-center mb-sm-4 align-items-center",
     style: {
       justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
@@ -60776,10 +61283,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$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');
+      var _authdetailsContext$i27;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.facebooklink) != null) {
+        var _authdetailsContext$i28;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
@@ -60787,10 +61294,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$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');
+      var _authdetailsContext$i29;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.instagramlink) != null) {
+        var _authdetailsContext$i30;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
@@ -60798,10 +61305,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$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');
+      var _authdetailsContext$i31;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.whatsappnumber) != null) {
+        var _authdetailsContext$i32;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -60901,10 +61408,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$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');
+        var _authdetailsContext$i33;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.whatsappnumber) != null) {
+          var _authdetailsContext$i34;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.whatsappnumber), '_blank');
         }
       } else if (sectionproperties.btntype == 'App/Web Page') {
         // window.open(sectionproperties.btnlink, '_target');
@@ -60927,10 +61434,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$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');
+      var _authdetailsContext$i35;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.facebooklink) != null) {
+        var _authdetailsContext$i36;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
@@ -60938,10 +61445,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$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');
+      var _authdetailsContext$i37;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.instagramlink) != null) {
+        var _authdetailsContext$i38;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
@@ -60949,10 +61456,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$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');
+      var _authdetailsContext$i39;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.whatsappnumber) != null) {
+        var _authdetailsContext$i40;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -61019,7 +61526,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     }
   }, sectionproperties.image_show == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "w-100 mb-md-3"
-  }, " ", Image()), Content()))))));
+  }, " ", Image()), Content())))));
 };
 
 function ownKeys$V(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; }
@@ -61246,7 +61753,7 @@ var Servicesection = function Servicesection(props) {
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr);
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row ml-0 mr-0 align-items-center ',
+    "class": ' row ml-0 mr-0 align-items-center w-md-100 ',
     style: {
       width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
@@ -61352,7 +61859,7 @@ var Servicesection = function Servicesection(props) {
     "class": "row m-0 w-100 d-flex justify-content-center justify-content-md-start"
   }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-4 col-md-12 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start"
+      "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       // class="m-lg-auto d-flex justify-content-center"
       "class": sectionproperties.innersectionbordertype != 'All' ? 'm-sm-auto d-flex justify-content-center border-md-none w-100' : 'm-lg-auto d-flex justify-content-center',
@@ -61376,7 +61883,7 @@ var Servicesection = function Servicesection(props) {
           window.open(cardinfoitem.btnlink, '_blank');
         }
       }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, sectionproperties.image_show == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "d-flex d-sm-none",
       style: {
         width: sectionproperties.image_width + 'px',
@@ -61394,7 +61901,7 @@ var Servicesection = function Servicesection(props) {
         width: '100%',
         objectFit: 'cover'
       }
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
+    })), sectionproperties.image_show == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "d-none d-sm-flex mt-auto mb-auto",
       style: {
         width: 35,
@@ -61443,89 +61950,22 @@ var Servicesection = function Servicesection(props) {
 
 function ownKeys$T(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$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-// const minuteSeconds = 60;
-// const hourSeconds = 3600;
-// const daySeconds = 86400;
-
-// const timerProps = {
-//     isPlaying: true,
-//     size: 120,
-//     strokeWidth: 6,
-// };
-
-var formatTime = function formatTime(time) {
-  var days = Math.floor(time / (60 * 60 * 24));
-  var hours = Math.floor(time % (60 * 60 * 24) / (60 * 60));
-  var minutes = Math.floor(time % (60 * 60) / 60);
-  var seconds = time % 60;
-  return {
-    days: days,
-    hours: hours,
-    minutes: minutes,
-    seconds: seconds
-  };
-};
-// const renderTime = (dimension, time) => {
-//     return (
-// <div className="time-wrapper">
-//     <div className="time">{time}</div>
-//     <div>{dimension}</div>
-// </div>
-//     );
-// };
-
-// const getTimeSeconds = (time) => (minuteSeconds - time) | 0;
-// const getTimeMinutes = (time) => ((time % hourSeconds) / minuteSeconds) | 0;
-// const getTimeHours = (time) => ((time % daySeconds) / hourSeconds) | 0;
-// const getTimeDays = (time) => (time / daySeconds) | 0;
-
 var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   var _maincontainerarrayof;
-  var targetStartDate = new Date('2024-12-16T12:00:00');
-  var _useState = React.useState(0),
+  var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
-    remainingTimeInSeconds = _useState2[0],
-    setRemainingTimeInSeconds = _useState2[1];
-  var _useState3 = React.useState(''),
+    sectionproperties = _useState2[0],
+    setsectionproperties = _useState2[1];
+  var _useState3 = React.useState([]),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    sectionproperties = _useState4[0],
-    setsectionproperties = _useState4[1];
-  var _useState5 = React.useState([]),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    cardsarray = _useState6[0],
-    setcardsarray = _useState6[1];
+    cardsarray = _useState4[0],
+    setcardsarray = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var routingcountext = props.actions.routingcountext;
   var authdetailsContext = props.actions.authdetailsContext;
-
-  // const remainingTime = endTime - stratTime;
-  // // const days = Math.ceil(remainingTime / daySeconds);
-  // const daysDuration = days * daySeconds;
-  React.useEffect(function () {
-    var interval = setInterval(function () {
-      var currentTime = new Date();
-      var differenceInSeconds = Math.max(Math.floor((targetStartDate - currentTime) / 1000), 0);
-      setRemainingTimeInSeconds(differenceInSeconds);
-    }, 1000); // Update every second
-
-    return function () {
-      return clearInterval(interval);
-    }; // Cleanup interval on unmount
-  }, [targetStartDate]);
-
-  // Format the remaining time into days, hours, minutes, and seconds
-  var _formatTime = formatTime(remainingTimeInSeconds),
-    days = _formatTime.days,
-    hours = _formatTime.hours,
-    minutes = _formatTime.minutes,
-    seconds = _formatTime.seconds;
-  var _useState7 = React.useState([]),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    maincontainerarrayofobjs = _useState8[0],
-    setmaincontainerarrayofobjs = _useState8[1];
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -61547,6 +61987,10 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }
   }, [sectionproperties]);
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    maincontainerarrayofobjs = _useState6[0],
+    setmaincontainerarrayofobjs = _useState6[1];
   React.useEffect(function () {
     if (sectionproperties.length != 0 && sectionproperties.maincontainerarrayofobjs != undefined) {
       var maincontainerarrayofobjsparsed = JSON.parse(sectionproperties.maincontainerarrayofobjs);
@@ -61651,7 +62095,6 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }),
     cardContainer: glamor.css({
-      background: sectionproperties.reservation_bgcolor,
       ':hover .imageContainer': {
         transition: '.3s',
         backgroundColor: sectionproperties.activedotcolor
@@ -61659,9 +62102,6 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       ':hover .text1Styles': {
         transition: '.3s',
         color: sectionproperties.text1secondarycolor
-      },
-      ':hover': {
-        background: sectionproperties.innersectionbgcolorhover
       }
     }),
     btnstyles: glamor.css({
@@ -61670,7 +62110,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': {
@@ -61742,22 +62182,18 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "d-flex align-items-center flex-column allcentered",
+    "class": "d-flex align-items-center flex-row allcentered",
     style: {
       position: 'relative',
       width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
     }
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
+  }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": sectionStyles.line_left
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : 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 Under Text' && /*#__PURE__*/React__default["default"].createElement("span", {
-    style: {
-      width: '50%',
-      background: sectionproperties.linebgcolor,
-      height: 3,
-      borderRadius: 10,
-      marginTop: 5
-    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": sectionStyles.line_right
   })))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center px-sm-3',
     style: {
@@ -61769,215 +62205,10 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   }, /*#__PURE__*/React__default["default"].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)), sectionproperties.showcountdown == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-3"
-  }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, {
-    isPlaying: true,
-    duration: remainingTimeInSeconds,
-    colors: "#013c48",
-    strokeWidth: 8,
-    size: 120,
-    initialRemainingTime: remainingTimeInSeconds
-  }, function (_ref) {
-    _ref.elapsedTime;
-      _ref.color;
-    return /*#__PURE__*/React__default["default"].createElement("span", {
-      style: {
-        color: '#bea04b',
-        fontSize: 23,
-        fontWeight: 600
-      },
-      "class": "allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time-wrapper allcentered flex-column"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time"
-    }, days), /*#__PURE__*/React__default["default"].createElement("div", null, "\u064A\u0648\u0645")));
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-3"
-  }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, {
-    isPlaying: true,
-    duration: remainingTimeInSeconds,
-    colors: "#013c48",
-    strokeWidth: 8,
-    size: 120,
-    initialRemainingTime: remainingTimeInSeconds
-  }, function (_ref2) {
-    _ref2.elapsedTime;
-      _ref2.color;
-    return /*#__PURE__*/React__default["default"].createElement("span", {
-      style: {
-        color: '#bea04b',
-        fontSize: 23,
-        fontWeight: 600
-      },
-      "class": "allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time-wrapper allcentered flex-column"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time"
-    }, hours), /*#__PURE__*/React__default["default"].createElement("div", null, "\u0633\u0627\u0639\u0629")));
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-3"
-  }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, {
-    isPlaying: true,
-    duration: remainingTimeInSeconds,
-    colors: "#013c48",
-    strokeWidth: 8,
-    size: 120,
-    initialRemainingTime: remainingTimeInSeconds
-  }, function (_ref3) {
-    _ref3.elapsedTime;
-      _ref3.color;
-    return /*#__PURE__*/React__default["default"].createElement("span", {
-      style: {
-        color: '#bea04b',
-        fontSize: 23,
-        fontWeight: 600
-      },
-      "class": "allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time-wrapper allcentered flex-column"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time"
-    }, minutes), /*#__PURE__*/React__default["default"].createElement("div", null, "\u062F\u0642\u064A\u0642\u0629")));
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-3"
-  }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, {
-    isPlaying: true,
-    duration: remainingTimeInSeconds,
-    colors: "#013c48",
-    strokeWidth: 8,
-    size: 120,
-    initialRemainingTime: remainingTimeInSeconds
-  }, function (_ref4) {
-    _ref4.elapsedTime;
-      _ref4.color;
-    return /*#__PURE__*/React__default["default"].createElement("span", {
-      style: {
-        color: '#bea04b',
-        fontSize: 23,
-        fontWeight: 600
-      },
-      "class": "allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time-wrapper allcentered flex-column"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time"
-    }, seconds), /*#__PURE__*/React__default["default"].createElement("div", null, "\u062B\u0627\u0646\u064A\u0629")));
-  }))), sectionproperties.flippingcards == 'Yes' && sectionproperties.showcountdown != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 d-flex justify-content-center"
-  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": 'flip-card  d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 ',
-      style: {
-        zIndex: 2,
-        paddingLeft: sectionproperties.marginhorizontal + 'px',
-        paddingRight: sectionproperties.marginhorizontal + 'px'
-      }
-    }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
-      "class": "flip-card-front"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
-      "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
-      style: {
-        background: 'transparent'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
-      style: {
-        maxHeight: sectionproperties.iconcontainerwidth + '%',
-        maxWidth: sectionproperties.iconcontainerwidth + '%',
-        objectFit: 'contain'
-      }
-    }))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 d-flex p-0",
-      style: {
-        marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
-        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
-      }
-    }, /*#__PURE__*/React__default["default"].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)))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "flip-card-back allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100 allcentered"
-    }, sectionproperties.showimagewhenflip == 'Show' && /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
-      "class": ' d-flex align-items-center  ',
-      style: {
-        width: '30%',
-        height: '30%',
-        justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
-      style: {
-        maxHeight: '100%',
-        maxWidth: '100%',
-        objectFit: 'contain'
-      }
-    }))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 d-flex p-0",
-      style: {
-        marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
-        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
-      }
-    }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
-      "class": "col-lg-12 d-flex p-0",
-      style: {
-        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
-      }
-    }, sectionproperties.slideshowtext2_show && /*#__PURE__*/React__default["default"].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' && sectionproperties.showcountdown != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
     var _authdetailsContext$i;
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": 'col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 omancard col-sm-' + sectionproperties.numberOfColsverticalresp,
+      "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,
       style: {
         zIndex: 2,
         paddingLeft: sectionproperties.marginhorizontal + 'px',
@@ -61987,37 +62218,20 @@ 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 : '',
-        // 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 : 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: sectionproperties.innersectionbordertype != 'All' && cardinfoindex != cardsarray.length - 1 ? langdetect == 'en' ? 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 : '' : '',
         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%' : ''
       },
@@ -62140,7 +62354,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   ";
@@ -69251,6 +69465,12 @@ var Card23 = function Card23(props) {
       marginBottom: sectionproperties.image_mb + 'px'
     }
   }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
+    style: {
+      height: sectionproperties.height_responsive + 'px',
+      marginBottom: sectionproperties.image_mb + 'px'
+    }
+  }, Image('responsive')), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2',
     style: {
       paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
@@ -69798,7 +70018,8 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       functype: 'add',
       productid: item.productid,
       variantid: '',
-      quantity: item.quantity
+      quantity: item.quantity,
+      vendorid: item.vendorid
     };
     var runfunc = false;
     if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
@@ -71276,7 +71497,7 @@ var Categorycard_withtext = function Categorycard_withtext(props) {
       fontWeight: sectionproperties.generaltext_fontWeight,
       transition: '.3s',
       cursor: 'pointer',
-      zIndex: 1000,
+      zIndex: 100,
       ':hover': {
         color: sectionproperties.text_secondarycolor
       }
@@ -71295,7 +71516,7 @@ var Categorycard_withtext = function Categorycard_withtext(props) {
       textTransform: sectionproperties.generalbtn_texttransform,
       opacity: sectionproperties.generalbtn_showonhover == 'Show On Hover' ? 0 : 1,
       top: sectionproperties.generalbtn_showonhover == 'Show On Hover' ? '100px' : 0,
-      zIndex: 1000,
+      zIndex: 100,
       ':hover': {
         backgroundColor: sectionproperties.generalbtn_bgColoronhover,
         color: sectionproperties.generalbtn_textColoronhover,
@@ -71703,7 +71924,8 @@ var Classiccategorycard = function Classiccategorycard(props) {
       width: '100%',
       bottom: sectionproperties.generaltext_position == 'Centered' ? '50%' : '7%',
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      left: 0
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.textContainer, " ") + ' allcentered pl-2 pr-2 '
@@ -72094,11 +72316,6 @@ var MenuCard = function MenuCard(props) {
   React.useEffect(function () {
     setitem(props.cardinfoitemprops);
   }, [props.cardinfoitemprops]);
-  var plainString = function plainString(html) {
-    var divContainer = document.createElement('div');
-    divContainer.innerHTML = html;
-    return divContainer.textContent || divContainer.innerText || '';
-  };
   // const addtocartfunc = () => {
   //     const addtocardpayloadobj = {
   //         functype: 'add',
@@ -72330,7 +72547,7 @@ var MenuCard = function MenuCard(props) {
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(card_cssstyles.productcard) + ' w-100 pl-sm-0 pr-sm-0 '
+    "class": "".concat(card_cssstyles.productcard) + ' w-100 pl-sm-0 pr-sm-0 px-sm-2 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row w-100 m-0 d-flex"
   }, sectionproperties.image_show == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -72341,7 +72558,7 @@ var MenuCard = function MenuCard(props) {
         routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
       }
     },
-    "class": langdetect == 'en' ? "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start mr-2 ' : "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start ml-2 ',
+    "class": langdetect == 'en' ? "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start mr-2 m-sm-0 ' : "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start ml-2 m-sm-0 ',
     style: {}
   }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -72374,12 +72591,25 @@ var MenuCard = function MenuCard(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, item.name)), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 mt-2 mb-1 wordbreak wordbreak2 p-0 ',
+  }, item.name)), sectionproperties.prodCatShow == 'Show' &&
+  /*#__PURE__*/
+  // <p
+  // //     class={`${card_cssstyles.productDescStyles}` + ' col-lg-12 mt-2 mb-1 wordbreak wordbreak2 p-0 '}
+  // //     style={{
+  // //         textAlign: langdetect == 'en' ? 'left' : 'right',
+  // //     }}
+  // // >
+  // //     {plainString(langdetect == 'en' ? item.description_en : item.description_ar)}
+  // // </p>
+  React__default["default"].createElement("p", {
+    "class": sectionproperties.descriptionwordbreak == 'None' ? "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0   mt-1 ' : "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 ',
     style: {
-      textAlign: langdetect == 'en' ? 'left' : 'right'
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: item.shortdescription
     }
-  }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       display: 'flex',
       flexDirection: 'column',
@@ -72387,16 +72617,16 @@ var MenuCard = function MenuCard(props) {
     },
     "class": "col-lg-3 col-md-3 col-sm-12 mt-2 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 d-flex flex-column flex-sm-row justify-content-end justify-content-sm-start"
+    "class": "row m-0 w-100 d-flex flex-column flex-sm-column justify-content-end justify-content-sm-start"
   }, sectionproperties.prodPriceShow == 'Show' && sectionproperties.removedecimals == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": langdetect == 'en' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
   }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodPriceShow == 'Show' && sectionproperties.removedecimals == 'Hide' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": langdetect == 'en' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
   }, langdetect == 'en' ? 'EGP' : '', ' ', item.hassale == 1 ? parseFloat(Number(item.defaultsaleprice).toFixed(2)) : parseFloat(Number(item.defaultprice).toFixed(2)), ' ', langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && sectionproperties.removedecimals == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": langdetect == 'en' ? "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 ' : "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 '
+    "class": langdetect == 'en' ? "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 m-sm-0 ' : "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 m-sm-0 '
   }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && sectionproperties.removedecimals == 'Hide' && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": langdetect == 'en' ? "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 ' : "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 '
-  }, langdetect == 'en' ? 'EGP' : '', parseFloat(Number(item.defaultprice).toFixed(2)), " ", langdetect == 'en' ? '' : 'ج.م')), sectionproperties.quantitybtn_show == 'hide' && sectionproperties.favBtnShow == 'Hide' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": langdetect == 'en' ? "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 m-sm-0 ' : "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 m-sm-0 '
+  }, langdetect == 'en' ? 'EGP' : '', " ", parseFloat(Number(item.defaultprice).toFixed(2)), " ", langdetect == 'en' ? '' : 'ج.م')), sectionproperties.quantitybtn_show == 'hide' && sectionproperties.favBtnShow == 'Hide' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 mt-auto w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-end p-0"
@@ -76746,7 +76976,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   props.actions.NotificationManager;
   var AddtoCartContext = props.actions.AddtoCartContext;
-  var AddtoCartMutationContext = props.AddtoCartMutationContext;
+  var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
   var _useState5 = React.useState(''),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     addtocardpayloadobj = _useState6[0];
@@ -77347,7 +77577,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
-  }, plainString(item.shortdescription)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, plainString(item.description)), /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       flexDirection: 'column'
     },
@@ -78732,9 +78962,7 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
     "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 ' : " ".concat(card_cssstyles.productcard),
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
-      minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
-      maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px'
+      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' cursor-pointer w-100 ',