tabexseriescomponents 0.0.694 → 0.0.696

package/dist/index.esm.js

@@ -115,7 +115,6 @@ import { VscHeart } from '@react-icons/all-files/vsc/VscHeart';
 import { IoSearchOutline } from '@react-icons/all-files/io5/IoSearchOutline';
 import { AiFillYoutube } from '@react-icons/all-files/ai/AiFillYoutube';
 import { IoLogoTiktok } from '@react-icons/all-files/io5/IoLogoTiktok';
-import { FaLinkedinIn } from '@react-icons/all-files/fa/FaLinkedinIn';
 import { FiMenu } from '@react-icons/all-files/fi/FiMenu';
 import { BsChevronDown } from '@react-icons/all-files/bs/BsChevronDown';
 import { IoClose } from '@react-icons/all-files/io5/IoClose';
@@ -140,6 +139,7 @@ import { FaPhone } from '@react-icons/all-files/fa/FaPhone';
 import { FiGlobe } from '@react-icons/all-files/fi/FiGlobe';
 import { BiUserCircle } from '@react-icons/all-files/bi/BiUserCircle';
 import { GoLocation } from '@react-icons/all-files/go/GoLocation';
+import { FaLinkedinIn } from '@react-icons/all-files/fa/FaLinkedinIn';
 import { RiRoadMapLine } from '@react-icons/all-files/ri/RiRoadMapLine';
 import { HiOutlineClock } from '@react-icons/all-files/hi/HiOutlineClock';
 import { AiOutlineLinkedin } from '@react-icons/all-files/ai/AiOutlineLinkedin';
@@ -148,6 +148,7 @@ import { FaArrowAltCircleLeft } from '@react-icons/all-files/fa/FaArrowAltCircle
 import Select$5 from 'react-select';
 import { GoStar } from '@react-icons/all-files/go/GoStar';
 import { IoIosStar } from '@react-icons/all-files/io/IoIosStar';
+import { CountdownCircleTimer } from 'react-countdown-circle-timer';
 import BackgroundSlideshow from 'react-background-slideshow';
 import _extends from '@babel/runtime/helpers/extends';
 import { Fade, Slide, Zoom } from 'react-slideshow-image';
@@ -2367,7 +2368,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(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 _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 _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 lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -2558,7 +2559,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 p-0 '
-  }, 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.createElement("div", {
+  }, /*#__PURE__*/React.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'
@@ -2693,7 +2694,7 @@ var Product_itemtype = function Product_itemtype(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right',
       fontWeight: 400,
       color: sectionproperties.measurementunitcolor,
-      fontSize: sectionproperties.measurementunitcolor + 'px'
+      fontSize: sectionproperties.measurementunitfontsize + 'px'
     }
   }, fetchProductInfoQueryContext.data.data.productinfo.measurmentunit)), sectionproperties.quantityshow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 text-start"
@@ -2811,9 +2812,14 @@ var Product_itemtype = function Product_itemtype(props) {
     return /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
       style: {
         textTransform: 'capitalize',
-        color: '#000'
+        color: '#000',
+        textAlign: langdetect == 'en' ? 'left' : 'right'
       }
-    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar), /*#__PURE__*/React.createElement("td", null, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar));
+    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar), /*#__PURE__*/React.createElement("td", {
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar));
   }))))), sectionproperties.defaultpricingposition == 'Under Name' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.isproducttobesold) == 1 && /*#__PURE__*/React.createElement(ProductHeaderPricing, {
     actions: props.actions
   }), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.short_description_en) != null && sectionproperties.descriptionstyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
@@ -3700,109 +3706,7 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "my-3"
   })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 allcentered mt-2"
-  }, 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.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.createElement("div", {
-    "class": "col-lg-12 allcentered p-0 mb-2"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "w-100 h-100",
-    style: {}
-  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
-    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: '/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.createElement("div", {
-    className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center mb-2 mt-3'
-  }, /*#__PURE__*/React.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.createElement("div", {
-    className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
-  }, /*#__PURE__*/React.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.createElement("div", {
-    "class": "col-lg-12 col-md-12 p-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 p-0 d-flex align-items-center justify-content-start"
-  }, /*#__PURE__*/React.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.createElement("div", {
-    "class": "col-lg-12 mt-3"
-  }, /*#__PURE__*/React.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.createElement("div", {
-    "class": "col-lg-12 p-0 my-4"
-  }, /*#__PURE__*/React.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.createElement("div", {
-      "class": "col-lg-4 col-sm-12"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": '  mx-2 w-100 h-100',
-      style: {}
-    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: '/tr:w-500,h-500/' + item.path,
-      style: {
-        width: '100%',
-        height: '100%',
-        objectFit: 'contain'
-      },
-      loading: "lazy"
-    })));
-  })))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 my-3"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-start"
-  }, /*#__PURE__*/React.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
-    }
-  }))))));
+  }, ShareButtonsContainer()))))))));
 };
 
 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; }
@@ -6667,8 +6571,7 @@ var Productinfo = function Productinfo(props) {
           borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
           borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
           borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-          borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
-          borderBottom: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
           marginBottom: sectionproperties.relatedProductsMb + 'px'
         }
       }, Relatedproducts.length != 0 && /*#__PURE__*/React.createElement("div", {
@@ -15293,7 +15196,6 @@ var Select$1 = /*#__PURE__*/React.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;
@@ -15314,21 +15216,10 @@ var Filter$1 = function Filter(props) {
     _useState2 = _slicedToArray(_useState, 2);
     _useState2[0];
     _useState2[1];
-  var _useState3 = useState({
-      min: '',
-      max: ''
-    }),
+  var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
-    pricevalue2 = _useState4[0],
-    setpricevalue2 = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    productfeatuesarr = _useState6[0],
-    setproductfeatuesarr = _useState6[1];
-  var _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    vendorarr = _useState8[0],
-    setvendorsarr = _useState8[1];
+    productfeatuesarr = _useState4[0],
+    setproductfeatuesarr = _useState4[1];
   var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
@@ -15337,50 +15228,41 @@ var Filter$1 = function Filter(props) {
   var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
   var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
   var fetchProductFeaturesQueryContext = props.actions.fetchProductFeaturesQueryContext;
-  var _useState9 = useState(''),
-    _useState10 = _slicedToArray(_useState9, 2),
-    sectionproperties = _useState10[0],
-    setsectionproperties = _useState10[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    sectionproperties = _useState6[0],
+    setsectionproperties = _useState6[1];
   // const [instfilters, setinstfilters] = useState([...authdetailsContext.instinfo.instfilters]);
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    instfilters = _useState8[0],
+    setinstfilters = _useState8[1];
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    collectionstobevisible = _useState10[0],
+    setcollectionstobevisible = _useState10[1];
   var _useState11 = useState([]),
     _useState12 = _slicedToArray(_useState11, 2),
-    instfilters = _useState12[0],
-    setinstfilters = _useState12[1];
+    instcollections = _useState12[0],
+    setinstcollections = _useState12[1];
   var _useState13 = useState([]),
     _useState14 = _slicedToArray(_useState13, 2),
-    collectionstobevisible = _useState14[0],
-    setcollectionstobevisible = _useState14[1];
-  var _useState15 = useState([]),
-    _useState16 = _slicedToArray(_useState15, 2),
-    instcollections = _useState16[0],
-    setinstcollections = _useState16[1];
-  var _useState17 = useState([]),
-    _useState18 = _slicedToArray(_useState17, 2),
-    instcategories = _useState18[0],
-    setinstcategories = _useState18[1];
+    instcategories = _useState14[0],
+    setinstcategories = _useState14[1];
   // const [sortby, setSortby] = useState('Sort by');
-  var _useState19 = useState({
+  var _useState15 = useState({
       min: 0,
       max: 5
     }),
-    _useState20 = _slicedToArray(_useState19, 2),
-    raterangevalue = _useState20[0],
-    setraterangevalue = _useState20[1];
+    _useState16 = _slicedToArray(_useState15, 2),
+    raterangevalue = _useState16[0],
+    setraterangevalue = _useState16[1];
   var timeoutRef = React.useRef(null);
-  var _useState21 = useState(''),
-    _useState22 = _slicedToArray(_useState21, 2);
-    _useState22[0];
-    var setsortbycontext = _useState22[1];
-  var _useState23 = useState(''),
-    _useState24 = _slicedToArray(_useState23, 2),
-    pricefrom = _useState24[0];
-    _useState24[1];
-  var _useState25 = useState(''),
-    _useState26 = _slicedToArray(_useState25, 2),
-    priceto = _useState26[0];
-    _useState26[1];
-  props.actions.setfetchingtype;
-  var _useState27 = useState([{
+  var _useState17 = useState(''),
+    _useState18 = _slicedToArray(_useState17, 2);
+    _useState18[0];
+    var setsortbycontext = _useState18[1];
+  var _useState19 = useState([{
       payloadvalue: 'sortprice',
       name: lang.price,
       filterarray: [{
@@ -15405,24 +15287,12 @@ var Filter$1 = function Filter(props) {
         isfilterselected: false
       }]
     }]),
-    _useState28 = _slicedToArray(_useState27, 2),
-    otherfilters = _useState28[0];
-    _useState28[1];
+    _useState20 = _slicedToArray(_useState19, 2),
+    otherfilters = _useState20[0];
+    _useState20[1];
   useEffect(function () {
     filterupdater();
   }, []);
-  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(vendorarr);
-      temp = _toConsumableArray(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(temp));
-    }
-  }, [FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 ? void 0 : FetchAllVendorsQuery.isSuccess]);
   useEffect(function () {
     if (fetchproductoptionsQueryContext.isSuccess) {
       var _fetchproductoptionsQ;
@@ -15438,17 +15308,7 @@ var Filter$1 = function Filter(props) {
   useEffect(function () {
     if (fetchcollectionsQueryContext.isSuccess) {
       var _fetchcollectionsQuer;
-      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]);
+      setinstcollections(_toConsumableArray(fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 || (_fetchcollectionsQuer = fetchcollectionsQueryContext.data) === null || _fetchcollectionsQuer === void 0 || (_fetchcollectionsQuer = _fetchcollectionsQuer.data) === null || _fetchcollectionsQuer === void 0 ? void 0 : _fetchcollectionsQuer.collections));
     }
   }, [fetchcollectionsQueryContext.isSuccess]);
   // useEffect(() => {
@@ -16187,7 +16047,7 @@ var Filter$1 = function Filter(props) {
             textAlign: langdetect == 'en' ? 'left' : 'right',
             color: sectionproperties.filtertitle_color
           }, _defineProperty(_ref2, "color", sectionproperties.filtertitle_color), _defineProperty(_ref2, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref2, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref2, "color", sectionproperties.filtertitle_color), _defineProperty(_ref2, "textTransform", 'capitalize'), _ref2)
-        }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React.createElement("div", {
+        }, langdetect == 'en' ? item.name_en : item.name_ar, item.type), /*#__PURE__*/React.createElement("div", {
           "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
           style: {
             direction: 'ltr'
@@ -16611,10 +16471,10 @@ var Filter$1 = function Filter(props) {
       isSearchable: true
     })))));
   };
-  var _useState29 = useState(false),
-    _useState30 = _slicedToArray(_useState29, 2),
-    checked = _useState30[0],
-    setChecked = _useState30[1];
+  var _useState21 = useState(false),
+    _useState22 = _slicedToArray(_useState21, 2),
+    checked = _useState22[0],
+    setChecked = _useState22[1];
   // const queryParameters = new URLSearchParams(window.location.search);
   // useEffect(() => {
   //     // setsortbycontext('Sort By');
@@ -16971,48 +16831,7 @@ var Filter$1 = function Filter(props) {
     "class": "row m-0 w-100"
   }, CollectionsFilter()), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
-  }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.showvendorfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 p-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 text-start mb-2"
-  }, /*#__PURE__*/React.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.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(vendorarr);
-        temp === null || temp === void 0 || temp.forEach(function (instfilteritem, instfilterindex) {
-          instfilteritem.isfilterselected = false;
-        });
-        item.isfilterselected = true;
-        setvendorsarr(_toConsumableArray(temp));
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "mr-2"
-    }, /*#__PURE__*/React.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.createElement("i", {
-      className: "h-100 d-flex align-items-center"
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
-    }, /*#__PURE__*/React.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.createElement("div", {
+  }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12"
   }, /*#__PURE__*/React.createElement(Offcanvas, {
     show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
@@ -17187,176 +17006,7 @@ var Filter$1 = function Filter(props) {
     }
   })))), /*#__PURE__*/React.createElement("div", {
     className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 pl-4 pr-4 '
-  }, sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-start p-0"
-  }, /*#__PURE__*/React.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.createElement("div", {
-    className: "col-lg-12"
-  }, /*#__PURE__*/React.createElement("hr", {
-    className: "mt-2 mb-3"
-  })), otherfilters.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-12 p-0"
-    }, /*#__PURE__*/React.createElement(Accordion, {
-      allowMultipleExpanded: true,
-      allowZeroExpanded: true,
-      preExpanded: [0, 1, 2, 3],
-      style: {
-        width: '100%'
-      }
-    }, /*#__PURE__*/React.createElement(AccordionItem, {
-      uuid: index
-    }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
-      className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3  '
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-10 col-md-10 col-sm-10 p-0"
-    }, /*#__PURE__*/React.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.createElement("div", {
-      className: "col-lg-2 col-md-2 col-sm-2 p-0"
-    }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
-      if (state.expanded == true) {
-        return /*#__PURE__*/React.createElement("i", {
-          className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-        }, /*#__PURE__*/React.createElement(FiChevronUp, null));
-      } else {
-        return /*#__PURE__*/React.createElement("i", {
-          className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end   '
-        }, /*#__PURE__*/React.createElement(FiChevronDown, null));
-      }
-    }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
-      className: "p-0"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: 'col-lg-12'
-    }, /*#__PURE__*/React.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.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.createElement("div", null, /*#__PURE__*/React.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.createElement("i", {
-        className: "h-100 d-flex align-items-center"
-      }))), /*#__PURE__*/React.createElement("div", {
-        className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
-      }, /*#__PURE__*/React.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.createElement("div", {
-    className: "col-lg-12 pl-4 pr-4"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3  '
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 col-md-12 col-sm-12 p-0 mb-3"
-  }, /*#__PURE__*/React.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.createElement("div", {
-    className: "col-lg-12 col-md-12 col-sm-12 mb-4"
-  }, /*#__PURE__*/React.createElement(InputRange, {
-    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.createElement("div", {
-    "class": "row m-0 w-100 mb-3 mt-2"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 text-start mb-2"
-  }, /*#__PURE__*/React.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.createElement("div", {
-    className: langdetect == 'en' ? 'col-6 pl-0 pr-1' : 'col-6 pr-0 pl-1'
-  }, /*#__PURE__*/React.createElement("label", {
-    className: "".concat(filter_cssstyles.collapsetitle) + ' d-flex justify-content-start '
-  }, langdetect == 'en' ? 'From' : 'من'), /*#__PURE__*/React.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.createElement("div", {
-    className: langdetect == 'en' ? 'col-6 pr-0 pl-1' : 'col-6 pl-0 pr-1'
-  }, /*#__PURE__*/React.createElement("label", {
-    className: "".concat(filter_cssstyles.collapsetitle) + ' d-flex justify-content-start '
-  }, langdetect == 'en' ? 'To' : 'إلى'), /*#__PURE__*/React.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.createElement("div", {
+  }, sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 mb-3"
   }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 mb-3"
@@ -17433,7 +17083,7 @@ var Filter$1 = function Filter(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
-  }, sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React.createElement(Accordion, {
+  }, /*#__PURE__*/React.createElement(Accordion, {
     allowMultipleExpanded: true,
     allowZeroExpanded: true,
     preExpanded: [0, 1, 2, 3],
@@ -17509,57 +17159,7 @@ var Filter$1 = function Filter(props) {
         }
       }, valueitem.name)));
     }));
-  }))))))), authdetailsContext.instinfo.instid == '673f49cede6cb' && /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 mb-3 mt-2 px-3"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 text-start mb-2"
-  }, /*#__PURE__*/React.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.createElement("div", {
-    className: langdetect == 'en' ? 'col-6 pl-0 pr-1' : 'col-6 pr-0 pl-1'
-  }, /*#__PURE__*/React.createElement("label", {
-    className: "".concat(filter_cssstyles.collapsetitle) + ' d-flex justify-content-start '
-  }, langdetect == 'en' ? 'From' : 'من'), /*#__PURE__*/React.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.createElement("div", {
-    className: langdetect == 'en' ? 'col-6 pr-0 pl-1' : 'col-6 pl-0 pr-1'
-  }, /*#__PURE__*/React.createElement("label", {
-    className: "".concat(filter_cssstyles.collapsetitle) + ' d-flex justify-content-start '
-  }, langdetect == 'en' ? 'To' : 'إلى'), /*#__PURE__*/React.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.createElement("div", {
+  }))))))), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("hr", {
     className: "mt-2 mb-3"
@@ -18344,28 +17944,6 @@ var CardsSection = function CardsSection(props) {
     }
   }
   var section_cssstyles = {
-    btnnn: css({
-      width: '20%',
-      height: 40,
-      background: '#5c5c5c',
-      fontSize: 14,
-      fontWeight: 400,
-      color: 'white',
-      borderRadius: 10,
-      ':hover': {
-        color: 'white',
-        background: '#000',
-        transition: '.3s'
-      }
-    }),
-    titleee: css({
-      fontSize: 25,
-      color: '#000',
-      fontWeight: 600,
-      '@media (max-width: 800px)': {
-        fontSize: 20
-      }
-    }),
     sectioncontainerr: css({
       width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
@@ -18570,11 +18148,12 @@ var CardsSection = function CardsSection(props) {
   };
   var SectionTitle = function SectionTitle() {
     return /*#__PURE__*/React.createElement("div", {
-      "class": "d-flex align-items-center flex-row",
+      "class": "d-flex align-items-center",
       style: {
         position: 'relative',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
-        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
+        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
+        flexDirection: sectionproperties.sectiontitlestyle == 'Line Under Text' ? 'column' : 'row'
       }
     }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
       "class": section_cssstyles.line_left
@@ -18589,6 +18168,14 @@ var CardsSection = function CardsSection(props) {
       }
     }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
       "class": section_cssstyles.line_right
+    }), sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React.createElement("span", {
+      style: {
+        width: '50%',
+        background: sectionproperties.linebgcolor,
+        height: 3,
+        borderRadius: 10,
+        marginTop: 5
+      }
     }));
   };
   var isCardsectionloading = function isCardsectionloading() {
@@ -19310,23 +18897,7 @@ var CardsSection = function CardsSection(props) {
     setopenFilterSlider: setopenFilterSlider,
     show_product_group_titles: show_product_group_titles,
     typeprops: 'vertical'
-  })), fetchingtype == 'custom' && /*#__PURE__*/React.createElement(React.Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender(), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 allcentered my-5"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 allcentered mb-3"
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": section_cssstyles.titleee + ' m-0 p-0 ',
-    style: {}
-  }, langdetect == 'en' ? "Didn't find what you're looking for?" : 'مش لاقي اللي بتدور عليه؟')), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 allcentered"
-  }, /*#__PURE__*/React.createElement("button", {
-    "class": section_cssstyles.btnnn + ' w-md-100 ',
-    onClick: function onClick() {
-      routingcountext('inquiryform', false, '');
-    }
-  }, langdetect == 'en' ? 'Contact Us' : 'إتصل بنا'))))));
+  })), fetchingtype == 'custom' && /*#__PURE__*/React.createElement(React.Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
 };
 
 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; }
@@ -22525,7 +22096,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(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, _authdetailsContext$i16;
+  var _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _authdetailsContext$i13;
   props.actions;
   props.actions.StatePagePropertiesContext;
   var _useState = useState({}),
@@ -22606,39 +22177,26 @@ 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.linkedinlink) != null && /*#__PURE__*/React.createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.tiktoklink) != null && /*#__PURE__*/React.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.linkedinlink) != null) {
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.tiktoklink) != null) {
         var _authdetailsContext$i12;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.linkedinlink, '_blank');
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.tiktoklink, '_blank');
       }
     }
-  }, /*#__PURE__*/React.createElement(FaLinkedinIn, {
+  }, /*#__PURE__*/React.createElement(IoLogoTiktok, {
     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.tiktoklink) != null && /*#__PURE__*/React.createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.whatsappnumber) != null && /*#__PURE__*/React.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.tiktoklink) != null) {
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.whatsappnumber) != null) {
         var _authdetailsContext$i15;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.tiktoklink, '_blank');
-      }
-    }
-  }, /*#__PURE__*/React.createElement(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.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');
+        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');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -22651,10 +22209,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(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, _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 _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 actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
-  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
+  props.actions.setsidecartnavshowcontext;
   var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
   props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
@@ -22662,12 +22220,12 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   var setlang = props.actions.setlang;
   var templatepropcontext = props.actions.templatepropcontext;
   var authdetailsContext = props.actions.authdetailsContext;
-  var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
+  props.actions.fetchcustomercartQueryContext;
   var templateproperties_context = props.actions.templateproperties_context;
   props.actions.favoriteprojectscountContext;
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-  var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
+  props.actions.setcurrencyfunccontext;
   var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var _useState = useState(''),
@@ -22887,47 +22445,6 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     });
     return policyobj;
   };
-  var CartButton = function CartButton() {
-    var _fetchcustomercartQue2, _fetchcustomercartQue3;
-    return /*#__PURE__*/React.createElement("div", {
-      "class": "d-flex align-items-center",
-      style: {
-        position: 'relative'
-      }
-    }, /*#__PURE__*/React.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.createElement("i", {
-      className: ' h-100 d-flex align-items-center justify-content-center '
-    }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
-      size: sectionproperties.cartBtniconresp_size
-    }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
-      size: sectionproperties.cartBtniconresp_size
-    }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
-      size: sectionproperties.cartBtniconresp_size
-    }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, {
-      size: sectionproperties.cartBtniconresp_size
-    }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
-      size: sectionproperties.cartBtniconresp_size
-    }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
-      size: sectionproperties.cartBtniconresp_size
-    }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
-      size: sectionproperties.cartBtniconresp_size
-    }))), /*#__PURE__*/React.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 = useState(false),
     _useState16 = _slicedToArray(_useState15, 2),
     openmenuCanvas = _useState16[0],
@@ -23002,8 +22519,10 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     style: {
       position: 'relative'
     }
-  }, sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React.createElement("div", {
-    className: "col-md-4 col-sm-3 text-start p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-md-6 col-sm-6 d-flex filter align-items-center p-0"
+  }, InstLogoContainer()), /*#__PURE__*/React.createElement("div", {
+    className: "col-md-6 col-sm-6 text-end p-0"
   }, /*#__PURE__*/React.createElement("div", {
     style: {}
   }, /*#__PURE__*/React.createElement("i", {
@@ -23029,181 +22548,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }), menuactive == true && /*#__PURE__*/React.createElement(AiOutlineClose, {
     size: sectionproperties.resp_sidenav_size,
     color: sectionproperties.resp_sidenav_color
-  }))), sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '30px',
-      height: sectionproperties.cart_BtnHeight_resp + 'px'
-    }
-  }, /*#__PURE__*/React.createElement("i", {
-    "class": "h-100 allcentered",
-    onClick: function onClick() {
-      setopenSearch(true);
-    }
-  }, /*#__PURE__*/React.createElement(IoSearchOutline, {
-    size: 22,
-    color: sectionproperties.cart_BtnTextcolor_resp
-  })))), sectionproperties.logocentered == 'Not Centered' && /*#__PURE__*/React.createElement("div", {
-    className: "col-md-6 col-sm-6 d-flex filter align-items-center p-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: sectionproperties.cart_BtnWidth_resp + 'px',
-      height: sectionproperties.cart_BtnHeight_resp + 'px'
-    },
-    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }, /*#__PURE__*/React.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.createElement(FiMenu, {
-    size: 20,
-    color: sectionproperties.cart_BtnTextcolor_resp
-  }), menuactive == true && /*#__PURE__*/React.createElement(AiOutlineClose, {
-    size: 20,
-    color: sectionproperties.cart_BtnTextcolor_resp
-  }))), InstLogoContainer()), sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React.createElement("div", {
-    className: "col-md-4 col-sm-6 allcentered p-0"
-  }, InstLogoContainer()), /*#__PURE__*/React.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.createElement("div", {
-    style: {
-      width: '30px',
-      height: sectionproperties.cart_BtnHeight_resp + 'px'
-    }
-  }, /*#__PURE__*/React.createElement("i", {
-    "class": "h-100 allcentered",
-    onClick: function onClick() {
-      setopenSearch(true);
-    }
-  }, /*#__PURE__*/React.createElement(IoSearchOutline, {
-    size: 22,
-    color: sectionproperties.cart_BtnTextcolor_resp
-  }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '30px',
-      height: sectionproperties.cart_BtnHeight_resp + 'px'
-    }
-  }, /*#__PURE__*/React.createElement("i", {
-    "class": "h-100 allcentered",
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Wishlist);
-    }
-  }, /*#__PURE__*/React.createElement(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.createElement("div", {
-    "class": 'd-flex align-items-center pl-1 pr-1 pt-1',
-    style: {}
-  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
-    "class": ' d-flex align-items-center justify-content-center '
-  }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 mr-1 ml-1"
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 ml-1 mr-1"
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)))), /*#__PURE__*/React.createElement(Dropdown.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.createElement(Dropdown.Item, {
-      "class": "m-0 p-0",
-      onClick: function onClick() {
-        setcurrencyfunccontext(item);
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 p-0 d-flex justify-content-start"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "".concat(header_cssstyles.dropdownitemcontainer)
-    }, /*#__PURE__*/React.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.createElement(FaMoneyBillWave, null), /*#__PURE__*/React.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.createElement("div", {
-      "class": "col-lg-12 p-0"
-    }, /*#__PURE__*/React.createElement("hr", {
-      "class": "m-0"
-    }))));
-  })))), sectionproperties.searchbar_show == 'Hide' && sectionproperties.logocentered == 'Centered' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.favBtnShow == 'Hide' && /*#__PURE__*/React.createElement("div", {
-    className: 'allcentered resposiveheader_languagedropdown',
-    style: {
-      marginLeft: langdetect == 'en' ? '0.25rem' : 0,
-      marginRight: langdetect == 'ar' ? '0.25rem' : 0
-    }
-  }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
-    className: ' row m-0 w-100 allcentered ',
-    style: {
-      direction: 'rtl',
-      color: sectionproperties.cart_BtnTextcolor_resp
-    },
-    onClick: function onClick() {
-      setlang('ar');
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 font-weight-500"
-  }, "\u0639"), /*#__PURE__*/React.createElement("i", {
-    className: langdetect == 'en' ? 'h-100 allcentered mr-1' : 'h-100 allcentered ml-1'
-  }, /*#__PURE__*/React.createElement(BiChevronDown, {
-    size: 20
-  }))), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
-    className: ' row m-0 w-100 allcentered ',
-    style: {
-      direction: 'ltr',
-      color: sectionproperties.cart_BtnTextcolor_resp
-    },
-    onClick: function onClick() {
-      setlang('en');
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 font-weight-500 mr-1"
-  }, "En"), /*#__PURE__*/React.createElement("i", {
-    className: "h-100 allcentered"
-  }, /*#__PURE__*/React.createElement(BiChevronDown, {
-    size: 20
-  })))), sectionproperties.logocentered == 'Not Centered' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.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.createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 allcentered w-100 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 d-flex align-items-center w-100"
-  }, "En", ' ', /*#__PURE__*/React.createElement("i", {
-    "class": "h-100 allcentered ml-auto pl-3"
-  }, /*#__PURE__*/React.createElement(BsChevronDown, null)))), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 allcentered w-100 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 d-flex align-items-center w-100"
-  }, "\u0639", ' ', /*#__PURE__*/React.createElement("i", {
-    "class": "h-100 allcentered mr-auto pr-3"
-  }, /*#__PURE__*/React.createElement(BsChevronDown, null)))))), menuactive == true && /*#__PURE__*/React.createElement("div", {
+  })))), menuactive == true && /*#__PURE__*/React.createElement("div", {
     "class": "px-4 py-4 scrollvertical",
     style: {
       position: 'fixed',
@@ -23846,7 +23191,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, lang.logout))))), activeTab == 'categories' && /*#__PURE__*/React.createElement("div", {
     className: ' row m-0 w-100 accordionContainer anim'
   }, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React.createElement(Accordion, {
-    allowMultipleExpanded: false,
+    allowMultipleExpanded: true,
     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) {
@@ -23902,7 +23247,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       }, /*#__PURE__*/React.createElement("div", {
         className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
       }, /*#__PURE__*/React.createElement(Accordion, {
-        allowMultipleExpanded: false,
+        allowMultipleExpanded: true,
         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) {
@@ -23978,7 +23323,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       }))))));
     }
   })), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React.createElement(Accordion, {
-    allowMultipleExpanded: false,
+    allowMultipleExpanded: true,
     allowZeroExpanded: true
   }, pcollarray.map(function (item, index) {
     if (item.isshowntocustomers == 1) {
@@ -24092,7 +23437,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }
       })))));
     }
-  })), 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) {
+  })), 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) {
     if (collitem.isshowntocustomers == 1) {
       return /*#__PURE__*/React.createElement("div", {
         className: ' row m-0 p-0 mb-2  w-100 '
@@ -24118,49 +23463,49 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     style: {
       background: '#eee'
     }
-  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.facebooklink) != null && /*#__PURE__*/React.createElement("div", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null && /*#__PURE__*/React.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.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');
+      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');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
     size: '20',
     color: '#62564b'
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.instagramlink) != null && /*#__PURE__*/React.createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null && /*#__PURE__*/React.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.instagramlink, '_blank');
+      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');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
     size: '22',
     color: '#62564b'
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.tiktoklink) != null && /*#__PURE__*/React.createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.tiktoklink) != null && /*#__PURE__*/React.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.tiktoklink, '_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.tiktoklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(IoLogoTiktok, {
     size: '20',
     color: '#62564b'
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.youtubelink) != null && /*#__PURE__*/React.createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.youtubelink) != null && /*#__PURE__*/React.createElement("div", {
     "class": ' d-flex align-items-center justify-content-center mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i16;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.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');
+      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');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillYoutube, {
@@ -30113,25 +29458,6 @@ var Simpleheader = function Simpleheader(props) {
     templateproperties_contextprops: templateproperties_context,
     actions: actions
   }), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React.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.createElement("div", {
-    "class": header_cssstyles.floatingbtn + ' allcentered ',
-    style: {},
-    onClick: function onClick() {
-      routingcountext(sectionproperties.floatingbtnlink, false, '');
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0"
-  }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), sectionproperties.showfloatingbtn == 'Show when logged in' && authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     style: {
       position: 'fixed',
       bottom: 15,
@@ -30314,7 +29640,7 @@ var Simpleheader = function Simpleheader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
     size: sectionproperties.cartBtn_iconFontSize
-  }))), sectionproperties.userbtnstyle == 'Style 2' && !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
+  }))), sectionproperties.userbtnstyle == 'Style 2' && !authdetailsContext.loggedin && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.user_btn) + ' allcentered ',
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Login);
@@ -30326,7 +29652,7 @@ var Simpleheader = function Simpleheader(props) {
       fontWeight: sectionproperties.userBtnTextfontweight,
       fontSize: sectionproperties.userbtn_logintextFontSize + 'px'
     }
-  }, langdetect == 'en' ? 'Login' : 'تسجيل الدخول')), sectionproperties.userbtnstyle == 'Style 2' && authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Login' : 'تسجيل الدخول')), sectionproperties.userbtnstyle == 'Style 2' && authdetailsContext.loggedin && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("div", {
     className: header_cssstyles.userBtnLoggedinContainer + ' allcentered ',
     sytle: {
       position: 'relative'
@@ -30405,7 +29731,7 @@ var Simpleheader = function Simpleheader(props) {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
   }, /*#__PURE__*/React.createElement(BiLogOutCircle, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), lang.logout))))), sectionproperties.userbtnstyle == 'Style 1' && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
+  }), lang.logout))))), sectionproperties.userbtnstyle == 'Style 1' && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ml-2 ' : " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center mr-2 ',
     sytle: {
       position: 'relative'
@@ -31173,23 +30499,6 @@ var Header8 = function Header8(props) {
       ':hover': {
         color: sectionproperties.collectionsectiontextcoloronhover
       }
-    }),
-    floatingbtn: 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.createElement("div", {
@@ -31204,26 +30513,7 @@ var Header8 = function Header8(props) {
     sectionpropertiesprops: sectionproperties,
     templateproperties_contextprops: templateproperties_context,
     actions: actions
-  })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React.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.createElement("div", {
-    "class": header_cssstyles.floatingbtn + ' allcentered ',
-    style: {},
-    onClick: function onClick() {
-      routingcountext(sectionproperties.floatingbtnlink, false, '');
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0"
-  }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), sectionproperties.showfloatingcallbtn == 'Show' && /*#__PURE__*/React.createElement("a", {
+  })), sectionproperties.showfloatingcallbtn == 'Show' && /*#__PURE__*/React.createElement("a", {
     href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
     target: '_self',
     style: {
@@ -34406,11 +33696,11 @@ var Modernheader = function Modernheader(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
+    "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center justify-content-center px-1025-1 '
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 col-md-6 col-sm-12 d-flex align-items-center justify-content-start p-0",
+    "class": "col-lg-4 col-md-6 col-sm-12 d-none align-items-center justify-content-start p-0",
     style: {}
-  }, sectionproperties.searchbartype == 'Full Width' && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.searchbartype == 'Full Width' && sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.searchbarcont
   }, /*#__PURE__*/React.createElement("input", {
     type: "text",
@@ -34429,7 +33719,7 @@ var Modernheader = function Modernheader(props) {
     sectionpropertiesprops: sectionproperties,
     srcfromprops: 'fullheader',
     actions: actions
-  })), sectionproperties.searchbartype == 'Icon' && /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.searchbartype == 'Icon' && sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.searchbarcont + ' allcentered ',
     style: {
       width: sectionproperties.searchbaricon_width + 'px',
@@ -34451,22 +33741,12 @@ var Modernheader = function Modernheader(props) {
   }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
     "class": ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
-    "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.createElement(MdKeyboardArrowDown, {
-    color: sectionproperties.searchbaricon_color
-  })), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
+    "class": "m-0 p-0 mr-2 ml-2"
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
     "class": ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
-    "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.createElement(MdKeyboardArrowDown, {
-    color: sectionproperties.searchbaricon_color
-  })))), /*#__PURE__*/React.createElement(Dropdown.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"
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)))), /*#__PURE__*/React.createElement(Dropdown.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.createElement(Dropdown.Item, {
       onClick: function onClick() {
@@ -34483,8 +33763,7 @@ var Modernheader = function Modernheader(props) {
       style: {
         fontSize: sectionproperties.dropdown_fontsize + 'px',
         fontWeight: sectionproperties.dropdown_fontweight,
-        textTransform: sectionproperties.dropdown_texttransform,
-        color: sectionproperties.searchbaricon_color
+        textTransform: sectionproperties.dropdown_texttransform
       }
     }, /*#__PURE__*/React.createElement("span", {
       "class": 'ml-2 mr-2'
@@ -34494,7 +33773,7 @@ var Modernheader = function Modernheader(props) {
       "class": "m-0"
     }))));
   }))))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0"
+    "class": "col-lg-6 col-md-6 col-sm-12 allcentered p-0"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.header_logo) + ' allcentered ',
     style: {
@@ -34513,8 +33792,8 @@ var Modernheader = function Modernheader(props) {
       objectFit: 'contain'
     }
   }))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"
-  }, /*#__PURE__*/React.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.createElement("div", {
     style: {
       marginRight: langdetect == 'en' ? '30px' : 0,
       marginLeft: langdetect == 'en' ? 0 : '30px'
@@ -34656,7 +33935,7 @@ var Modernheader = function Modernheader(props) {
       top: sectionproperties.wishlistbadgetop + 'px',
       right: sectionproperties.wishlistbadgeright + 'px'
     }
-  }, /*#__PURE__*/React.createElement("span", null, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(headerstyles$g.header_menu, " ").concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered  ',
     onClick: function onClick() {
       setsidecartnavshowcontext(true);
@@ -34697,7 +33976,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))), /*#__PURE__*/React.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))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
     "class": "".concat(headerstyles$g.header_menu) + ' allcentered '
@@ -41386,16 +40665,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
-  }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React.createElement(Headerresponsive, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions
-  }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React.createElement(Headerresponsive, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions
-  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions
-  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
+  }, /*#__PURE__*/React.createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
   })));
@@ -42217,19 +41487,10 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
       subheadercontentpositionprops: 'center',
       numofcols: '6'
     }
-  })))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React.createElement(Headerresponsive, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions
-  }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React.createElement(Headerresponsive, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions
-  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions
-  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
+  })))), /*#__PURE__*/React.createElement(Headerresponsive, {
     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; }
@@ -43590,7 +42851,7 @@ var Allinonefooter = function Allinonefooter(props) {
 function ownKeys$1C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer1 = function Footer1(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i12, _authdetailsContext$i13;
+  var _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 _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -43609,6 +42870,14 @@ 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 = useState({
+      min: '',
+      max: ''
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    pricevalue2 = _useState6[0],
+    setpricevalue2 = _useState6[1];
   useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -43636,6 +42905,18 @@ var Footer1 = function Footer1(props) {
       }
     }
   }, [templateproperties_context]);
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    bgimagearrayofobjs = _useState8[0],
+    setbgimagearrayofobjs = _useState8[1];
+  useEffect(function () {
+    if (sectionproperties.length != 0 && sectionproperties.logoarrayofobjects != undefined) {
+      var bg1_arrayofobjsparsed = JSON.parse(sectionproperties.logoarrayofobjects);
+      if (Array.isArray(bg1_arrayofobjsparsed)) {
+        setbgimagearrayofobjs(_toConsumableArray(bg1_arrayofobjsparsed));
+      }
+    }
+  }, [sectionproperties]);
   var footerStyles = {
     footerContainer: css({
       width: '100vw',
@@ -43766,6 +43047,17 @@ var Footer1 = function Footer1(props) {
         maxWidth: '35%',
         height: 'auto'
       }
+    }),
+    btnn: css({
+      width: '150px',
+      height: 40,
+      borderRadius: 10,
+      background: '#C2A24D',
+      color: 'white',
+      ':hover': {
+        transition: '.3s',
+        background: '#186a81'
+      }
     })
   };
   var returnpolicyobj = function returnpolicyobj(policytype) {
@@ -43780,8 +43072,8 @@ var Footer1 = function Footer1(props) {
   };
   return /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-center"
-  }, /*#__PURE__*/React.createElement("footer", {
-    "class": "".concat(footerStyles.footerContainer) + ' p-sm-2 p-md-4 '
+  }, sectionproperties.opencollapsible == 'Expanded' && /*#__PURE__*/React.createElement("footer", {
+    "class": "".concat(footerStyles.footerContainer) + ' px-sm-2 py-md-4 p-md-4 '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row w-100 m-0 d-flex justify-content-center"
   }, /*#__PURE__*/React.createElement("div", {
@@ -43791,7 +43083,7 @@ var Footer1 = function Footer1(props) {
   }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: langdetect == 'en' ? (_logoarrayofobjects$ = 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: 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,
     style: {
       width: '100%',
       height: '100%',
@@ -43805,7 +43097,7 @@ var Footer1 = function Footer1(props) {
   }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instlogo,
+    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,
     style: {
       width: '100%',
       height: '100%',
@@ -43941,10 +43233,10 @@ var Footer1 = function Footer1(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.facebook_btn) + '  d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
-      var _authdetailsContext$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');
+      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');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebook, {
@@ -43952,10 +43244,10 @@ var Footer1 = function Footer1(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$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');
+      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');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -43963,14 +43255,25 @@ var Footer1 = function Footer1(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.youtube_btn) + '  d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
-      var _authdetailsContext$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');
+      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');
       }
     }
   }, /*#__PURE__*/React.createElement(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.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.createElement(AiFillYoutube, {
+    size: sectionproperties.instgrambtniconfontsize
   }))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex justify-content-center mt-md-3 mb-md-3"
   }, /*#__PURE__*/React.createElement("div", {
@@ -43981,15 +43284,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$i9;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.mobileapplink_appstore, '_blank');
+      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');
     }
   }), /*#__PURE__*/React.createElement("img", {
     "class": "".concat(footerStyles.playstore) + ' cursor-pointer mx-2 ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
-      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');
+      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');
     }
   })), sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React.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"
@@ -44006,12 +43309,12 @@ var Footer1 = function Footer1(props) {
       textTransform: sectionproperties.footerinfotext_textTransform
     },
     onClick: function onClick() {
-      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');
+      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');
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": ' fa fa-at mr-2 text-transform-none ml-2 '
-  }), 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.createElement("div", {
+  }), 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.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.createElement("p", {
     "class": "".concat(footerStyles.footerinfotext) + ' d-flex align-items-center justify-content-md-center mr-1 ',
@@ -44040,7 +43343,151 @@ var Footer1 = function Footer1(props) {
     "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
   }, /*#__PURE__*/React.createElement(IoLocationSharp, {
     size: sectionproperties.footerinfoicon_fontsize
-  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.address_en)))))));
+  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.address_en)))))), sectionproperties.opencollapsible == 'Not Expanded' && /*#__PURE__*/React.createElement("footer", {
+    "class": "".concat(footerStyles.footerContainer) + ' p-sm-2 p-md-4 '
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row w-100 m-0 d-flex justify-content-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-6"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex flex-row align-items-center justify-content-start mb-3 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(footerStyles.footerlogo) + ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: 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.createElement("div", {
+    "class": "col-lg-12 p-0 mb-3"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: '15px',
+      color: '#fff',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$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.createElement("div", {
+    "class": "col-lg-12 p-0 flex-row text-start"
+  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(footerStyles.facebook_btn) + '  d-flex align-items-center justify-content-center ',
+    onClick: function onClick() {
+      var _authdetailsContext$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.createElement(FaFacebook, {
+    size: sectionproperties.facebkbtnniconfontsize
+  })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(footerStyles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
+    onClick: function onClick() {
+      var _authdetailsContext$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.createElement(AiFillInstagram, {
+    size: sectionproperties.instgrambtniconfontsize
+  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(footerStyles.youtube_btn) + '  d-flex align-items-center justify-content-center ',
+    onClick: function onClick() {
+      var _authdetailsContext$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.createElement(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.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.createElement("i", {
+    className: "h-100 allcentered",
+    style: {
+      fontSize: 20
+    }
+  }, "x"))))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-6"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 mt-md-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-3"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: 20,
+      color: 'white',
+      fontWeight: 600,
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, "\u0627\u0644\u062A\u0633\u062C\u064A\u0644 \u0641\u064A \u0627\u0644\u0646\u0634\u0631\u0629 \u0627\u0644\u0625\u062E\u0628\u0627\u0631\u064A\u0629")), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-3"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: 15,
+      color: 'white',
+      fontWeight: 500,
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, "\u0623\u062F\u062E\u0644 \u0628\u0631\u064A\u062F\u0643 \u0627\u0644\u0625\u0644\u0643\u062A\u0631\u0648\u0646\u064A \u0644\u0644\u062D\u0635\u0648\u0644 \u0639\u0644\u0649 \u062A\u062D\u062F\u064A\u062B\u0627\u062A \u062F\u0648\u0631\u064A\u0629 \u062D\u0648\u0644 \u0627\u0644\u0645\u0624\u062A\u0645\u0631.")), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12  mb-3 text-start p-0"
+  }, /*#__PURE__*/React.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.createElement("div", {
+    "class": "col-lg-12 text-start mb-3 text-start p-0"
+  }, /*#__PURE__*/React.createElement("button", {
+    "class": footerStyles.btnn
+  }, "\u0627\u0634\u062A\u0631\u0643 \u0627\u0644\u0622\u0646")))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-center mt-md-3 mb-md-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(footerStyles.vl) + ' ml-sm-0 mr-sm-0 my-3 '
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 text-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: sectionproperties.generaltext_fontSize + 'px',
+      color: sectionproperties.generaltext_fontColor,
+      fontWeight: sectionproperties.generaltext_fontWeight
+    }
+  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)))));
 };
 
 function ownKeys$1B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -47680,7 +47127,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(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, _authdetailsContext$i26;
+  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 _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -47987,57 +47434,43 @@ var ModernFooter = function ModernFooter(props) {
   }, sectionproperties.whatsappiconfontsize != 0 && /*#__PURE__*/React.createElement(FaWhatsapp, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.whatsappiconfontsize
-  }), sectionproperties.whatsapplinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.twitterlink) != null && /*#__PURE__*/React.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.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.createElement("div", {
+  }), 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.createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
   }, /*#__PURE__*/React.createElement("p", {
     "class": footerStyles.linkedin_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.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');
+      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');
       }
     }
   }, sectionproperties.linkedinbtniconfontsize != 0 && /*#__PURE__*/React.createElement(AiOutlineLinkedin, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.linkedinbtniconfontsize
-  }), sectionproperties.linkedinlinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.tiktoklink) != null && /*#__PURE__*/React.createElement("div", {
+  }), sectionproperties.linkedinlinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink) != null && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
   }, /*#__PURE__*/React.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.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');
+      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');
       }
     }
   }, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React.createElement(IoLogoTiktok, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.instagramiconfontsize
-  }), 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.createElement("div", {
+  }), 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.createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
   }, /*#__PURE__*/React.createElement("p", {
     "class": footerStyles.instgram_btn + ' m-0 p-0 d-flex align-items-center ',
     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.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');
+      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');
       }
     }
   }, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React.createElement(FaTelegramPlane, {
@@ -48069,7 +47502,7 @@ var ModernFooter = function ModernFooter(props) {
     }
   }, /*#__PURE__*/React.createElement(IoLocationSharp, {
     size: sectionproperties.footerinfoicon_fontsize
-  })), 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.createElement("div", {
+  })), 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.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');
@@ -48088,14 +47521,14 @@ var ModernFooter = function ModernFooter(props) {
   }), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber)), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React.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$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');
+      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');
     }
   }, /*#__PURE__*/React.createElement("p", {
     "class": ' footerinfotext d-flex align-items-center justify-content-start m-0 p-0 cursor-pointer ',
     onClick: function onClick() {
-      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');
+      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');
     },
     style: {
       textTransform: 'none'
@@ -48106,7 +47539,7 @@ var ModernFooter = function ModernFooter(props) {
       marginRight: langdetect == 'en' ? '0.5rem' : 0,
       marginLeft: langdetect == 'ar' ? '0.5rem' : 0
     }
-  }), 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.createElement("div", {
+  }), 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.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.createElement("div", {
     className: "col-lg-12 p-0 d-flex justify-content-start mb-3"
@@ -48118,15 +47551,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$i27;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.mobileapplink_appstore, '_blank');
+      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');
     }
   }), /*#__PURE__*/React.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$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$i25;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.mobileapplink_appstore, '_blank');
     }
   })), /*#__PURE__*/React.createElement("div", {
     "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start'
@@ -48134,15 +47567,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$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$i26;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.mobileapplink_playstore, '_blank');
     }
   }), /*#__PURE__*/React.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$i30;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.mobileapplink_playstore, '_blank');
+      var _authdetailsContext$i27;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.mobileapplink_playstore, '_blank');
     }
   }))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-3 col-md-12 col-sm-12 mt-md-3 px-lg-5 px-md-2",
@@ -48172,7 +47605,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(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$i23, _authdetailsContext$i25, _authdetailsContext$i28, _authdetailsContext$i33, _authdetailsContext$i34;
+  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 _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -48758,57 +48191,43 @@ var Newsletterfooter = function Newsletterfooter(props) {
     }
   }, /*#__PURE__*/React.createElement(AiFillYoutube, {
     size: sectionproperties.instgrambtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.twitterlink) != null && /*#__PURE__*/React.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',
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.tiktoklink) != null && /*#__PURE__*/React.createElement("p", {
+    "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
     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.twitterlink) != null) {
+      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.twitterlink, '_blank');
-      }
-    }
-  }, /*#__PURE__*/React.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.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');
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.tiktoklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(IoLogoTiktok, {
     size: sectionproperties.instgrambtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.linkedinlink) != null && /*#__PURE__*/React.createElement("p", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.linkedinlink) != null && /*#__PURE__*/React.createElement("p", {
     "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
     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.linkedinlink, '_blank');
+      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');
     }
   }, /*#__PURE__*/React.createElement(FaLinkedinIn, {
     size: sectionproperties.instgrambtniconfontsize
-  })), 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.createElement("p", {
+  })), 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.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.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');
+      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.createElement(FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.googlemapslink) != null && /*#__PURE__*/React.createElement("p", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.googlemapslink) != null && /*#__PURE__*/React.createElement("p", {
     "class": footerStyles.youtube_btn + ' m-0 p-0 allcentered mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i29;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.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');
+      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');
       }
     }
   }, /*#__PURE__*/React.createElement(IoLocationSharp, {
@@ -48828,15 +48247,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$i31;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.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');
     }
   }), sectionproperties.showplaystore == 'Show' && /*#__PURE__*/React.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$i32;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.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');
     }
   }))), sectionproperties.showfooteraddress == 'Show' && sectionproperties.storeinfostyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex flex-row justify-content-start align-items-center mt-4"
@@ -48853,7 +48272,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
     "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
   }, /*#__PURE__*/React.createElement(IoLocationSharp, {
     size: 30
-  })), 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.createElement("div", {
+  })), 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.createElement("div", {
     "class": "col-lg-12 p-0  d-block my-3"
   }, /*#__PURE__*/React.createElement("hr", {
     "class": "m-0 p-0"
@@ -57572,7 +56991,7 @@ var Twobgimages = function Twobgimages(props) {
       style: {}
     }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
       return /*#__PURE__*/React.createElement("div", {
-        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,
+        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,
         style: {
           paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
           paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
@@ -57584,6 +57003,7 @@ 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, '');
@@ -57916,9 +57336,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 == 0 ? '100%' : sectionproperties.image_height + 'px',
+      height: sectionproperties.image_height + 'px',
       '@media (max-width: 800px)': {
-        height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.height_responsive + 'px'
+        height: sectionproperties.height_responsive + 'px'
       }
     }),
     lau: css({
@@ -58112,7 +57532,7 @@ var VideosSection = function VideosSection(props) {
   }, /*#__PURE__*/React.createElement(ScrollMenu, {
     transitionBehavior: 'auto',
     wrapperClassName: '',
-    itemClassName: '',
+    itemClassName: 'videoscard',
     scrollContainerClassName: 'scrollmenuclasssubscrollbar'
   }, Object.keys(videosarrayofobjs).length != 0 && videosarrayofobjs.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
@@ -58783,7 +58203,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(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, _css2, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
+  var _css, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -58938,8 +58358,6 @@ 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.createElement("div", {
@@ -58997,41 +58415,6 @@ var DynamicForm = function DynamicForm(props) {
       }))));
     }
   };
-  var phonenumber = function phonenumber(item, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100 mb-3"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 text-start mb-2 p-0"
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": form_cssstyles.formlabel + ' m-0 p-0 ',
-      style: {}
-    }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React.createElement("sup", {
-      "class": "text-danger"
-    }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React.createElement(PhoneInput, {
-      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.createElement("div", {
       "class": 'col-md-12 col-lg-12'
@@ -59103,19 +58486,20 @@ var DynamicForm = function DynamicForm(props) {
       boxShadow: 'none',
       transition: '.3s'
     }), _css)),
-    generalbtn: css((_css2 = {
+    generalbtn: css({
       width: sectionproperties.generalbtn_width + '%',
       height: sectionproperties.generalbtn_height + 'px',
       backgroundColor: sectionproperties.generalbtn_bgColor,
-      borderRadius: sectionproperties.generalbtn_bgColor,
+      borderRadius: sectionproperties.generalbtnborderradius + 'px',
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize,
-      fontWeight: sectionproperties.generalbtn_fontweight
-    }, _defineProperty(_css2, "borderRadius", sectionproperties.generalbtnborderradius + 'px'), _defineProperty(_css2, ':hover', {
-      transition: '.3s',
-      color: sectionproperties.generalbtn_textColoronhover,
-      backgroundColor: sectionproperties.generalbtn_bgColoronhover
-    }), _css2)),
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      ':hover': {
+        transition: '.3s',
+        color: sectionproperties.generalbtn_textColoronhover,
+        backgroundColor: sectionproperties.generalbtn_bgColoronhover
+      }
+    }),
     btnLeft: css({
       width: 40,
       height: 40,
@@ -59146,6 +58530,14 @@ var DynamicForm = function DynamicForm(props) {
         transition: '.3s',
         backgroundColor: '#044da6'
       }
+    }),
+    sectiontitle: css({
+      color: sectionproperties.sectionTitleColor,
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      fontWeight: sectionproperties.sectionTitleFontWeight,
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.sectionTitleFontSizeresp
+      }
     })
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -59189,12 +58581,8 @@ var DynamicForm = function DynamicForm(props) {
       marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
     }
   }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0",
-    style: {
-      color: sectionproperties.sectionTitleColor,
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      fontWeight: sectionproperties.sectionTitleFontWeight
-    }
+    "class": form_cssstyles.sectiontitle + ' m-0 p-0 ',
+    style: {}
   }, langdetect == 'en' ? formtitleen : formtitlear)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React.createElement("div", {
     "class": 'row m-0 w-100 p-3 mt-3'
   }, /*#__PURE__*/React.createElement("div", {
@@ -59315,12 +58703,8 @@ var DynamicForm = function DynamicForm(props) {
       marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
     }
   }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0",
-    style: {
-      color: sectionproperties.sectionTitleColor,
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      fontWeight: sectionproperties.sectionTitleFontWeight
-    }
+    "class": form_cssstyles.sectiontitle + ' m-0 p-0 ',
+    style: {}
   }, langdetect == 'en' ? formtitleen : formtitlear)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React.createElement("div", {
     "class": 'row m-0 w-100 '
   }, /*#__PURE__*/React.createElement("div", {
@@ -59330,8 +58714,6 @@ 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') {
@@ -59377,19 +58759,14 @@ var DynamicForm = function DynamicForm(props) {
     "class": "",
     color: '#fff'
   }))), /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 py-4",
-    style: {
-      background: sectionproperties.popupbackgroundcolor
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 allcentered py-4"
+    "class": "col-lg-12 allcentered my-4 py-4"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0",
     style: {
       fontSize: 20,
-      color: sectionproperties.popuptextcolor
+      color: '#000'
     }
-  }, confirmationtext)))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
+  }, confirmationtext))), /*#__PURE__*/React.createElement(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; }
@@ -60167,14 +59544,14 @@ var Freetextsection = function Freetextsection(props) {
       height: '1px',
       position: 'relative',
       flex: '1 1 auto',
-      minWidth: '10%',
+      // minWidth: '10%',
       background: sectionproperties.linebgcolor
     }),
     line_right: css({
       height: '1px',
       position: 'relative',
       flex: '1 1 auto',
-      minWidth: '10%',
+      // minWidth: '10%',
       background: sectionproperties.linebgcolor
     }),
     btn: css({
@@ -60212,36 +59589,40 @@ var Freetextsection = function Freetextsection(props) {
         top: 0,
         bottom: 0
       }
+    }),
+    sectiontitlecontent: css({
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      textTransform: sectionproperties.sectionTitleTextTransform,
+      fontWeight: sectionproperties.sectionTitleFontWeight,
+      // padding: sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? 7 : 0,
+      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
+      }
     })
   };
   var SectionTitle = function SectionTitle() {
     return /*#__PURE__*/React.createElement("div", {
-      "class": "d-flex align-items-center flex-row",
+      "class": "d-flex align-items-center allcentered",
       style: {
         position: 'relative',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
-        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
+        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
+        flexDirection: sectionproperties.sectiontitlestyle == 'Line Under Text' ? 'column' : 'row'
       }
-    }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
-      "class": section_styles.line_left,
-      style: {
-        marginLeft: langdetect == 'en' ? 0 : sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
-        marginRight: langdetect == 'en' ? sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0 : 0
-      }
-    }), /*#__PURE__*/React.createElement("p", {
+    }, /*#__PURE__*/React.createElement("p", {
       "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_styles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_styles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_styles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_styles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(section_styles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
+      style: {}
+    }, /*#__PURE__*/React.createElement("span", {
+      "class": section_styles.sectiontitlecontent
+    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React.createElement("span", {
       style: {
-        color: sectionproperties.sectionTitleColor,
-        textTransform: sectionproperties.sectionTitleTextTransform,
-        fontWeight: sectionproperties.sectionTitleFontWeight,
-        padding: sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? 7 : 0,
-        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
-      }
-    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
-      "class": section_styles.line_right,
-      style: {
-        marginRight: langdetect == 'en' ? 0 : sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
-        marginLeft: langdetect == 'en' ? sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0 : 0
+        width: '50%',
+        background: sectionproperties.linebgcolor,
+        height: 3,
+        borderRadius: 10,
+        marginTop: 5
       }
     }));
   };
@@ -60300,8 +59681,8 @@ var Freetextsection = function Freetextsection(props) {
       style: {
         paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
         paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-        paddingTop: type == 'responsive' ? '15px' : sectionproperties.paddingTop + 'px',
-        paddingBottom: type == 'responsive' ? '15px' : sectionproperties.paddingBottom + 'px',
+        paddingTop: type == 'responsive' ? sectionproperties.paddingverticalresponsive + 'px' : sectionproperties.paddingTop + 'px',
+        paddingBottom: type == 'responsive' ? sectionproperties.paddingverticalresponsive + 'px' : sectionproperties.paddingBottom + 'px',
         zIndex: 100,
         height: sectionproperties.hideshowcardtransition == 'Show' ? type == 'responsive' ? sectionproperties.height_responsive + 'px' : '' : ''
       }
@@ -60349,7 +59730,45 @@ var Freetextsection = function Freetextsection(props) {
     "class": "w-100 allcentered",
     style: {
       background: sectionproperties.outerbgcolor
+      // backgroundImage: sectionproperties.sectionbgstyle == 'Besides each other' ? 'url(' + serverbaselink + maincontainerarrayofobjs[0]?.back_bgimage + ')' : '',
     }
+  }, sectionproperties.sectionbgstyle == 'Besides each other' && /*#__PURE__*/React.createElement("div", {
+    "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex justify-content-center align-items-center ',
+    style: {
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-10 col-md-11 mt-3 mb-3",
+    style: {
+      background: 'white',
+      borderRadius: 10,
+      boxShadow: '0 0 10px #ccc',
+      padding: 40
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-3 col-md-12 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "w-100 d-flex allcentered mb-md-4"
+  }, SectionTitle())), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-9 col-md-12 p-md-0",
+    style: {
+      paddingLeft: langdetect == 'en' ? '50px' : 0,
+      paddingRight: langdetect == 'ar' ? '50px' : 0
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 text-start text-md-center",
+    style: {
+      fontSize: sectionproperties.prodCatFontSize + 'px'
+    }
+  }, Description()))))))), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center ',
     style: {
@@ -60364,7 +59783,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; }
@@ -60437,6 +59856,28 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         color: sectionproperties.generalbtn_textColoronhover
       }
     }),
+    btn2: css({
+      width: sectionproperties.generalbtn_width + 'px',
+      height: sectionproperties.generalbtn_height + 'px',
+      // backgroundColor: sectionproperties.generalbtn_bgColor,
+      color: sectionproperties.generalbtn_bgColoronhover,
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
+      border: '1px solid ' + sectionproperties.generalbtn_bgColoronhover,
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      marginTop: sectionproperties.generalbtn_marginTop + 'px',
+      marginBottom: sectionproperties.generalbtn_marginBottom + 'px',
+      transition: '.3s',
+      cursor: 'pointer',
+      ':hover': {
+        // backgroundColor: sectionproperties.generalbtn_bgColoronhover,
+        color: sectionproperties.sectionproperties,
+        borderColor: sectionproperties.sectionproperties
+      }
+    }),
     sectiontitlespan: css({
       paddingLeft: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
       paddingRight: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0,
@@ -60451,7 +59892,8 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         width: sectionproperties.sectitle_lineafterwidth + '%',
         display: 'block',
         backgroundColor: sectionproperties.linebgcolor,
-        borderRadius: '6px'
+        borderRadius: '6px',
+        marginTop: 15
       }
     }),
     facebook_btn: css({
@@ -60560,11 +60002,11 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   };
   var SectionTitle = function SectionTitle() {
     return /*#__PURE__*/React.createElement("p", {
-      "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 ',
+      "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 ',
       style: {
         color: sectionproperties.sectionTitleColor,
         fontWeight: sectionproperties.sectionTitleFontWeight,
-        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
       }
     }, sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React.createElement("span", {
       "class": "".concat(section_styles.sectiontitlespan) + ' pl-md-2 pr-md-2 left-md-0 '
@@ -60592,8 +60034,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         borderRadius: sectionproperties.reservation_borderradius + 'px'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.justifyContentCenter == 'Centered' ? section_styles.rightinnercont + ' row m-0 w-100 h-100 ' : section_styles.rightinnercont + ' row m-0 w-100 mb-auto h-100 ',
-      style: {}
+      "class": sectionproperties.justifyContentCenter == 'Centered' ? section_styles.rightinnercont + ' row m-0 w-100 h-100 ' : section_styles.rightinnercont + ' row m-0 w-100 mb-auto h-100 py-md-4 ',
+      style: {
+        // padding: 20,
+      }
     }, /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.sectionstyleresponsive == 'Image above text' ? 'col-lg-12 pl-0 pr-0 d-flex mt-md-4' : 'col-lg-12 pl-0 pr-0 d-flex ',
       style: {
@@ -60732,7 +60176,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     })))));
   };
   var Image = function Image() {
-    var _imagesarray$, _imagesarray$7, _imagesarray$8;
+    var _imagesarray$, _imagesarray$7, _imagesarray$8, _imagesarray$9, _imagesarray$10;
     return /*#__PURE__*/React.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: {
@@ -60754,29 +60198,43 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
           }
         }
       }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex d-md-none justify-content-center align-items-center"
     }, imagesarray.length != 0 && /*#__PURE__*/React.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.createElement("div", {
+      "class": "col-lg-12 p-0 d-none d-md-flex justify-content-center align-items-center"
+    }, imagesarray.length != 0 && /*#__PURE__*/React.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.createElement("div", {
-    "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center w-100 ',
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center ',
     style: {
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.backgroundColor
+      background: sectionproperties.backgroundColor,
+      width: sectionproperties.width + 'vw',
+      borderRadius: sectionproperties.sectioncardborderradius + 'px'
     }
   }, sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
+    "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',
     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.createElement("div", {
     "class":
@@ -60807,10 +60265,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center px-md-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center px-md-0 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      borderRadius: sectionproperties.reservation_borderradius + 'px',
+      paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
@@ -60827,6 +60288,7 @@ 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',
@@ -60890,7 +60352,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
   }, /*#__PURE__*/React.createElement("button", {
-    "class": "".concat(section_styles.btn) + ' m-md-0 ',
+    "class": "".concat(section_styles.btn2) + ' m-md-0 ',
     onClick: function onClick() {
       if (sectionproperties.btntype == 'WhatsApp') {
         var _authdetailsContext$i9;
@@ -60909,7 +60371,27 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       marginLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
       marginRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), sectionproperties.showbtn2 == 'Show' && /*#__PURE__*/React.createElement("button", {
+    "class": "".concat(section_styles.btn) + ' mx-1 ',
+    onClick: function onClick() {
+      if (sectionproperties.btntype == 'WhatsApp') {
+        var _authdetailsContext$i11;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.whatsappnumber) != null) {
+          var _authdetailsContext$i12;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.whatsappnumber), '_blank');
+        }
+      } else if (sectionproperties.btntype == 'App/Web Page') {
+        // window.open(sectionproperties.btnlink, '_target');
+        routingcountext(sectionproperties.btnlink2, false, '');
+      } else {
+        window.open(sectionproperties.btnlink2, '_blank');
+      }
+    },
+    style: {
+      marginLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+      marginRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
+    }
+  }, langdetect == 'en' ? 'Subscribe' : 'اشترك الان')), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 justify-content-sm-center mb-sm-4 align-items-center",
     style: {
       justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
@@ -60919,10 +60401,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i11;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.facebooklink) != null) {
-        var _authdetailsContext$i12;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.facebooklink, '_blank');
+      var _authdetailsContext$i13;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.facebooklink) != null) {
+        var _authdetailsContext$i14;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
@@ -60930,10 +60412,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i13;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instagramlink) != null) {
-        var _authdetailsContext$i14;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.instagramlink, '_blank');
+      var _authdetailsContext$i15;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.instagramlink) != null) {
+        var _authdetailsContext$i16;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -60941,10 +60423,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i15;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.whatsappnumber) != null) {
-        var _authdetailsContext$i16;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.whatsappnumber), '_blank');
+      var _authdetailsContext$i17;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.whatsappnumber) != null) {
+        var _authdetailsContext$i18;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -60958,10 +60440,11 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 mb-md-3 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 mb-md-3 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      borderRadius: sectionproperties.reservation_borderradius + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
@@ -61044,10 +60527,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     "class": "".concat(section_styles.btn) + ' m-md-0 ',
     onClick: function onClick() {
       if (sectionproperties.btntype == 'WhatsApp') {
-        var _authdetailsContext$i17;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.whatsappnumber) != null) {
-          var _authdetailsContext$i18;
-          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.whatsappnumber), '_blank');
+        var _authdetailsContext$i19;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.whatsappnumber) != null) {
+          var _authdetailsContext$i20;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.whatsappnumber), '_blank');
         }
       } else if (sectionproperties.btntype == 'App/Web Page') {
         // window.open(sectionproperties.btnlink, '_target');
@@ -61070,10 +60553,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i19;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.facebooklink) != null) {
-        var _authdetailsContext$i20;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.facebooklink, '_blank');
+      var _authdetailsContext$i21;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.facebooklink) != null) {
+        var _authdetailsContext$i22;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
@@ -61081,10 +60564,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i21;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.instagramlink) != null) {
-        var _authdetailsContext$i22;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.instagramlink, '_blank');
+      var _authdetailsContext$i23;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.instagramlink) != null) {
+        var _authdetailsContext$i24;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -61092,10 +60575,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i23;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.whatsappnumber) != null) {
-        var _authdetailsContext$i24;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.whatsappnumber), '_blank');
+      var _authdetailsContext$i25;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.whatsappnumber) != null) {
+        var _authdetailsContext$i26;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -61109,10 +60592,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, sectionproperties.image_show == 'show' && Image(), /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center px-md-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center px-md-0 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      borderRadius: sectionproperties.reservation_borderradius + 'px',
+      paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
@@ -61192,13 +60678,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
   }, /*#__PURE__*/React.createElement("button", {
-    "class": "".concat(section_styles.btn) + ' m-md-0 ',
+    "class": "".concat(section_styles.btn2) + ' m-md-0 ',
     onClick: function onClick() {
       if (sectionproperties.btntype == 'WhatsApp') {
-        var _authdetailsContext$i25;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.whatsappnumber) != null) {
-          var _authdetailsContext$i26;
-          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.whatsappnumber), '_blank');
+        var _authdetailsContext$i27;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.whatsappnumber) != null) {
+          var _authdetailsContext$i28;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.whatsappnumber), '_blank');
         }
       } else if (sectionproperties.btntype == 'App/Web Page') {
         // window.open(sectionproperties.btnlink, '_target');
@@ -61211,7 +60697,27 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       marginLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
       marginRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), /*#__PURE__*/React.createElement("button", {
+    "class": "".concat(section_styles.btn) + ' mx-1 ',
+    onClick: function onClick() {
+      if (sectionproperties.btntype == 'WhatsApp') {
+        var _authdetailsContext$i29;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.whatsappnumber) != null) {
+          var _authdetailsContext$i30;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.whatsappnumber), '_blank');
+        }
+      } else if (sectionproperties.btntype == 'App/Web Page') {
+        // window.open(sectionproperties.btnlink, '_target');
+        routingcountext(sectionproperties.btnlink2, false, '');
+      } else {
+        window.open(sectionproperties.btnlink2, '_blank');
+      }
+    },
+    style: {
+      marginLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
+      marginRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
+    }
+  }, langdetect == 'en' ? 'Subscribe' : 'اشترك الان')), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 justify-content-sm-center mb-sm-4 align-items-center",
     style: {
       justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
@@ -61221,10 +60727,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i27;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.facebooklink) != null) {
-        var _authdetailsContext$i28;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.facebooklink, '_blank');
+      var _authdetailsContext$i31;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.facebooklink) != null) {
+        var _authdetailsContext$i32;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
@@ -61232,10 +60738,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i29;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.instagramlink) != null) {
-        var _authdetailsContext$i30;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.instagramlink, '_blank');
+      var _authdetailsContext$i33;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.instagramlink) != null) {
+        var _authdetailsContext$i34;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -61243,10 +60749,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i31;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.whatsappnumber) != null) {
-        var _authdetailsContext$i32;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.whatsappnumber), '_blank');
+      var _authdetailsContext$i35;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.whatsappnumber) != null) {
+        var _authdetailsContext$i36;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -61346,10 +60852,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     "class": "".concat(section_styles.btn) + ' m-md-0 ',
     onClick: function onClick() {
       if (sectionproperties.btntype == 'WhatsApp') {
-        var _authdetailsContext$i33;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.whatsappnumber) != null) {
-          var _authdetailsContext$i34;
-          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.whatsappnumber), '_blank');
+        var _authdetailsContext$i37;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.whatsappnumber) != null) {
+          var _authdetailsContext$i38;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.whatsappnumber), '_blank');
         }
       } else if (sectionproperties.btntype == 'App/Web Page') {
         // window.open(sectionproperties.btnlink, '_target');
@@ -61372,10 +60878,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i35;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.facebooklink) != null) {
-        var _authdetailsContext$i36;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.facebooklink, '_blank');
+      var _authdetailsContext$i39;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.facebooklink) != null) {
+        var _authdetailsContext$i40;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
@@ -61383,10 +60889,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i37;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.instagramlink) != null) {
-        var _authdetailsContext$i38;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.instagramlink, '_blank');
+      var _authdetailsContext$i41;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i41 = authdetailsContext.instinfo) === null || _authdetailsContext$i41 === void 0 ? void 0 : _authdetailsContext$i41.instagramlink) != null) {
+        var _authdetailsContext$i42;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i42 = authdetailsContext.instinfo) === null || _authdetailsContext$i42 === void 0 ? void 0 : _authdetailsContext$i42.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -61394,10 +60900,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i39;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.whatsappnumber) != null) {
-        var _authdetailsContext$i40;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.whatsappnumber), '_blank');
+      var _authdetailsContext$i43;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i43 = authdetailsContext.instinfo) === null || _authdetailsContext$i43 === void 0 ? void 0 : _authdetailsContext$i43.whatsappnumber) != null) {
+        var _authdetailsContext$i44;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i44 = authdetailsContext.instinfo) === null || _authdetailsContext$i44 === void 0 ? void 0 : _authdetailsContext$i44.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -61464,7 +60970,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     }
   }, sectionproperties.image_show == 'show' && /*#__PURE__*/React.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; }
@@ -61691,7 +61197,7 @@ var Servicesection = function Servicesection(props) {
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr);
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": ' row ml-0 mr-0 align-items-center w-md-100 ',
+    "class": ' row ml-0 mr-0 align-items-center ',
     style: {
       width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
@@ -61797,7 +61303,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.createElement("div", {
-      "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start"
+      "class": "col-lg-4 col-md-12 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start"
     }, /*#__PURE__*/React.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',
@@ -61821,7 +61327,7 @@ var Servicesection = function Servicesection(props) {
           window.open(cardinfoitem.btnlink, '_blank');
         }
       }
-    }, sectionproperties.image_show == 'show' && /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       "class": "d-flex d-sm-none",
       style: {
         width: sectionproperties.image_width + 'px',
@@ -61839,7 +61345,7 @@ var Servicesection = function Servicesection(props) {
         width: '100%',
         objectFit: 'cover'
       }
-    })), sectionproperties.image_show == 'show' && /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       "class": "d-none d-sm-flex mt-auto mb-auto",
       style: {
         width: 35,
@@ -61888,22 +61394,89 @@ 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(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 _useState = useState(''),
+  var targetStartDate = new Date('2024-12-16T12:00:00');
+  var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
-    sectionproperties = _useState2[0],
-    setsectionproperties = _useState2[1];
-  var _useState3 = useState([]),
+    remainingTimeInSeconds = _useState2[0],
+    setRemainingTimeInSeconds = _useState2[1];
+  var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
-    cardsarray = _useState4[0],
-    setcardsarray = _useState4[1];
+    sectionproperties = _useState4[0],
+    setsectionproperties = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    cardsarray = _useState6[0],
+    setcardsarray = _useState6[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;
+  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 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    maincontainerarrayofobjs = _useState8[0],
+    setmaincontainerarrayofobjs = _useState8[1];
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -61925,10 +61498,6 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }
   }, [sectionproperties]);
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    maincontainerarrayofobjs = _useState6[0],
-    setmaincontainerarrayofobjs = _useState6[1];
   useEffect(function () {
     if (sectionproperties.length != 0 && sectionproperties.maincontainerarrayofobjs != undefined) {
       var maincontainerarrayofobjsparsed = JSON.parse(sectionproperties.maincontainerarrayofobjs);
@@ -62033,6 +61602,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }),
     cardContainer: css({
+      background: sectionproperties.reservation_bgcolor,
       ':hover .imageContainer': {
         transition: '.3s',
         backgroundColor: sectionproperties.activedotcolor
@@ -62040,6 +61610,9 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       ':hover .text1Styles': {
         transition: '.3s',
         color: sectionproperties.text1secondarycolor
+      },
+      ':hover': {
+        background: sectionproperties.innersectionbgcolorhover
       }
     }),
     btnstyles: css({
@@ -62048,7 +61621,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': {
@@ -62120,18 +61693,22 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "d-flex align-items-center flex-row allcentered",
+    "class": "d-flex align-items-center flex-column allcentered",
     style: {
       position: 'relative',
       width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
     }
-  }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
-    "class": sectionStyles.line_left
-  }), /*#__PURE__*/React.createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : "".concat(sectionStyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center  ',
     style: {}
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
-    "class": sectionStyles.line_right
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React.createElement("span", {
+    style: {
+      width: '50%',
+      background: sectionproperties.linebgcolor,
+      height: 3,
+      borderRadius: 10,
+      marginTop: 5
+    }
   })))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center px-sm-3',
     style: {
@@ -62143,10 +61720,215 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   }, /*#__PURE__*/React.createElement("p", {
     "class": sectionproperties.descFontFamily == 'Pacifico' ? sectionStyles.descriptioncont + ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? sectionStyles.descriptioncont + ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? sectionStyles.descriptioncont + ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? sectionStyles.descriptioncont + ' QuicksandFont m-0 p-0 wordbreak' : sectionStyles.descriptioncont + ' m-0 p-0 wordbreak',
     style: {}
-  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), sectionproperties.showcountdown == 'Yes' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-3 col-sm-6 allcentered mb-md-3"
+  }, /*#__PURE__*/React.createElement(CountdownCircleTimer, {
+    isPlaying: true,
+    duration: remainingTimeInSeconds,
+    colors: "#013c48",
+    strokeWidth: 8,
+    size: 120,
+    initialRemainingTime: remainingTimeInSeconds
+  }, function (_ref) {
+    _ref.elapsedTime;
+      _ref.color;
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: '#bea04b',
+        fontSize: 23,
+        fontWeight: 600
+      },
+      "class": "allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "time-wrapper allcentered flex-column"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "time"
+    }, days), /*#__PURE__*/React.createElement("div", null, "\u064A\u0648\u0645")));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-3 col-sm-6 allcentered mb-md-3"
+  }, /*#__PURE__*/React.createElement(CountdownCircleTimer, {
+    isPlaying: true,
+    duration: remainingTimeInSeconds,
+    colors: "#013c48",
+    strokeWidth: 8,
+    size: 120,
+    initialRemainingTime: remainingTimeInSeconds
+  }, function (_ref2) {
+    _ref2.elapsedTime;
+      _ref2.color;
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: '#bea04b',
+        fontSize: 23,
+        fontWeight: 600
+      },
+      "class": "allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "time-wrapper allcentered flex-column"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "time"
+    }, hours), /*#__PURE__*/React.createElement("div", null, "\u0633\u0627\u0639\u0629")));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-3 col-sm-6 allcentered mb-md-3"
+  }, /*#__PURE__*/React.createElement(CountdownCircleTimer, {
+    isPlaying: true,
+    duration: remainingTimeInSeconds,
+    colors: "#013c48",
+    strokeWidth: 8,
+    size: 120,
+    initialRemainingTime: remainingTimeInSeconds
+  }, function (_ref3) {
+    _ref3.elapsedTime;
+      _ref3.color;
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: '#bea04b',
+        fontSize: 23,
+        fontWeight: 600
+      },
+      "class": "allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "time-wrapper allcentered flex-column"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "time"
+    }, minutes), /*#__PURE__*/React.createElement("div", null, "\u062F\u0642\u064A\u0642\u0629")));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-3 col-sm-6 allcentered mb-md-3"
+  }, /*#__PURE__*/React.createElement(CountdownCircleTimer, {
+    isPlaying: true,
+    duration: remainingTimeInSeconds,
+    colors: "#013c48",
+    strokeWidth: 8,
+    size: 120,
+    initialRemainingTime: remainingTimeInSeconds
+  }, function (_ref4) {
+    _ref4.elapsedTime;
+      _ref4.color;
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: '#bea04b',
+        fontSize: 23,
+        fontWeight: 600
+      },
+      "class": "allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "time-wrapper allcentered flex-column"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "time"
+    }, seconds), /*#__PURE__*/React.createElement("div", null, "\u062B\u0627\u0646\u064A\u0629")));
+  }))), sectionproperties.flippingcards == 'Yes' && sectionproperties.showcountdown != 'Yes' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-flex justify-content-center"
+  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
+    return /*#__PURE__*/React.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.createElement("div", {
+      "class": "flip-card-inner",
+      style: {
+        background: sectionproperties.reservation_bgcolor,
+        borderRadius: sectionproperties.reservation_borderradius + 'px',
+        border: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : ''
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "flip-card-front"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 d-flex align-items-center p-0",
+      style: {
+        marginBottom: sectionproperties.image_mb + 'px',
+        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
+      style: {
+        background: 'transparent'
+      }
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
+      style: {
+        maxHeight: sectionproperties.iconcontainerwidth + '%',
+        maxWidth: sectionproperties.iconcontainerwidth + '%',
+        objectFit: 'contain'
+      }
+    }))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 d-flex p-0",
+      style: {
+        marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
+        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+      }
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
+      style: {
+        cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default'
+      }
+    }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)))), /*#__PURE__*/React.createElement("div", {
+      "class": "flip-card-back allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 allcentered"
+    }, sectionproperties.showimagewhenflip == 'Show' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 d-flex align-items-center p-0",
+      style: {
+        marginBottom: sectionproperties.image_mb + 'px',
+        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": ' d-flex align-items-center  ',
+      style: {
+        width: '30%',
+        height: '30%',
+        justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center'
+      }
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
+      style: {
+        maxHeight: '100%',
+        maxWidth: '100%',
+        objectFit: 'contain'
+      }
+    }))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 d-flex p-0",
+      style: {
+        marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
+        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+      }
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
+      style: {
+        cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
+        color: ' #FFECB5',
+        fontSize: 14
+      }
+    }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 d-flex p-0",
+      style: {
+        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+      }
+    }, sectionproperties.slideshowtext2_show && /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 wordbreak",
+      style: {
+        color: sectionproperties.slideshowText2ContentColor,
+        fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+        fontWeight: sectionproperties.slideshowText2ContentFontWeight,
+        textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+      }
+    }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar))))));
+  })), sectionproperties.flippingcards == 'No' && sectionproperties.showcountdown != 'Yes' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
     var _authdetailsContext$i;
     return /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.numofcols == '2' ? 'col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? 'col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : 'col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp,
+      "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,
       style: {
         zIndex: 2,
         paddingLeft: sectionproperties.marginhorizontal + 'px',
@@ -62156,20 +61938,37 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto ',
       style: {
         cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
-        background: sectionproperties.reservation_bgcolor,
         paddingTop: sectionproperties.reservation_padding_top + 'px',
         paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
         paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
         paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
         borderRadius: sectionproperties.reservation_borderradius + 'px',
-        border: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '',
+        border: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '',
+        // sectionproperties.innersectionbordertype == 'All'
+        //     ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
+        //     : cardinfoindex != cardsarray.length - 1
+        //     ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
+        //     : '',
         // cardinfoindex != cardsarray.length - 1
         //     ? sectionproperties.innersectionbordertype == 'All'
         //         ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
         //         : ''
         //     : '',
-        borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
-        borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
+        // borderRight:
+        //     cardinfoindex != cardsarray.length - 1
+        //         ? sectionproperties.innersectionbordertype == 'Right'
+        //             ? langdetect == 'en'
+        //                 ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
+        //                 : ''
+        //             : ''
+        //         : '',
+        // borderLeft:
+        //     sectionproperties.innersectionbordertype == 'Right'
+        //         ? langdetect == 'ar'
+        //             ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
+        //             : ''
+        //         : '',
+        borderRight: sectionproperties.innersectionbordertype != 'All' && cardinfoindex != cardsarray.length - 1 ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
         boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor,
         height: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '66b4a0338cb14' ? '100%' : ''
       },
@@ -62292,7 +62091,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   ";
@@ -69403,12 +69202,6 @@ var Card23 = function Card23(props) {
       marginBottom: sectionproperties.image_mb + 'px'
     }
   }, Image('normal')), /*#__PURE__*/React.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.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',
@@ -71434,7 +71227,7 @@ var Categorycard_withtext = function Categorycard_withtext(props) {
       fontWeight: sectionproperties.generaltext_fontWeight,
       transition: '.3s',
       cursor: 'pointer',
-      zIndex: 100,
+      zIndex: 1000,
       ':hover': {
         color: sectionproperties.text_secondarycolor
       }
@@ -71453,7 +71246,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: 100,
+      zIndex: 1000,
       ':hover': {
         backgroundColor: sectionproperties.generalbtn_bgColoronhover,
         color: sectionproperties.generalbtn_textColoronhover,
@@ -71861,8 +71654,7 @@ 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',
-      left: 0
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.textContainer, " ") + ' allcentered pl-2 pr-2 '
@@ -72253,6 +72045,11 @@ var MenuCard = function MenuCard(props) {
   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',
@@ -72484,7 +72281,7 @@ var MenuCard = function MenuCard(props) {
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(card_cssstyles.productcard) + ' w-100 pl-sm-0 pr-sm-0 px-sm-2 '
+    "class": "".concat(card_cssstyles.productcard) + ' w-100 pl-sm-0 pr-sm-0 '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row w-100 m-0 d-flex"
   }, sectionproperties.image_show == 'show' && /*#__PURE__*/React.createElement("div", {
@@ -72495,7 +72292,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 m-sm-0 ' : "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start ml-2 m-sm-0 ',
+    "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 ',
     style: {}
   }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -72528,25 +72325,12 @@ var MenuCard = function MenuCard(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, 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.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 ',
+  }, item.name)), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 mt-2 mb-1 wordbreak wordbreak2 p-0 ',
     style: {
-      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
-    },
-    dangerouslySetInnerHTML: {
-      __html: item.shortdescription
+      textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }))), /*#__PURE__*/React.createElement("div", {
+  }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)))), /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex',
       flexDirection: 'column',
@@ -72554,16 +72338,16 @@ var MenuCard = function MenuCard(props) {
     },
     "class": "col-lg-3 col-md-3 col-sm-12 mt-2 p-0"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 d-flex flex-column flex-sm-column justify-content-end justify-content-sm-start"
+    "class": "row m-0 w-100 d-flex flex-column flex-sm-row justify-content-end justify-content-sm-start"
   }, sectionproperties.prodPriceShow == 'Show' && sectionproperties.removedecimals == 'Show' && /*#__PURE__*/React.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.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.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 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 '
+    "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' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && sectionproperties.removedecimals == 'Hide' && /*#__PURE__*/React.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 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.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 ' : "".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.createElement("div", {
     "class": "row m-0 mt-auto w-100"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex justify-content-end p-0"
@@ -76913,7 +76697,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   props.actions.NotificationManager;
   var AddtoCartContext = props.actions.AddtoCartContext;
-  var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
+  var AddtoCartMutationContext = props.AddtoCartMutationContext;
   var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
     addtocardpayloadobj = _useState6[0];
@@ -77514,7 +77298,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
-  }, plainString(item.description)), /*#__PURE__*/React.createElement("div", {
+  }, plainString(item.shortdescription)), /*#__PURE__*/React.createElement("div", {
     style: {
       flexDirection: 'column'
     },
@@ -78899,7 +78683,9 @@ 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'
+      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'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": ' cursor-pointer w-100 ',