tabexseriescomponents 0.0.707 → 0.0.708

package/dist/index.esm.js

@@ -114,7 +114,9 @@ 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';
 import { BiSearch } from '@react-icons/all-files/bi/BiSearch';
 import { FiUser } from '@react-icons/all-files/fi/FiUser';
@@ -126,10 +128,9 @@ import { BsSearch } from '@react-icons/all-files/bs/BsSearch';
 import { AiOutlinePhone } from '@react-icons/all-files/ai/AiOutlinePhone';
 import { GoSearch } from '@react-icons/all-files/go/GoSearch';
 import { AiOutlineInstagram } from '@react-icons/all-files/ai/AiOutlineInstagram';
-import { BsChevronDown } from '@react-icons/all-files/bs/BsChevronDown';
+import { MdKeyboardArrowUp } from '@react-icons/all-files/md/MdKeyboardArrowUp';
 import { RiUserSettingsLine } from '@react-icons/all-files/ri/RiUserSettingsLine';
 import { HiUserCircle } from '@react-icons/all-files/hi/HiUserCircle';
-import { MdKeyboardArrowUp } from '@react-icons/all-files/md/MdKeyboardArrowUp';
 import { BsInfoCircle } from '@react-icons/all-files/bs/BsInfoCircle';
 import { AiFillPhone } from '@react-icons/all-files/ai/AiFillPhone';
 import { FaTelegramPlane } from '@react-icons/all-files/fa/FaTelegramPlane';
@@ -138,7 +139,6 @@ 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';
@@ -147,7 +147,6 @@ 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';
@@ -2361,7 +2360,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 _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58;
+  var _authdetailsContext$i, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _authdetailsContext$i2, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -2552,7 +2551,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 p-0 '
-  }, /*#__PURE__*/React.createElement("div", {
+  }, Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '673ca821296ee' && /*#__PURE__*/React.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'
@@ -2687,7 +2686,7 @@ var Product_itemtype = function Product_itemtype(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right',
       fontWeight: 400,
       color: sectionproperties.measurementunitcolor,
-      fontSize: sectionproperties.measurementunitfontsize + 'px'
+      fontSize: sectionproperties.measurementunitcolor + 'px'
     }
   }, fetchProductInfoQueryContext.data.data.productinfo.measurmentunit)), sectionproperties.quantityshow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 text-start"
@@ -2805,14 +2804,9 @@ var Product_itemtype = function Product_itemtype(props) {
     return /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
       style: {
         textTransform: 'capitalize',
-        color: '#000',
-        textAlign: langdetect == 'en' ? 'left' : 'right'
+        color: '#000'
       }
-    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar), /*#__PURE__*/React.createElement("td", {
-      style: {
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar));
+    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar), /*#__PURE__*/React.createElement("td", null, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar));
   }))))), sectionproperties.defaultpricingposition == 'Under Name' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.isproducttobesold) == 1 && /*#__PURE__*/React.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", {
@@ -3699,7 +3693,109 @@ 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()))))))));
+  }, 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
+    }
+  }))))));
 };
 
 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; }
@@ -6563,7 +6659,8 @@ var Productinfo = function Productinfo(props) {
           borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
           borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
           borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-          border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          borderBottom: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
           marginBottom: sectionproperties.relatedProductsMb + 'px'
         }
       }, Relatedproducts.length != 0 && /*#__PURE__*/React.createElement("div", {
@@ -11138,7 +11235,7 @@ var Checkout = function Checkout(props) {
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
   }, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React.createElement("input", {
-    type: 'text',
+    type: 'number',
     className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
     value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue62 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue62 === void 0 || (_fetchcustomercartQue62 = _fetchcustomercartQue62.data) === null || _fetchcustomercartQue62 === void 0 ? void 0 : _fetchcustomercartQue62.customercart.mobile,
     onChange: function onChange(event) {
@@ -15183,6 +15280,7 @@ 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;
@@ -15203,10 +15301,21 @@ var Filter$1 = function Filter(props) {
     _useState2 = _slicedToArray(_useState, 2);
     _useState2[0];
     _useState2[1];
-  var _useState3 = useState([]),
+  var _useState3 = useState({
+      min: '',
+      max: ''
+    }),
     _useState4 = _slicedToArray(_useState3, 2),
-    productfeatuesarr = _useState4[0],
-    setproductfeatuesarr = _useState4[1];
+    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];
   var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
@@ -15215,41 +15324,50 @@ var Filter$1 = function Filter(props) {
   var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
   var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
   var fetchProductFeaturesQueryContext = props.actions.fetchProductFeaturesQueryContext;
-  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([]),
+  var _useState9 = useState(''),
     _useState10 = _slicedToArray(_useState9, 2),
-    collectionstobevisible = _useState10[0],
-    setcollectionstobevisible = _useState10[1];
+    sectionproperties = _useState10[0],
+    setsectionproperties = _useState10[1];
+  // const [instfilters, setinstfilters] = useState([...authdetailsContext.instinfo.instfilters]);
   var _useState11 = useState([]),
     _useState12 = _slicedToArray(_useState11, 2),
-    instcollections = _useState12[0],
-    setinstcollections = _useState12[1];
+    instfilters = _useState12[0],
+    setinstfilters = _useState12[1];
   var _useState13 = useState([]),
     _useState14 = _slicedToArray(_useState13, 2),
-    instcategories = _useState14[0],
-    setinstcategories = _useState14[1];
+    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];
   // const [sortby, setSortby] = useState('Sort by');
-  var _useState15 = useState({
+  var _useState19 = useState({
       min: 0,
       max: 5
     }),
-    _useState16 = _slicedToArray(_useState15, 2),
-    raterangevalue = _useState16[0],
-    setraterangevalue = _useState16[1];
+    _useState20 = _slicedToArray(_useState19, 2),
+    raterangevalue = _useState20[0],
+    setraterangevalue = _useState20[1];
   var timeoutRef = React.useRef(null);
-  var _useState17 = useState(''),
-    _useState18 = _slicedToArray(_useState17, 2);
-    _useState18[0];
-    var setsortbycontext = _useState18[1];
-  var _useState19 = useState([{
+  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([{
       payloadvalue: 'sortprice',
       name: lang.price,
       filterarray: [{
@@ -15274,12 +15392,24 @@ var Filter$1 = function Filter(props) {
         isfilterselected: false
       }]
     }]),
-    _useState20 = _slicedToArray(_useState19, 2),
-    otherfilters = _useState20[0];
-    _useState20[1];
+    _useState28 = _slicedToArray(_useState27, 2),
+    otherfilters = _useState28[0];
+    _useState28[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;
@@ -15295,7 +15425,17 @@ var Filter$1 = function Filter(props) {
   useEffect(function () {
     if (fetchcollectionsQueryContext.isSuccess) {
       var _fetchcollectionsQuer;
-      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));
+      var tempcoll = fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 || (_fetchcollectionsQuer = fetchcollectionsQueryContext.data) === null || _fetchcollectionsQuer === void 0 || (_fetchcollectionsQuer = _fetchcollectionsQuer.data) === null || _fetchcollectionsQuer === void 0 ? void 0 : _fetchcollectionsQuer.collections;
+      var tempcollinfilter = [];
+      {
+        tempcoll === null || tempcoll === void 0 || tempcoll.map(function (collectionitem, collectionindex) {
+          if (collectionitem.isshowntocustomers == 1 && collectionitem.isinftiler == 1) {
+            tempcollinfilter.push(collectionitem);
+          }
+        });
+      }
+      setinstcollections([].concat(tempcollinfilter));
+      // setinstcollections([...fetchcollectionsQueryContext?.data?.data?.collections]);
     }
   }, [fetchcollectionsQueryContext.isSuccess]);
   // useEffect(() => {
@@ -16030,7 +16170,7 @@ var Filter$1 = function Filter(props) {
             textAlign: langdetect == 'en' ? 'left' : 'right',
             color: sectionproperties.filtertitle_color
           }, "color", sectionproperties.filtertitle_color), "fontSize", sectionproperties.filtertitle_fontsize + 'px'), "fontWeight", sectionproperties.filtertitle_fontweight), "color", sectionproperties.filtertitle_color), "textTransform", 'capitalize')
-        }, langdetect == 'en' ? item.name_en : item.name_ar, item.type), /*#__PURE__*/React.createElement("div", {
+        }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React.createElement("div", {
           "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
           style: {
             direction: 'ltr'
@@ -16453,10 +16593,10 @@ var Filter$1 = function Filter(props) {
       isSearchable: true
     })))));
   };
-  var _useState21 = useState(false),
-    _useState22 = _slicedToArray(_useState21, 2),
-    checked = _useState22[0],
-    setChecked = _useState22[1];
+  var _useState29 = useState(false),
+    _useState30 = _slicedToArray(_useState29, 2),
+    checked = _useState30[0],
+    setChecked = _useState30[1];
   // const queryParameters = new URLSearchParams(window.location.search);
   // useEffect(() => {
   //     // setsortbycontext('Sort By');
@@ -16813,7 +16953,48 @@ 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()))), /*#__PURE__*/React.createElement("div", {
+  }, 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", {
     className: "col-lg-12"
   }, /*#__PURE__*/React.createElement(Offcanvas, {
     show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
@@ -16988,7 +17169,175 @@ 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.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, 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", {
     "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"
@@ -17065,7 +17414,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 '
-  }, /*#__PURE__*/React.createElement(Accordion, {
+  }, sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React.createElement(Accordion, {
     allowMultipleExpanded: true,
     allowZeroExpanded: true,
     preExpanded: [0, 1, 2, 3],
@@ -17141,7 +17490,57 @@ var Filter$1 = function Filter(props) {
         }
       }, valueitem.name)));
     }));
-  }))))))), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }))))))), 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", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("hr", {
     className: "mt-2 mb-3"
@@ -17474,6 +17873,7 @@ var CardsSection = function CardsSection(props) {
     perpageItems = _useState14[0],
     setperpageItems = _useState14[1];
   var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
+  props.actions.authdetailsContext;
   useEffect(function () {
     var productfilerobjtemp = ProductFilterObjContext;
     if (props.filterparamsprops != undefined) {
@@ -17747,7 +18147,7 @@ var CardsSection = function CardsSection(props) {
       };
       if (fetchingtype == 'products') {
         var _arrayItem$features3;
-        var itemquantity = 0;
+        var itemquantity = 1;
         if (langdetect == 'en') {
           cardobj.name = arrayItem.productinfo.name_en;
         } else {
@@ -17758,6 +18158,11 @@ var CardsSection = function CardsSection(props) {
         } else {
           cardobj.description = arrayItem.productinfo.description_ar;
         }
+        if (langdetect == 'en') {
+          cardobj.shortdescription = arrayItem.short_description_ar;
+        } else {
+          cardobj.shortdescription = arrayItem.productinfo.description_ar;
+        }
         if (langdetect == 'en') {
           cardobj.shortdescription = arrayItem.short_description_en;
         } else {
@@ -17783,6 +18188,7 @@ var CardsSection = function CardsSection(props) {
         cardobj.productendpointurl = arrayItem.productinfo.productendpointurl;
         cardobj.hassale = arrayItem.productinfo.hassale;
         cardobj.productid = arrayItem.productinfo.productid;
+        cardobj.vendorid = arrayItem.productinfo.vendorproviderid;
         cardobj.hasvariants = arrayItem.productinfo.hasvariants;
         cardobj.description_en = arrayItem.productinfo.description_en;
         cardobj.description_ar = arrayItem.productinfo.description_ar;
@@ -17920,6 +18326,28 @@ 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',
@@ -18124,12 +18552,11 @@ var CardsSection = function CardsSection(props) {
   };
   var SectionTitle = function SectionTitle() {
     return /*#__PURE__*/React.createElement("div", {
-      "class": "d-flex align-items-center",
+      "class": "d-flex align-items-center flex-row",
       style: {
         position: 'relative',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
-        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
-        flexDirection: sectionproperties.sectiontitlestyle == 'Line Under Text' ? 'column' : 'row'
+        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
       }
     }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
       "class": section_cssstyles.line_left
@@ -18144,14 +18571,6 @@ 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() {
@@ -18872,7 +19291,23 @@ 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()));
+  })), 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' : 'إتصل بنا'))))));
 };
 
 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; }
@@ -22070,7 +22505,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;
+  var _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _authdetailsContext$i13, _authdetailsContext$i16;
   props.actions;
   props.actions.StatePagePropertiesContext;
   var _useState = useState({}),
@@ -22151,26 +22586,39 @@ var SocialMediaSection = function SocialMediaSection(props) {
     style: {
       fontSize: parseFloat(templateproperties_context.socialmediasectioniconfontsize) + 2 + 'px'
     }
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.tiktoklink) != null && /*#__PURE__*/React.createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.linkedinlink) != 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.tiktoklink) != null) {
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.linkedinlink) != null) {
         var _authdetailsContext$i12;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.tiktoklink, '_blank');
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.linkedinlink, '_blank');
       }
     }
-  }, /*#__PURE__*/React.createElement(IoLogoTiktok, {
+  }, /*#__PURE__*/React.createElement(FaLinkedinIn, {
     style: {
       fontSize: parseFloat(templateproperties_context.socialmediasectioniconfontsize) + 2 + 'px'
     }
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.whatsappnumber) != null && /*#__PURE__*/React.createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.tiktoklink) != 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.whatsappnumber) != null) {
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink) != null) {
         var _authdetailsContext$i15;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.whatsappnumber), '_blank');
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.tiktoklink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React.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');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -22183,10 +22631,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 _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 _authdetailsContext$i2, _authdetailsContext$i3, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _fetchCategoriesQuery2, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i9, _authdetailsContext$i12, _authdetailsContext$i15;
   var actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
-  props.actions.setsidecartnavshowcontext;
+  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
   var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
   props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
@@ -22194,12 +22642,12 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   var setlang = props.actions.setlang;
   var templatepropcontext = props.actions.templatepropcontext;
   var authdetailsContext = props.actions.authdetailsContext;
-  props.actions.fetchcustomercartQueryContext;
+  var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
   var templateproperties_context = props.actions.templateproperties_context;
   props.actions.favoriteprojectscountContext;
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-  props.actions.setcurrencyfunccontext;
+  var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
   var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var _useState = useState(''),
@@ -22419,6 +22867,47 @@ 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],
@@ -22493,10 +22982,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-md-6 col-sm-8 d-flex filter align-items-center p-0"
-  }, InstLogoContainer()), /*#__PURE__*/React.createElement("div", {
-    className: "col-md-6 col-sm-4 text-end p-0"
+  }, sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React.createElement("div", {
+    className: "col-md-4 col-sm-3 text-start p-0"
   }, /*#__PURE__*/React.createElement("div", {
     style: {}
   }, /*#__PURE__*/React.createElement("i", {
@@ -22522,7 +23009,158 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }), menuactive == true && /*#__PURE__*/React.createElement(AiOutlineClose, {
     size: sectionproperties.resp_sidenav_size,
     color: sectionproperties.resp_sidenav_color
-  })))), menuactive == true && /*#__PURE__*/React.createElement("div", {
+  }))), 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,
+        color: sectionproperties.language_container_color_resp
+      }
+    }, /*#__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
+  }))))), menuactive == true && /*#__PURE__*/React.createElement("div", {
     "class": "px-4 py-4 scrollvertical",
     style: {
       position: 'fixed',
@@ -23165,7 +23803,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: true,
+    allowMultipleExpanded: false,
     allowZeroExpanded: true
   }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.map(function (item, index) {
     if (item.isshowntocustomers == 1) {
@@ -23221,7 +23859,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: true,
+        allowMultipleExpanded: false,
         allowZeroExpanded: true
       }, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.categories[Choosenindex]) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.parentcolletions) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.length) != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery4 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.categories[Choosenindex]) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.parentcolletions.map(function (pitem, pindex) {
         if (pitem.isshowntocustomers == 1) {
@@ -23297,7 +23935,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       }))))));
     }
   })), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React.createElement(Accordion, {
-    allowMultipleExpanded: true,
+    allowMultipleExpanded: false,
     allowZeroExpanded: true
   }, pcollarray.map(function (item, index) {
     if (item.isshowntocustomers == 1) {
@@ -23411,7 +24049,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }
       })))));
     }
-  })), sectionproperties.subheaderParentType == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcollections) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (collitem, collindex) {
+  })), sectionproperties.subheaderParentType == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.instcollections) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.map(function (collitem, collindex) {
     if (collitem.isshowntocustomers == 1) {
       return /*#__PURE__*/React.createElement("div", {
         className: ' row m-0 p-0 mb-2  w-100 '
@@ -23437,49 +24075,49 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     style: {
       background: '#eee'
     }
-  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null && /*#__PURE__*/React.createElement("div", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.facebooklink) != null && /*#__PURE__*/React.createElement("div", {
     "class": ' d-flex align-items-center justify-content-center mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i4;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null) {
-        var _authdetailsContext$i5;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink, '_blank');
+      var _authdetailsContext$i7;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.facebooklink) != null) {
+        var _authdetailsContext$i8;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
     size: '20',
     color: '#62564b'
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null && /*#__PURE__*/React.createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.instagramlink) != 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.instagramlink) != null) {
-        var _authdetailsContext$i8;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instagramlink, '_blank');
+      var _authdetailsContext$i10;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.instagramlink) != null) {
+        var _authdetailsContext$i11;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
     size: '22',
     color: '#62564b'
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.tiktoklink) != null && /*#__PURE__*/React.createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.tiktoklink) != 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.tiktoklink, '_blank');
+      var _authdetailsContext$i13;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instagramlink) != null) {
+        var _authdetailsContext$i14;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(IoLogoTiktok, {
     size: '20',
     color: '#62564b'
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.youtubelink) != null && /*#__PURE__*/React.createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.youtubelink) != 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.youtubelink, '_blank');
+      var _authdetailsContext$i16;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.instagramlink) != null) {
+        var _authdetailsContext$i17;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.youtubelink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillYoutube, {
@@ -25995,7 +26633,7 @@ styleInject(css_248z$y);
 function ownKeys$1V(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$1V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ClassicHeader = function ClassicHeader(props) {
-  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _fetchcustomercartQue, _fetchcustomercartQue2, _templatepropcontext$;
+  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _templatepropcontext$;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
   var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
@@ -26643,13 +27281,14 @@ var ClassicHeader = function ClassicHeader(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 : 0)), /*#__PURE__*/React.createElement("p", {
-    "class": header_cssstyles.cartbtntext + ' mb-0 p-0 cartbtnicon ',
+  }, fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue !== void 0 && (_fetchcustomercartQue = _fetchcustomercartQue.data) !== null && _fetchcustomercartQue !== void 0 && _fetchcustomercartQue.status && (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) != 0 ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.customercart.cartitems_count_withquantity : 0)), /*#__PURE__*/React.createElement("p", {
+    "class": ' mb-0 p-0  ',
     style: {
       marginLeft: langdetect == 'en' ? '9px' : 0,
-      marginRight: langdetect == 'ar' ? '9px' : 0
+      marginRight: langdetect == 'ar' ? '9px' : 0,
+      color: sectionproperties.cartBtnTextcolor
     }
-  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue4 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue4 === void 0 || (_fetchcustomercartQue4 = _fetchcustomercartQue4.data) === null || _fetchcustomercartQue4 === void 0 || (_fetchcustomercartQue4 = _fetchcustomercartQue4.customercart) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.totalprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__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": ' d-flex align-items-center justify-content-center '
@@ -28301,7 +28940,7 @@ styleInject(css_248z$w);
 function ownKeys$1T(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$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
-  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i8, _authdetailsContext$i9;
+  var _authdetailsContext$i3, _authdetailsContext$i10, _authdetailsContext$i12, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i14, _authdetailsContext$i15;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -28323,6 +28962,10 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   var actions = props.actions;
   var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
   var scrollYposittionprops = props.actions.scrollYposittionprops;
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dropdownselect = _useState4[0],
+    setdropdownselect = _useState4[1];
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -28339,10 +28982,18 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
     setsectionproperties(_objectSpread$1T({}, secpropobj));
   }, [StatePagePropertiesContext]);
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    logoarrayofobjects = _useState4[0],
-    setlogoarrayofobjects = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    logoarrayofobjects = _useState6[0],
+    setlogoarrayofobjects = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    pcollarray = _useState8[0],
+    setpcollarray = _useState8[1];
+  var _useState9 = useState(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    Choosenindex = _useState10[0],
+    setChoosenindex = _useState10[1];
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -28351,6 +29002,28 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
       }
     }
   }, [templateproperties_context]);
+  useEffect(function () {
+    var _authdetailsContext$i;
+    var temppcollarray = _toConsumableArray(pcollarray);
+    authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 || (_authdetailsContext$i = _authdetailsContext$i.instcategories) === null || _authdetailsContext$i === void 0 || _authdetailsContext$i.forEach(function (arrayItem) {
+      var _arrayItem$parentcoll;
+      arrayItem === null || arrayItem === void 0 || (_arrayItem$parentcoll = arrayItem.parentcolletions) === null || _arrayItem$parentcoll === void 0 || _arrayItem$parentcoll.forEach(function (item) {
+        temppcollarray.push(item);
+      });
+    });
+    setpcollarray(_toConsumableArray(temppcollarray));
+  }, [authdetailsContext]);
+  useEffect(function () {
+    var _authdetailsContext$i2;
+    var temppcollarray = _toConsumableArray(pcollarray);
+    authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcategories) === null || _authdetailsContext$i2 === void 0 || _authdetailsContext$i2.forEach(function (arrayItem) {
+      var _arrayItem$parentcoll2;
+      arrayItem === null || arrayItem === void 0 || (_arrayItem$parentcoll2 = arrayItem.parentcolletions) === null || _arrayItem$parentcoll2 === void 0 || _arrayItem$parentcoll2.forEach(function (item) {
+        temppcollarray.push(item);
+      });
+    });
+    setpcollarray(_toConsumableArray(temppcollarray));
+  }, [authdetailsContext]);
   var header_cssstyles = {
     header_outercontainer: css({
       position: sectionproperties.headerstyles_position,
@@ -28581,8 +29254,151 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
       ':hover': {
         color: sectionproperties.upperheadercoloronhover
       }
+    }),
+    categorybtn: css({
+      background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
+      width: sectionproperties.generalbtn_width + 'px',
+      maxWidth: '100%',
+      height: sectionproperties.generalbtn_height + 'px',
+      borderRadius: sectionproperties.generalbtnborderradius + 'px',
+      border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+      color: sectionproperties.generalbtn_textColor,
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      // background: '#003b42',
+      // width: '100%',
+      // height: 40,
+      // borderRadius: 10,
+      // color: 'white',
+      // fontSize: 14,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.generalbtn_textColoronhover,
+        backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover
+        // color: '#fff',
+        // backgroundColor: '#de5511',
+      }
+    }),
+    categoryname: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      color: sectionproperties.subheader_categorytitle_fontColor,
+      fontSize: sectionproperties.subheader_categorytitle_fontSize + 'px',
+      textTransform: sectionproperties.subheader_categorytitle_textTransform,
+      fontWeight: sectionproperties.subheader_categorytitle_textfontweight
+    }, "color", '#003B42'), "fontSize", 14), "fontWeight", 500), "transition", '.3s'), ':hover', _defineProperty({
+      color: sectionproperties.subheader_categorytitle_coloronhover
+    }, "color", '#de5511'))),
+    parentcollection: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      color: sectionproperties.subheader_collectiontitle_fontColor,
+      fontSize: sectionproperties.subheader_collectiontitle_fontSize + 'px',
+      textTransform: sectionproperties.subheader_collectiontitle_textTransform,
+      fontWeight: sectionproperties.subheader_collectiontitle_textfontweight,
+      transition: '.3s'
+    }, "color", '#003B42'), "fontSize", 14), "fontWeight", 500), ':hover', _defineProperty({
+      color: sectionproperties.subheader_collectiontitle_coloronhover
+    }, "color", '#de5511'))),
+    collectionName: css({
+      color: sectionproperties.collectionsectiontextcolor,
+      fontSize: sectionproperties.collectionsectiontextfontsize + 'px',
+      textTransform: sectionproperties.collectionsectiontexttransform,
+      fontWeight: sectionproperties.collectionsectiontextfontweight,
+      transition: '.3s',
+      // color: '#003B42',
+      // fontSize: 14,
+      // fontWeight: 400,
+      ':hover': {
+        color: sectionproperties.collectionsectiontextcoloronhover
+        // color: '#de5511',
+      }
     })
   };
+  var ButtonDropdown = function ButtonDropdown(item, index, fetchedarray) {
+    var _fetchedarray$Choosen, _fetchedarray$Choosen2, _pcollarray$Choosenin, _pcollarray$Choosenin2;
+    var parentclassname = '';
+    if (sectionproperties.fetchparenttype == 'Categories') {
+      parentclassname = header_cssstyles.categoryname;
+    } else if (sectionproperties.fetchparenttype == 'Parent Collections') {
+      parentclassname = header_cssstyles.parentcollection;
+    } else {
+      parentclassname = header_cssstyles.collectionName;
+    }
+    return /*#__PURE__*/React.createElement("li", {
+      "class": "dropdown d-flex align-items-center w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": parentclassname + ' row m-0 w-100 d-flex align-items-center dropdownInnerContainer cursor-pointer ',
+      onMouseEnter: function onMouseEnter() {
+        setChoosenindex(index);
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ' col-lg-10 col-md-10 col-sm-10 p-0 d-flex justify-content-start align-items-center p-0 '
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": ' m-0 p-0 wordbreak wordbreak1 ',
+      onClick: function onClick() {
+        if (sectionproperties.fetchparenttype == 'Categories') {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
+        } else if (sectionproperties.fetchparenttype == 'Parent Collections') {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
+        } else {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+        }
+      }
+    }, langdetect == 'en' ? item.title_en : item.title_ar)), sectionproperties.fetchparenttype != 'Collections' && /*#__PURE__*/React.createElement("div", {
+      className: 'col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 '
+    }, /*#__PURE__*/React.createElement("i", {
+      className: ' p-0 h-100 allcentered '
+    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+      size: sectionproperties.collectionsectioniconfontsize
+    }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+      size: sectionproperties.collectionsectioniconfontsize
+    })))), sectionproperties.fetchparenttype == 'Categories' && ((_fetchedarray$Choosen = fetchedarray[Choosenindex]) === null || _fetchedarray$Choosen === void 0 || (_fetchedarray$Choosen = _fetchedarray$Choosen.parentcolletions) === null || _fetchedarray$Choosen === void 0 ? void 0 : _fetchedarray$Choosen.length) != 0 && /*#__PURE__*/React.createElement("ul", null, (_fetchedarray$Choosen2 = fetchedarray[Choosenindex]) === null || _fetchedarray$Choosen2 === void 0 || (_fetchedarray$Choosen2 = _fetchedarray$Choosen2.parentcolletions) === null || _fetchedarray$Choosen2 === void 0 ? void 0 : _fetchedarray$Choosen2.map(function (item, index) {
+      var _item$collections;
+      return /*#__PURE__*/React.createElement("li", {
+        "class": "dropdown d-flex align-items-center w-100"
+      }, /*#__PURE__*/React.createElement("div", {
+        "class": header_cssstyles.parentcollection + ' w-100 dropdownInnerContainer cursor-pointer ',
+        onClick: function onClick() {
+          if (sectionproperties.fetchparenttype == 'Categories') {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
+          } else {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+          }
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        "class": "row m-0 w-100"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: ' col-lg-10 col-md-10 col-sm-10 p-0 d-flex justify-content-start align-items-center p-0 '
+      }, /*#__PURE__*/React.createElement("p", {
+        "class": ' m-0 p-0 wordbreak wordbreak1 '
+      }, langdetect == 'en' ? item.title_en : item.title_ar)), (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && /*#__PURE__*/React.createElement("div", {
+        className: 'col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 '
+      }, /*#__PURE__*/React.createElement("i", {
+        className: ' p-0 h-100 allcentered '
+      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+        size: sectionproperties.collectionsectioniconfontsize
+      }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+        size: sectionproperties.collectionsectioniconfontsize
+      }))))), (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && /*#__PURE__*/React.createElement("ul", null, item === null || item === void 0 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (item, index) {
+        return /*#__PURE__*/React.createElement("li", {
+          "class": header_cssstyles.collectionName + ' w-100 d-flex align-items-center dropdownInnerContainer cursor-pointer ',
+          onClick: function onClick() {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+          }
+        }, langdetect == 'en' ? item.title_en : item.title_ar);
+      })));
+    })), sectionproperties.fetchparenttype == 'Parent Collections' && ((_pcollarray$Choosenin = pcollarray[Choosenindex]) === null || _pcollarray$Choosenin === void 0 ? void 0 : _pcollarray$Choosenin.collections.length) != 0 && /*#__PURE__*/React.createElement("ul", null, (_pcollarray$Choosenin2 = pcollarray[Choosenindex]) === null || _pcollarray$Choosenin2 === void 0 || (_pcollarray$Choosenin2 = _pcollarray$Choosenin2.collections) === null || _pcollarray$Choosenin2 === void 0 ? void 0 : _pcollarray$Choosenin2.map(function (item, index) {
+      return /*#__PURE__*/React.createElement("li", {
+        "class": "dropdown d-flex align-items-center w-100"
+      }, /*#__PURE__*/React.createElement("div", {
+        "class": header_cssstyles.collectionName + ' w-100 dropdownInnerContainer cursor-pointer ',
+        onClick: function onClick() {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start align-items-center p-0 '
+      }, /*#__PURE__*/React.createElement("p", {
+        "class": ' m-0 p-0 wordbreak wordbreak1 '
+      }, langdetect == 'en' ? item.title_en : item.title_ar))));
+    })));
+  };
   return /*#__PURE__*/React.createElement("div", {
     "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',
     style: {
@@ -28608,7 +29424,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
       transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
     }
   }))), /*#__PURE__*/React.createElement("a", {
-    href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
+    href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.whatsappnumber),
     target: '_blank',
     style: {
       position: 'fixed',
@@ -28656,30 +29472,30 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement(FaFacebookF, {
     "class": header_cssstyles.fbbtn + ' cursor-pointer ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i2;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
-        var _authdetailsContext$i3;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
+      var _authdetailsContext$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');
       }
     },
     size: sectionproperties.facebkbtnniconfontsize
   }), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement(AiOutlineInstagram, {
     "class": header_cssstyles.instagrambtn + ' cursor-pointer ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i4;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null) {
-        var _authdetailsContext$i5;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink, '_blank');
+      var _authdetailsContext$i6;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null) {
+        var _authdetailsContext$i7;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink, '_blank');
       }
     },
     size: sectionproperties.instgrambtniconfontsize
   }), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement(FaWhatsapp, {
     "class": header_cssstyles.whatsapp_btn + ' cursor-pointer ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i6;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null) {
-        var _authdetailsContext$i7;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber), '_blank');
+      var _authdetailsContext$i8;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber) != null) {
+        var _authdetailsContext$i9;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.whatsappnumber), '_blank');
       }
     },
     size: sectionproperties.youtubebtniconfontsize
@@ -28750,12 +29566,68 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   }), /*#__PURE__*/React.createElement("span", {
     "class": 'ml-2 mr-2'
   }, lang.english)))))))))), /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(headerstyles$a.header_innercontainer, " ").concat(header_cssstyles.header_innercontainer) + ' row m-0 w-100 d-flex align-items-center ',
+    "class": "".concat(headerstyles$a.header_innercontainer, " ").concat(header_cssstyles.header_innercontainer) + ' row m-0 w-100 d-flex align-items-center px-1024-1 ',
     style: {
       zIndex: 2
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-5 p-0 d-flex align-items-center justify-content-start h-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-3 col-xl-4 d-flex align-items-center justify-content-start ',
+    onClick: function onClick() {
+      setdropdownselect(!dropdownselect);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(header_cssstyles.categorybtn) + ' categoriesdropdown d-flex w-100 align-items-center pl-2 pr-2 ',
+    style: {
+      zIndex: 100000
+    }
+  }, /*#__PURE__*/React.createElement("li", {
+    "class": langdetect == 'en' ? 'dropdown dropdownen w-100' : 'dropdown dropdownar w-100'
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": ' m-0 allcentered cursor-pointer px-2 p-lg-0 '
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-10 d-flex justify-content-start m-0 p-0'
+  }, langdetect == 'en' ? 'Products' : 'المنتجات'), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-2 p-0 h-100 d-flex align-items-center justify-content-end d-xl-flex d-lg-none"
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": "h-100 d-flex align-items-center justify-content-end"
+  }, dropdownselect ? /*#__PURE__*/React.createElement(MdKeyboardArrowUp, {
+    size: 25
+  }) : /*#__PURE__*/React.createElement(MdKeyboardArrowDown, {
+    size: 25
+  })))), /*#__PURE__*/React.createElement("ul", {
+    "class": "mt-2",
+    sytle: {
+      width: '200px'
+    }
+  }, sectionproperties.fetchparenttype == 'Categories' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.instcategories) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.map(function (item, index) {
+    var _authdetailsContext$i11;
+    var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.instcategories;
+    if (item.isshowntocustomers == 1) {
+      return /*#__PURE__*/React.createElement("div", {
+        "class": "w-100"
+      }, ButtonDropdown(item, index, fetchedarray));
+    }
+  })), sectionproperties.fetchparenttype == 'Parent Collections' && (pcollarray === null || pcollarray === void 0 ? void 0 : pcollarray.map(function (item, index) {
+    var fetchedarray = pcollarray;
+    if (item.isshowntocustomers == 1) {
+      return /*#__PURE__*/React.createElement("div", {
+        "class": "w-100"
+      }, ButtonDropdown(item, index, fetchedarray));
+    }
+  })), sectionproperties.fetchparenttype == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.instcollections) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.map(function (item, index) {
+    var _authdetailsContext$i13;
+    var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instcollections;
+    if (item.isshowntocustomers == 1) {
+      return /*#__PURE__*/React.createElement("div", {
+        "class": "w-100"
+      }, ButtonDropdown(item, index, fetchedarray));
+    }
+  })))))), /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.generalbtn_show == 'Show' ? 'col-xl-8 col-lg-9' : 'col-12'
   }, /*#__PURE__*/React.createElement("div", {
     "class": ' scrollhorizontal w-100  align-items-center h-100 ',
     style: {
@@ -28783,7 +29655,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
         "class": "".concat(headerstyles$a.navbar_item_text, " ").concat(header_cssstyles.navbar_item_text)
       }, langdetect == 'en' ? item.pagename : item.pagename_ar)));
     }
-  })), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement("div", {
+  })))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 p-0"
   }, /*#__PURE__*/React.createElement(Subheader, {
     sectionpropertiesprops: sectionproperties,
@@ -29062,7 +29934,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
   }), /*#__PURE__*/React.createElement("span", {
     "class": 'ml-2 mr-2'
-  }, "English"))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.length) > 1 && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
+  }, "English"))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 || (_authdetailsContext$i14 = _authdetailsContext$i14.instcurrencies) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.length) > 1 && /*#__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 '
@@ -29072,8 +29944,8 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     "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-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$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (item, index) {
-    var _authdetailsContext$i10;
+  }, 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$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 || (_authdetailsContext$i15 = _authdetailsContext$i15.instcurrencies) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.map(function (item, index) {
+    var _authdetailsContext$i16;
     return /*#__PURE__*/React.createElement(Dropdown.Item, {
       onClick: function onClick() {
         setcurrencyfunccontext(item);
@@ -29091,7 +29963,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
         fontWeight: sectionproperties.dropdown_fontweight,
         textTransform: sectionproperties.dropdown_texttransform
       }
-    }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.instcurrencies) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.length) - 1 && /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 || (_authdetailsContext$i16 = _authdetailsContext$i16.instcurrencies) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.length) - 1 && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0"
     }, /*#__PURE__*/React.createElement("hr", {
       "class": "m-0"
@@ -29432,6 +30304,31 @@ 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() {
+      if (sectionproperties.btnlinktype == 'Website Link') {
+        routingcountext(sectionproperties.floatingbtnlink, false, '');
+      } else {
+        window.open(sectionproperties.floatingbtnlink, '_blank');
+
+        // routingcountext(sectionproperties.floatingbtnlink, true, '');
+      }
+    }
+  }, /*#__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,
@@ -29445,7 +30342,13 @@ var Simpleheader = function Simpleheader(props) {
     "class": header_cssstyles.floatingbtn + ' allcentered ',
     style: {},
     onClick: function onClick() {
-      routingcountext(sectionproperties.floatingbtnlink, false, '');
+      if (sectionproperties.btnlinktype == 'Website Link') {
+        routingcountext(sectionproperties.floatingbtnlink, false, '');
+      } else {
+        window.open(sectionproperties.floatingbtnlink, '_blank');
+
+        // routingcountext(sectionproperties.floatingbtnlink, true, '');
+      }
     }
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
@@ -29614,7 +30517,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 && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }))), sectionproperties.userbtnstyle == 'Style 2' && !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.user_btn) + ' allcentered ',
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Login);
@@ -29626,7 +30529,7 @@ var Simpleheader = function Simpleheader(props) {
       fontWeight: sectionproperties.userBtnTextfontweight,
       fontSize: sectionproperties.userbtn_logintextFontSize + 'px'
     }
-  }, langdetect == 'en' ? 'Login' : 'تسجيل الدخول')), sectionproperties.userbtnstyle == 'Style 2' && authdetailsContext.loggedin && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Login' : 'تسجيل الدخول')), sectionproperties.userbtnstyle == 'Style 2' && authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("div", {
     className: header_cssstyles.userBtnLoggedinContainer + ' allcentered ',
     sytle: {
       position: 'relative'
@@ -29705,7 +30608,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' && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
+  }), lang.logout))))), sectionproperties.userbtnstyle == 'Style 1' && /*#__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'
@@ -30473,6 +31376,23 @@ 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", {
@@ -30487,7 +31407,26 @@ var Header8 = function Header8(props) {
     sectionpropertiesprops: sectionproperties,
     templateproperties_contextprops: templateproperties_context,
     actions: actions
-  })), sectionproperties.showfloatingcallbtn == 'Show' && /*#__PURE__*/React.createElement("a", {
+  })), 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", {
     href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
     target: '_self',
     style: {
@@ -33670,11 +34609,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 justify-content-center px-1025-1 '
+    "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 col-md-6 col-sm-12 d-none align-items-center justify-content-start p-0",
+    "class": "col-lg-4 col-md-6 col-sm-12 d-flex align-items-center justify-content-start p-0",
     style: {}
-  }, sectionproperties.searchbartype == 'Full Width' && sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.searchbartype == 'Full Width' && /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.searchbarcont
   }, /*#__PURE__*/React.createElement("input", {
     type: "text",
@@ -33693,7 +34632,7 @@ var Modernheader = function Modernheader(props) {
     sectionpropertiesprops: sectionproperties,
     srcfromprops: 'fullheader',
     actions: actions
-  })), sectionproperties.searchbartype == 'Icon' && sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.searchbartype == 'Icon' && /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.searchbarcont + ' allcentered ',
     style: {
       width: sectionproperties.searchbaricon_width + 'px',
@@ -33715,12 +34654,22 @@ 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"
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
+    "class": "m-0 p-0 mr-2 ml-2",
+    style: {
+      color: sectionproperties.searchbaricon_color
+    }
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, {
+    color: sectionproperties.searchbaricon_color
+  })), 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"
-  }, 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) {
+    "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) {
     var _authdetailsContext$i4;
     return /*#__PURE__*/React.createElement(Dropdown.Item, {
       onClick: function onClick() {
@@ -33737,7 +34686,8 @@ var Modernheader = function Modernheader(props) {
       style: {
         fontSize: sectionproperties.dropdown_fontsize + 'px',
         fontWeight: sectionproperties.dropdown_fontweight,
-        textTransform: sectionproperties.dropdown_texttransform
+        textTransform: sectionproperties.dropdown_texttransform,
+        color: sectionproperties.searchbaricon_color
       }
     }, /*#__PURE__*/React.createElement("span", {
       "class": 'ml-2 mr-2'
@@ -33747,7 +34697,7 @@ var Modernheader = function Modernheader(props) {
       "class": "m-0"
     }))));
   }))))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-6 col-md-6 col-sm-12 allcentered p-0"
+    "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.header_logo) + ' allcentered ',
     style: {
@@ -33766,8 +34716,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-none align-items-center justify-content-end"
-  }, sectionproperties.ShowUserBtn == 'Show' && /*#__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", {
     style: {
       marginRight: langdetect == 'en' ? '30px' : 0,
       marginLeft: langdetect == 'en' ? 0 : '30px'
@@ -33909,7 +34859,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)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(headerstyles$g.header_menu, " ").concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered  ',
     onClick: function onClick() {
       setsidecartnavshowcontext(true);
@@ -33950,7 +34900,7 @@ var Modernheader = function Modernheader(props) {
       top: sectionproperties.cartbadgetop + 'px',
       right: sectionproperties.cartbadgeright + 'px'
     }
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0))), /*#__PURE__*/React.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 '
@@ -40635,7 +41585,16 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React.createElement(Headerresponsive, {
+  }, 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, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
   })));
@@ -41457,10 +42416,19 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
       subheadercontentpositionprops: 'center',
       numofcols: '6'
     }
-  })))), /*#__PURE__*/React.createElement(Headerresponsive, {
+  })))), 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, {
+    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; }
@@ -42821,7 +43789,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 _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _logoarrayofobjects$, _logoarrayofobjects$2, _bgimagearrayofobjs$3, _bgimagearrayofobjs$4, _logoarrayofobjects$3, _logoarrayofobjects$4, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i8, _authdetailsContext$i14, _authdetailsContext$i15, _bgimagearrayofobjs$5, _bgimagearrayofobjs$6, _logoarrayofobjects$5, _logoarrayofobjects$6, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i24;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i12, _authdetailsContext$i13;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -42840,14 +43808,6 @@ var Footer1 = function Footer1(props) {
   var templateproperties_context = props.actions.templateproperties_context;
   var templatepropcontext = props.actions.templatepropcontext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
-  // const [newsletter, setnewsletter] = useState('');
-  var _useState5 = useState({
-      min: '',
-      max: ''
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    pricevalue2 = _useState6[0],
-    setpricevalue2 = _useState6[1];
   useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -42875,18 +43835,6 @@ 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',
@@ -43017,17 +43965,6 @@ 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) {
@@ -43042,8 +43979,8 @@ var Footer1 = function Footer1(props) {
   };
   return /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-center"
-  }, sectionproperties.opencollapsible == 'Expanded' && /*#__PURE__*/React.createElement("footer", {
-    "class": "".concat(footerStyles.footerContainer) + ' px-sm-2 py-md-4 p-md-4 '
+  }, /*#__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", {
@@ -43053,7 +43990,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: sectionproperties.replacelogo == 'Yes' ? langdetect == 'en' ? (_bgimagearrayofobjs$ = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$ === void 0 ? void 0 : _bgimagearrayofobjs$.englishlogo : (_bgimagearrayofobjs$2 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$2 === void 0 ? void 0 : _bgimagearrayofobjs$2.arabiclogo : langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
+    path: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
     style: {
       width: '100%',
       height: '100%',
@@ -43067,7 +44004,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: sectionproperties.replacelogo == 'Yes' ? langdetect == 'en' ? (_bgimagearrayofobjs$3 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$3 === void 0 ? void 0 : _bgimagearrayofobjs$3.englishlogo : (_bgimagearrayofobjs$4 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$4 === void 0 ? void 0 : _bgimagearrayofobjs$4.arabiclogo : langdetect == 'en' ? (_logoarrayofobjects$3 = logoarrayofobjects[0]) === null || _logoarrayofobjects$3 === void 0 ? void 0 : _logoarrayofobjects$3.englishlogo : (_logoarrayofobjects$4 = logoarrayofobjects[0]) === null || _logoarrayofobjects$4 === void 0 ? void 0 : _logoarrayofobjects$4.arabiclogo,
+    path: authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instlogo,
     style: {
       width: '100%',
       height: '100%',
@@ -43203,10 +44140,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$i2;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
-        var _authdetailsContext$i3;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
+      var _authdetailsContext$i3;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
+        var _authdetailsContext$i4;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebook, {
@@ -43214,10 +44151,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$i4;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null) {
-        var _authdetailsContext$i5;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink, '_blank');
+      var _authdetailsContext$i5;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
+        var _authdetailsContext$i6;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -43225,25 +44162,14 @@ 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$i6;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null) {
-        var _authdetailsContext$i7;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber), '_blank');
+      var _authdetailsContext$i7;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber) != null) {
+        var _authdetailsContext$i8;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React.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", {
@@ -43254,15 +44180,15 @@ var Footer1 = function Footer1(props) {
     "class": "".concat(footerStyles.apptore) + ' cursor-pointer mx-2 ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
     onClick: function onClick() {
-      var _authdetailsContext$i11;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.mobileapplink_appstore, '_blank');
+      var _authdetailsContext$i9;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.mobileapplink_appstore, '_blank');
     }
   }), /*#__PURE__*/React.createElement("img", {
     "class": "".concat(footerStyles.playstore) + ' cursor-pointer mx-2 ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
-      var _authdetailsContext$i12;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.mobileapplink_playstore, '_blank');
+      var _authdetailsContext$i10;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.mobileapplink_playstore, '_blank');
     }
   })), sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React.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"
@@ -43279,12 +44205,12 @@ var Footer1 = function Footer1(props) {
       textTransform: sectionproperties.footerinfotext_textTransform
     },
     onClick: function onClick() {
-      var _authdetailsContext$i13;
-      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 || (_authdetailsContext$i13 = _authdetailsContext$i13.contactinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.email), '_self');
+      var _authdetailsContext$i11;
+      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.contactinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.email), '_self');
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": ' fa fa-at mr-2 text-transform-none ml-2 '
-  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 || (_authdetailsContext$i14 = _authdetailsContext$i14.contactinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.email)), /*#__PURE__*/React.createElement("div", {
+  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.contactinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.email)), /*#__PURE__*/React.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 ',
@@ -43313,151 +44239,7 @@ 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$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)))));
+  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.address_en)))))));
 };
 
 function ownKeys$1B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -44687,7 +45469,7 @@ var Footer4 = function Footer4(props) {
 function ownKeys$1y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer5 = function Footer5(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _logoarrayofobjects$3, _logoarrayofobjects$4, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i26, _authdetailsContext$i28, _authdetailsContext$i31, _authdetailsContext$i34, _authdetailsContext$i37, _authdetailsContext$i40, _authdetailsContext$i43, _authdetailsContext$i46;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _logoarrayofobjects$3, _logoarrayofobjects$4, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i26, _authdetailsContext$i28, _authdetailsContext$i31, _authdetailsContext$i34, _authdetailsContext$i37, _authdetailsContext$i40, _authdetailsContext$i43, _authdetailsContext$i46, _authdetailsContext$i49;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -45207,11 +45989,30 @@ var Footer5 = function Footer5(props) {
     className: "".concat(footerStyles.payimgcont),
     style: {
       width: '70px',
-      height: '30px'
+      height: '30px',
+      borderRadius: 10
     }
   }, /*#__PURE__*/React.createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
     className: "".concat(footerStyles.payimg)
+  })), sectionproperties.showbankak == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(footerStyles.payimgcont),
+    style: {
+      width: '50px',
+      height: '50px'
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/bankak.png',
+    className: "".concat(footerStyles.payimg)
+  })), sectionproperties.showinstapay == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(footerStyles.payimgcont),
+    style: {
+      width: '70px',
+      height: '30px'
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/instapay.png',
+    className: "".concat(footerStyles.payimg)
   })))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 mt-3"
   }, /*#__PURE__*/React.createElement("div", {
@@ -45331,6 +46132,19 @@ var Footer5 = function Footer5(props) {
     className: "h-100 allcentered"
   }, /*#__PURE__*/React.createElement(AiFillYoutube, {
     size: sectionproperties.instgrambtniconfontsize
+  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i49 = authdetailsContext.instinfo) === null || _authdetailsContext$i49 === void 0 ? void 0 : _authdetailsContext$i49.telegramlink) != 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$i50;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i50 = authdetailsContext.instinfo) === null || _authdetailsContext$i50 === void 0 ? void 0 : _authdetailsContext$i50.telegramlink) != null) {
+        var _authdetailsContext$i51;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i51 = authdetailsContext.instinfo) === null || _authdetailsContext$i51 === void 0 ? void 0 : _authdetailsContext$i51.telegramlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "h-100 allcentered"
+  }, /*#__PURE__*/React.createElement(FaTelegramPlane, {
+    size: sectionproperties.instgrambtniconfontsize
   })))))));
 };
 
@@ -47097,7 +47911,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;
+  var _templatepropcontext$, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i26;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -47404,43 +48218,57 @@ var ModernFooter = function ModernFooter(props) {
   }, sectionproperties.whatsappiconfontsize != 0 && /*#__PURE__*/React.createElement(FaWhatsapp, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.whatsappiconfontsize
-  }), sectionproperties.whatsapplinktext)), sectionproperties.linkedinbtnshow == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.linkedinlink) != null && /*#__PURE__*/React.createElement("div", {
+  }), sectionproperties.whatsapplinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.twitterlink) != null && /*#__PURE__*/React.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", {
     "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$i12;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.linkedinlink) != null) {
-        var _authdetailsContext$i13;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.linkedinlink, '_blank');
+      var _authdetailsContext$i15;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.linkedinlink) != null) {
+        var _authdetailsContext$i16;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.linkedinlink, '_blank');
       }
     }
   }, sectionproperties.linkedinbtniconfontsize != 0 && /*#__PURE__*/React.createElement(AiOutlineLinkedin, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.linkedinbtniconfontsize
-  }), sectionproperties.linkedinlinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink) != null && /*#__PURE__*/React.createElement("div", {
+  }), sectionproperties.linkedinlinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.tiktoklink) != null && /*#__PURE__*/React.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$i15;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.tiktoklink) != null) {
-        var _authdetailsContext$i16;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.tiktoklink, '_blank');
+      var _authdetailsContext$i18;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.tiktoklink) != null) {
+        var _authdetailsContext$i19;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.tiktoklink, '_blank');
       }
     }
   }, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React.createElement(IoLogoTiktok, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.instagramiconfontsize
-  }), langdetect == 'en' ? 'TikTok' : 'TikTok')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.telegramlink) != null && /*#__PURE__*/React.createElement("div", {
+  }), langdetect == 'en' ? 'TikTok' : 'TikTok')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.telegramlink) != null && /*#__PURE__*/React.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.telegramlink) != null) {
-        var _authdetailsContext$i19;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.telegramlink, '_blank');
+      var _authdetailsContext$i21;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.telegramlink) != null) {
+        var _authdetailsContext$i22;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.telegramlink, '_blank');
       }
     }
   }, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React.createElement(FaTelegramPlane, {
@@ -47472,7 +48300,7 @@ var ModernFooter = function ModernFooter(props) {
     }
   }, /*#__PURE__*/React.createElement(IoLocationSharp, {
     size: sectionproperties.footerinfoicon_fontsize
-  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.address_en)), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
+  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.address_en)), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.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');
@@ -47491,14 +48319,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$i21;
-      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 || (_authdetailsContext$i21 = _authdetailsContext$i21.contactinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.email), '_self');
+      var _authdetailsContext$i24;
+      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 || (_authdetailsContext$i24 = _authdetailsContext$i24.contactinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.email), '_self');
     }
   }, /*#__PURE__*/React.createElement("p", {
     "class": ' footerinfotext d-flex align-items-center justify-content-start m-0 p-0 cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i22;
-      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 || (_authdetailsContext$i22 = _authdetailsContext$i22.contactinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.email), '_self');
+      var _authdetailsContext$i25;
+      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 || (_authdetailsContext$i25 = _authdetailsContext$i25.contactinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.email), '_self');
     },
     style: {
       textTransform: 'none'
@@ -47509,7 +48337,7 @@ var ModernFooter = function ModernFooter(props) {
       marginRight: langdetect == 'en' ? '0.5rem' : 0,
       marginLeft: langdetect == 'ar' ? '0.5rem' : 0
     }
-  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 || (_authdetailsContext$i23 = _authdetailsContext$i23.contactinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.email)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 || (_authdetailsContext$i26 = _authdetailsContext$i26.contactinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.email)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React.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"
@@ -47521,15 +48349,15 @@ var ModernFooter = function ModernFooter(props) {
     "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-flex d-md-none ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
     onClick: function onClick() {
-      var _authdetailsContext$i24;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.mobileapplink_appstore, '_blank');
+      var _authdetailsContext$i27;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.mobileapplink_appstore, '_blank');
     }
   }), /*#__PURE__*/React.createElement("img", {
     "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-none d-md-flex ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
     onClick: function onClick() {
-      var _authdetailsContext$i25;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.mobileapplink_appstore, '_blank');
+      var _authdetailsContext$i28;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.mobileapplink_appstore, '_blank');
     }
   })), /*#__PURE__*/React.createElement("div", {
     "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start'
@@ -47537,15 +48365,15 @@ var ModernFooter = function ModernFooter(props) {
     "class": "".concat(footerStyles.playstore) + ' cursor-pointer d-flex d-md-none ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
-      var _authdetailsContext$i26;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.mobileapplink_playstore, '_blank');
+      var _authdetailsContext$i29;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.mobileapplink_playstore, '_blank');
     }
   }), /*#__PURE__*/React.createElement("img", {
     "class": "".concat(footerStyles.playstore) + ' cursor-pointer d-none d-md-flex ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
-      var _authdetailsContext$i27;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.mobileapplink_playstore, '_blank');
+      var _authdetailsContext$i30;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.mobileapplink_playstore, '_blank');
     }
   }))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-3 col-md-12 col-sm-12 mt-md-3 px-lg-5 px-md-2",
@@ -47575,7 +48403,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 _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 _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i25, _authdetailsContext$i28, _authdetailsContext$i33, _authdetailsContext$i34;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -48161,43 +48989,57 @@ 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.tiktoklink) != null && /*#__PURE__*/React.createElement("p", {
-    "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.twitterlink) != null && /*#__PURE__*/React.createElement("div", {
+    className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4',
     onClick: function onClick() {
       var _authdetailsContext$i18;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.tiktoklink) != null) {
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.twitterlink) != null) {
         var _authdetailsContext$i19;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.tiktoklink, '_blank');
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.twitterlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React.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');
       }
     }
   }, /*#__PURE__*/React.createElement(IoLogoTiktok, {
     size: sectionproperties.instgrambtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.linkedinlink) != null && /*#__PURE__*/React.createElement("p", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.linkedinlink) != null && /*#__PURE__*/React.createElement("p", {
     "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i21;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.linkedinlink, '_blank');
+      var _authdetailsContext$i24;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.linkedinlink, '_blank');
     }
   }, /*#__PURE__*/React.createElement(FaLinkedinIn, {
     size: sectionproperties.instgrambtniconfontsize
-  })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.whatsappnumber) != null && /*#__PURE__*/React.createElement("p", {
+  })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.whatsappnumber) != null && /*#__PURE__*/React.createElement("p", {
     "class": footerStyles.youtube_btn + ' m-0 p-0 allcentered mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i23;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.whatsappnumber) != null) {
-        var _authdetailsContext$i24;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.whatsappnumber), '_blank');
+      var _authdetailsContext$i26;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.whatsappnumber) != null) {
+        var _authdetailsContext$i27;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.googlemapslink) != null && /*#__PURE__*/React.createElement("p", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.googlemapslink) != 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.googlemapslink) != null) {
-        var _authdetailsContext$i27;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.googlemapslink, '_blank');
+      var _authdetailsContext$i29;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.googlemapslink) != null) {
+        var _authdetailsContext$i30;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.googlemapslink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(IoLocationSharp, {
@@ -48217,15 +49059,15 @@ var Newsletterfooter = function Newsletterfooter(props) {
     "class": langdetect == 'en' ? "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer mr-2 ' : "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ml-2 ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
     onClick: function onClick() {
-      var _authdetailsContext$i28;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.mobileapplink_appstore, '_blank');
+      var _authdetailsContext$i31;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.mobileapplink_appstore, '_blank');
     }
   }), sectionproperties.showplaystore == 'Show' && /*#__PURE__*/React.createElement("img", {
     "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer mx-2 ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
-      var _authdetailsContext$i29;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.mobileapplink_playstore, '_blank');
+      var _authdetailsContext$i32;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.mobileapplink_playstore, '_blank');
     }
   }))), sectionproperties.showfooteraddress == 'Show' && sectionproperties.storeinfostyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex flex-row justify-content-start align-items-center mt-4"
@@ -48242,7 +49084,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$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", {
+  })), 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", {
     "class": "col-lg-12 p-0  d-block my-3"
   }, /*#__PURE__*/React.createElement("hr", {
     "class": "m-0 p-0"
@@ -51057,6 +51899,7 @@ var ElegantCategoriesCardSection = function ElegantCategoriesCardSection(props)
 function ownKeys$1l(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$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCards(props) {
+  var authdetailsContext = props.actions.authdetailsContext;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -51589,10 +52432,22 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
         borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px'
       }
+    }),
+    imageoutercont: css({
+      height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'vh',
+      '@media (max-width: 800px)': {
+        height: '30vh'
+      }
+    }),
+    imageoutercont2: css({
+      height: sectionproperties.image_height2 == 0 ? '100%' : sectionproperties.image_height2 + 'vh',
+      '@media (max-width: 800px)': {
+        height: '25vh'
+      }
     })
   };
   var cardsrender = function cardsrender() {
-    var _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$10, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15, _cardsarray$16, _cardsarray$18, _cardsarray$19, _cardsarray$20;
+    var _authdetailsContext$i, _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$10, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15, _cardsarray$16, _cardsarray$18, _cardsarray$19, _cardsarray$20, _authdetailsContext$i2, _cardsarray$22, _cardsarray$23, _cardsarray$24, _cardsarray$26, _cardsarray$27, _cardsarray$28, _cardsarray$30, _cardsarray$31, _cardsarray$32, _cardsarray$34, _cardsarray$35, _cardsarray$36;
     return /*#__PURE__*/React.createElement("div", {
       "class": 'row m-0 w-100'
     }, !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React.createElement("div", {
@@ -51660,7 +52515,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       }
     }))), /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 pr-md-2 ' : sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pr-md-2 ' : sectionproperties.paddingLeft != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 ' : section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center '
-    }, /*#__PURE__*/React.createElement("div", {
+    }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '672258d7826b4' && /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100 "
     }, /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 p-md-0 mb-md-3 cursor-pointer ',
@@ -51949,7 +52804,218 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React.createElement("p", {
       "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered collectioncardbutton '
-    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))))));
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '672258d7826b4' && /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 "
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-6 p-md-0 mb-md-3 cursor-pointer '
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-12 cursor-pointer",
+      onClick: function onClick() {
+        var _cardsarray$21;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$21 = cardsarray[0]) === null || _cardsarray$21 === void 0 ? void 0 : _cardsarray$21.collectionid));
+      },
+      style: {
+        paddingLeft: sectionproperties.imagepadding + 'px',
+        paddingRight: sectionproperties.imagepadding + 'px',
+        marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__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$22 = cardsarray[0]) === null || _cardsarray$22 === void 0 ? void 0 : _cardsarray$22.image,
+      loading: "lazy",
+      style: {
+        width: '100%',
+        height: '100%',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        objectFit: 'cover',
+        zIndex: 1
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont,
+      style: _defineProperty(_defineProperty({
+        position: 'absolute',
+        zIndex: 1000,
+        // height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'vh',
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": section_cssstyles.collectionname + ' m-0 p-0 '
+    }, langdetect == 'en' ? (_cardsarray$23 = cardsarray[0]) === null || _cardsarray$23 === void 0 ? void 0 : _cardsarray$23.name_en : (_cardsarray$24 = cardsarray[0]) === null || _cardsarray$24 === void 0 ? void 0 : _cardsarray$24.name_ar)))))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-12 cursor-pointer",
+      onClick: function onClick() {
+        var _cardsarray$25;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$25 = cardsarray[2]) === null || _cardsarray$25 === void 0 ? void 0 : _cardsarray$25.collectionid));
+      },
+      style: {
+        paddingLeft: sectionproperties.imagepadding + 'px',
+        paddingRight: sectionproperties.imagepadding + 'px',
+        marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont2 + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__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$26 = cardsarray[2]) === null || _cardsarray$26 === void 0 ? void 0 : _cardsarray$26.image,
+      loading: "lazy",
+      style: {
+        width: '100%',
+        height: '100%',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        objectFit: 'cover',
+        zIndex: 1
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont2,
+      style: _defineProperty(_defineProperty({
+        position: 'absolute',
+        zIndex: 1000,
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": section_cssstyles.collectionname + ' m-0 p-0 '
+    }, langdetect == 'en' ? (_cardsarray$27 = cardsarray[2]) === null || _cardsarray$27 === void 0 ? void 0 : _cardsarray$27.name_en : (_cardsarray$28 = cardsarray[2]) === null || _cardsarray$28 === void 0 ? void 0 : _cardsarray$28.name_ar)))))))), /*#__PURE__*/React.createElement("div", {
+      "class": 'col-6 pl-0 pr-0'
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-12 cursor-pointer",
+      onClick: function onClick() {
+        var _cardsarray$29;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$29 = cardsarray[1]) === null || _cardsarray$29 === void 0 ? void 0 : _cardsarray$29.collectionid));
+      },
+      style: {
+        paddingLeft: sectionproperties.imagepadding + 'px',
+        paddingRight: sectionproperties.imagepadding + 'px',
+        marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont2 + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__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$30 = cardsarray[1]) === null || _cardsarray$30 === void 0 ? void 0 : _cardsarray$30.image,
+      loading: "lazy",
+      style: {
+        width: '100%',
+        height: '100%',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        objectFit: 'cover',
+        zIndex: 1
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont2,
+      style: _defineProperty(_defineProperty({
+        position: 'absolute',
+        zIndex: 1000,
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": section_cssstyles.collectionname + ' m-0 p-0 '
+    }, langdetect == 'en' ? (_cardsarray$31 = cardsarray[1]) === null || _cardsarray$31 === void 0 ? void 0 : _cardsarray$31.name_en : (_cardsarray$32 = cardsarray[1]) === null || _cardsarray$32 === void 0 ? void 0 : _cardsarray$32.name_ar)))))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-12 cursor-pointer",
+      onClick: function onClick() {
+        var _cardsarray$33;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$33 = cardsarray[3]) === null || _cardsarray$33 === void 0 ? void 0 : _cardsarray$33.collectionid));
+      },
+      style: {
+        paddingLeft: sectionproperties.imagepadding + 'px',
+        paddingRight: sectionproperties.imagepadding + 'px',
+        marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__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$34 = cardsarray[3]) === null || _cardsarray$34 === void 0 ? void 0 : _cardsarray$34.image,
+      loading: "lazy",
+      style: {
+        width: '100%',
+        height: '100%',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        objectFit: 'cover',
+        zIndex: 1
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont,
+      style: _defineProperty(_defineProperty({
+        position: 'absolute',
+        zIndex: 1000,
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": section_cssstyles.collectionname + ' m-0 p-0 '
+    }, langdetect == 'en' ? (_cardsarray$35 = cardsarray[3]) === null || _cardsarray$35 === void 0 ? void 0 : _cardsarray$35.name_en : (_cardsarray$36 = cardsarray[3]) === null || _cardsarray$36 === void 0 ? void 0 : _cardsarray$36.name_ar))))))))))));
   };
   return /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 d-flex w-100 justify-content-center",
@@ -56958,7 +58024,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-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-6 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
+        className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? ' d-flex align-items-stretch col-md-4 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-4 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
         style: {
           paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
           paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
@@ -56970,7 +58036,6 @@ var Twobgimages = function Twobgimages(props) {
             if (item.place_clickable == 'General') {
               if (item.externallink == 'Yes') {
                 window.open(item.clickable_page_route, '_blank');
-
                 // history.push(item.clickable_page_route);
               } else if (item.clickable_page_route && item.clickable_page_route.length != 0) {
                 routingcountext(item.clickable_page_route, false, '');
@@ -57303,9 +58368,9 @@ var VideosSection = function VideosSection(props) {
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
-      height: sectionproperties.image_height + 'px',
+      height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'px',
       '@media (max-width: 800px)': {
-        height: sectionproperties.height_responsive + 'px'
+        height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.height_responsive + 'px'
       }
     }),
     lau: css({
@@ -57499,7 +58564,7 @@ var VideosSection = function VideosSection(props) {
   }, /*#__PURE__*/React.createElement(ScrollMenu, {
     transitionBehavior: 'auto',
     wrapperClassName: '',
-    itemClassName: 'videoscard',
+    itemClassName: '',
     scrollContainerClassName: 'scrollmenuclasssubscrollbar'
   }, Object.keys(videosarrayofobjs).length != 0 && videosarrayofobjs.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
@@ -58325,6 +59390,8 @@ var DynamicForm = function DynamicForm(props) {
       type = 'number';
     } else if (item.type == 'text') {
       type = 'text';
+    } else if (item.type == 'phone number') {
+      type = 'phonenumber';
     }
     if (item.type == 'date') {
       return /*#__PURE__*/React.createElement("div", {
@@ -58382,6 +59449,40 @@ 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'
@@ -58453,20 +59554,19 @@ var DynamicForm = function DynamicForm(props) {
       boxShadow: 'none',
       transition: '.3s'
     }))),
-    generalbtn: css({
+    generalbtn: css(_defineProperty(_defineProperty({
       width: sectionproperties.generalbtn_width + '%',
       height: sectionproperties.generalbtn_height + 'px',
       backgroundColor: sectionproperties.generalbtn_bgColor,
-      borderRadius: sectionproperties.generalbtnborderradius + 'px',
+      borderRadius: sectionproperties.generalbtn_bgColor,
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize,
-      fontWeight: sectionproperties.generalbtn_fontweight,
-      ':hover': {
-        transition: '.3s',
-        color: sectionproperties.generalbtn_textColoronhover,
-        backgroundColor: sectionproperties.generalbtn_bgColoronhover
-      }
-    }),
+      fontWeight: sectionproperties.generalbtn_fontweight
+    }, "borderRadius", sectionproperties.generalbtnborderradius + 'px'), ':hover', {
+      transition: '.3s',
+      color: sectionproperties.generalbtn_textColoronhover,
+      backgroundColor: sectionproperties.generalbtn_bgColoronhover
+    })),
     btnLeft: css({
       width: 40,
       height: 40,
@@ -58497,14 +59597,6 @@ 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", {
@@ -58548,8 +59640,12 @@ var DynamicForm = function DynamicForm(props) {
       marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
     }
   }, /*#__PURE__*/React.createElement("p", {
-    "class": form_cssstyles.sectiontitle + ' m-0 p-0 ',
-    style: {}
+    "class": "m-0 p-0",
+    style: {
+      color: sectionproperties.sectionTitleColor,
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
   }, langdetect == 'en' ? formtitleen : formtitlear)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React.createElement("div", {
     "class": 'row m-0 w-100 p-3 mt-3'
   }, /*#__PURE__*/React.createElement("div", {
@@ -58670,8 +59766,12 @@ var DynamicForm = function DynamicForm(props) {
       marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
     }
   }, /*#__PURE__*/React.createElement("p", {
-    "class": form_cssstyles.sectiontitle + ' m-0 p-0 ',
-    style: {}
+    "class": "m-0 p-0",
+    style: {
+      color: sectionproperties.sectionTitleColor,
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
   }, langdetect == 'en' ? formtitleen : formtitlear)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React.createElement("div", {
     "class": 'row m-0 w-100 '
   }, /*#__PURE__*/React.createElement("div", {
@@ -58681,6 +59781,8 @@ var DynamicForm = function DynamicForm(props) {
   }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields5 = dynamicform.fields) === null || _dynamicform$fields5 === void 0 ? void 0 : _dynamicform$fields5.map(function (item, index) {
     if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
       return inputitem(item, index);
+    } else if (item.type == 'phone number') {
+      return phonenumber(item, index);
     } else if (item.type == 'textarea') {
       return textareaitem(item, index);
     } else if (item.type == 'selectbox') {
@@ -58726,14 +59828,19 @@ var DynamicForm = function DynamicForm(props) {
     "class": "",
     color: '#fff'
   }))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 allcentered my-4 py-4"
+    "class": "row m-0 w-100 py-4",
+    style: {
+      background: sectionproperties.popupbackgroundcolor
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 allcentered py-4"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0",
     style: {
       fontSize: 20,
-      color: '#000'
+      color: sectionproperties.popuptextcolor
     }
-  }, 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; }
@@ -59510,14 +60617,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({
@@ -59555,40 +60662,36 @@ 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 allcentered",
+      "class": "d-flex align-items-center flex-row",
       style: {
         position: 'relative',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
-        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
-        flexDirection: sectionproperties.sectiontitlestyle == 'Line Under Text' ? 'column' : 'row'
+        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
       }
-    }, /*#__PURE__*/React.createElement("p", {
+    }, 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", {
       "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: {
-        width: '50%',
-        background: sectionproperties.linebgcolor,
-        height: 3,
-        borderRadius: 10,
-        marginTop: 5
+        color: sectionproperties.sectionTitleColor,
+        textTransform: sectionproperties.sectionTitleTextTransform,
+        fontWeight: sectionproperties.sectionTitleFontWeight,
+        padding: sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? 7 : 0,
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.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
       }
     }));
   };
@@ -59647,8 +60750,8 @@ var Freetextsection = function Freetextsection(props) {
       style: {
         paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
         paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-        paddingTop: type == 'responsive' ? sectionproperties.paddingverticalresponsive + 'px' : sectionproperties.paddingTop + 'px',
-        paddingBottom: type == 'responsive' ? sectionproperties.paddingverticalresponsive + 'px' : sectionproperties.paddingBottom + 'px',
+        paddingTop: type == 'responsive' ? '15px' : sectionproperties.paddingTop + 'px',
+        paddingBottom: type == 'responsive' ? '15px' : sectionproperties.paddingBottom + 'px',
         zIndex: 100,
         height: sectionproperties.hideshowcardtransition == 'Show' ? type == 'responsive' ? sectionproperties.height_responsive + 'px' : '' : ''
       }
@@ -59696,45 +60799,7 @@ var Freetextsection = function Freetextsection(props) {
     "class": "w-100 allcentered",
     style: {
       background: sectionproperties.outerbgcolor
-      // backgroundImage: sectionproperties.sectionbgstyle == 'Besides each other' ? 'url(' + serverbaselink + maincontainerarrayofobjs[0]?.back_bgimage + ')' : '',
-    }
-  }, sectionproperties.sectionbgstyle == 'Besides each other' && /*#__PURE__*/React.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: {
@@ -59749,7 +60814,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; }
@@ -59822,28 +60887,6 @@ 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,
@@ -59858,8 +60901,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         width: sectionproperties.sectitle_lineafterwidth + '%',
         display: 'block',
         backgroundColor: sectionproperties.linebgcolor,
-        borderRadius: '6px',
-        marginTop: 15
+        borderRadius: '6px'
       }
     }),
     facebook_btn: css({
@@ -59968,11 +61010,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 text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center  ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center ' : '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center ',
+      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
       style: {
         color: sectionproperties.sectionTitleColor,
         fontWeight: sectionproperties.sectionTitleFontWeight,
-        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
       }
     }, sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React.createElement("span", {
       "class": "".concat(section_styles.sectiontitlespan) + ' pl-md-2 pr-md-2 left-md-0 '
@@ -60000,10 +61042,8 @@ 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 py-md-4 ',
-      style: {
-        // padding: 20,
-      }
+      "class": sectionproperties.justifyContentCenter == 'Centered' ? section_styles.rightinnercont + ' row m-0 w-100 h-100 ' : section_styles.rightinnercont + ' row m-0 w-100 mb-auto h-100 ',
+      style: {}
     }, /*#__PURE__*/React.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: {
@@ -60142,7 +61182,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     })))));
   };
   var Image = function Image() {
-    var _imagesarray$, _imagesarray$7, _imagesarray$8, _imagesarray$9, _imagesarray$10;
+    var _imagesarray$, _imagesarray$7, _imagesarray$8;
     return /*#__PURE__*/React.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: {
@@ -60164,43 +61204,29 @@ 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 m-0 w-100 allcentered"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center ',
+    "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center w-100 ',
     style: {
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.backgroundColor,
-      width: sectionproperties.width + 'vw',
-      borderRadius: sectionproperties.sectioncardborderradius + 'px'
+      background: sectionproperties.backgroundColor
     }
   }, sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-100 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-100 w-md-100 mx-auto' : sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center w-100 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center w-100 w-md-100 mx-auto',
+    "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
-      // width: sectionproperties.width + 'vw',
-      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
-      // borderRadius: sectionproperties.sectioncardborderradius + 'px',
+      width: sectionproperties.width + 'vw',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      borderRadius: sectionproperties.sectioncardborderradius + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class":
@@ -60231,13 +61257,10 @@ 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 px-md-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center px-md-0 ',
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
-      borderRadius: sectionproperties.reservation_borderradius + 'px',
-      paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
-      paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px'
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
@@ -60254,7 +61277,6 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     style: {
       position: 'relative',
       justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
-      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
       fontSize: sectionproperties.sectionTitleFontSize + 'px',
       backgroundColor: sectionproperties.sectiontitlebgcolor,
       borderRadius: sectionproperties.sectiontitleborderradius + 'px',
@@ -60318,7 +61340,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.btn2) + ' m-md-0 ',
+    "class": "".concat(section_styles.btn) + ' m-md-0 ',
     onClick: function onClick() {
       if (sectionproperties.btntype == 'WhatsApp') {
         var _authdetailsContext$i9;
@@ -60337,27 +61359,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       marginLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
       marginRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), sectionproperties.showbtn2 == 'Show' && /*#__PURE__*/React.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", {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__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',
@@ -60367,10 +61369,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$i13;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.facebooklink) != null) {
-        var _authdetailsContext$i14;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.facebooklink, '_blank');
+      var _authdetailsContext$i11;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.facebooklink) != null) {
+        var _authdetailsContext$i12;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
@@ -60378,10 +61380,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$i15;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.instagramlink) != null) {
-        var _authdetailsContext$i16;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.instagramlink, '_blank');
+      var _authdetailsContext$i13;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instagramlink) != null) {
+        var _authdetailsContext$i14;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -60389,10 +61391,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$i17;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.whatsappnumber) != null) {
-        var _authdetailsContext$i18;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.whatsappnumber), '_blank');
+      var _authdetailsContext$i15;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.whatsappnumber) != null) {
+        var _authdetailsContext$i16;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -60406,11 +61408,10 @@ 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 mb-md-3 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 mb-md-3 ',
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
-      borderRadius: sectionproperties.reservation_borderradius + 'px'
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
@@ -60493,10 +61494,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     "class": "".concat(section_styles.btn) + ' m-md-0 ',
     onClick: function onClick() {
       if (sectionproperties.btntype == 'WhatsApp') {
-        var _authdetailsContext$i19;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.whatsappnumber) != null) {
-          var _authdetailsContext$i20;
-          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.whatsappnumber), '_blank');
+        var _authdetailsContext$i17;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.whatsappnumber) != null) {
+          var _authdetailsContext$i18;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.whatsappnumber), '_blank');
         }
       } else if (sectionproperties.btntype == 'App/Web Page') {
         // window.open(sectionproperties.btnlink, '_target');
@@ -60519,10 +61520,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$i21;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.facebooklink) != null) {
-        var _authdetailsContext$i22;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.facebooklink, '_blank');
+      var _authdetailsContext$i19;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.facebooklink) != null) {
+        var _authdetailsContext$i20;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
@@ -60530,10 +61531,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$i23;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.instagramlink) != null) {
-        var _authdetailsContext$i24;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.instagramlink, '_blank');
+      var _authdetailsContext$i21;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.instagramlink) != null) {
+        var _authdetailsContext$i22;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -60541,10 +61542,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$i25;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.whatsappnumber) != null) {
-        var _authdetailsContext$i26;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.whatsappnumber), '_blank');
+      var _authdetailsContext$i23;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.whatsappnumber) != null) {
+        var _authdetailsContext$i24;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -60558,13 +61559,10 @@ 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 px-md-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center px-md-0 ',
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
-      borderRadius: sectionproperties.reservation_borderradius + 'px',
-      paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
-      paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px'
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
@@ -60644,13 +61642,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.btn2) + ' m-md-0 ',
+    "class": "".concat(section_styles.btn) + ' m-md-0 ',
     onClick: function onClick() {
       if (sectionproperties.btntype == 'WhatsApp') {
-        var _authdetailsContext$i27;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.whatsappnumber) != null) {
-          var _authdetailsContext$i28;
-          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.whatsappnumber), '_blank');
+        var _authdetailsContext$i25;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.whatsappnumber) != null) {
+          var _authdetailsContext$i26;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.whatsappnumber), '_blank');
         }
       } else if (sectionproperties.btntype == 'App/Web Page') {
         // window.open(sectionproperties.btnlink, '_target');
@@ -60663,27 +61661,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       marginLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
       marginRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), /*#__PURE__*/React.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", {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__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',
@@ -60693,10 +61671,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$i31;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.facebooklink) != null) {
-        var _authdetailsContext$i32;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.facebooklink, '_blank');
+      var _authdetailsContext$i27;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.facebooklink) != null) {
+        var _authdetailsContext$i28;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
@@ -60704,10 +61682,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$i33;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.instagramlink) != null) {
-        var _authdetailsContext$i34;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.instagramlink, '_blank');
+      var _authdetailsContext$i29;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.instagramlink) != null) {
+        var _authdetailsContext$i30;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -60715,10 +61693,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$i35;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.whatsappnumber) != null) {
-        var _authdetailsContext$i36;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.whatsappnumber), '_blank');
+      var _authdetailsContext$i31;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.whatsappnumber) != null) {
+        var _authdetailsContext$i32;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -60818,10 +61796,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     "class": "".concat(section_styles.btn) + ' m-md-0 ',
     onClick: function onClick() {
       if (sectionproperties.btntype == 'WhatsApp') {
-        var _authdetailsContext$i37;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.whatsappnumber) != null) {
-          var _authdetailsContext$i38;
-          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.whatsappnumber), '_blank');
+        var _authdetailsContext$i33;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.whatsappnumber) != null) {
+          var _authdetailsContext$i34;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.whatsappnumber), '_blank');
         }
       } else if (sectionproperties.btntype == 'App/Web Page') {
         // window.open(sectionproperties.btnlink, '_target');
@@ -60844,10 +61822,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$i39;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.facebooklink) != null) {
-        var _authdetailsContext$i40;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.facebooklink, '_blank');
+      var _authdetailsContext$i35;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.facebooklink) != null) {
+        var _authdetailsContext$i36;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
@@ -60855,10 +61833,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$i41;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i41 = authdetailsContext.instinfo) === null || _authdetailsContext$i41 === void 0 ? void 0 : _authdetailsContext$i41.instagramlink) != null) {
-        var _authdetailsContext$i42;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i42 = authdetailsContext.instinfo) === null || _authdetailsContext$i42 === void 0 ? void 0 : _authdetailsContext$i42.instagramlink, '_blank');
+      var _authdetailsContext$i37;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.instagramlink) != null) {
+        var _authdetailsContext$i38;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -60866,10 +61844,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$i43;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i43 = authdetailsContext.instinfo) === null || _authdetailsContext$i43 === void 0 ? void 0 : _authdetailsContext$i43.whatsappnumber) != null) {
-        var _authdetailsContext$i44;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i44 = authdetailsContext.instinfo) === null || _authdetailsContext$i44 === void 0 ? void 0 : _authdetailsContext$i44.whatsappnumber), '_blank');
+      var _authdetailsContext$i39;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.whatsappnumber) != null) {
+        var _authdetailsContext$i40;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -60936,7 +61914,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; }
@@ -61163,7 +62141,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 ',
+    "class": ' row ml-0 mr-0 align-items-center w-md-100 ',
     style: {
       width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
@@ -61269,7 +62247,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-4 col-md-12 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start"
+      "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start"
     }, /*#__PURE__*/React.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',
@@ -61293,7 +62271,7 @@ var Servicesection = function Servicesection(props) {
           window.open(cardinfoitem.btnlink, '_blank');
         }
       }
-    }, /*#__PURE__*/React.createElement("div", {
+    }, sectionproperties.image_show == 'show' && /*#__PURE__*/React.createElement("div", {
       "class": "d-flex d-sm-none",
       style: {
         width: sectionproperties.image_width + 'px',
@@ -61311,7 +62289,7 @@ var Servicesection = function Servicesection(props) {
         width: '100%',
         objectFit: 'cover'
       }
-    })), /*#__PURE__*/React.createElement("div", {
+    })), sectionproperties.image_show == 'show' && /*#__PURE__*/React.createElement("div", {
       "class": "d-none d-sm-flex mt-auto mb-auto",
       style: {
         width: 35,
@@ -61360,89 +62338,22 @@ var Servicesection = function Servicesection(props) {
 
 function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-// const minuteSeconds = 60;
-// const hourSeconds = 3600;
-// const daySeconds = 86400;
-
-// const timerProps = {
-//     isPlaying: true,
-//     size: 120,
-//     strokeWidth: 6,
-// };
-
-var formatTime = function formatTime(time) {
-  var days = Math.floor(time / (60 * 60 * 24));
-  var hours = Math.floor(time % (60 * 60 * 24) / (60 * 60));
-  var minutes = Math.floor(time % (60 * 60) / 60);
-  var seconds = time % 60;
-  return {
-    days: days,
-    hours: hours,
-    minutes: minutes,
-    seconds: seconds
-  };
-};
-// const renderTime = (dimension, time) => {
-//     return (
-// <div className="time-wrapper">
-//     <div className="time">{time}</div>
-//     <div>{dimension}</div>
-// </div>
-//     );
-// };
-
-// const getTimeSeconds = (time) => (minuteSeconds - time) | 0;
-// const getTimeMinutes = (time) => ((time % hourSeconds) / minuteSeconds) | 0;
-// const getTimeHours = (time) => ((time % daySeconds) / hourSeconds) | 0;
-// const getTimeDays = (time) => (time / daySeconds) | 0;
-
 var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   var _maincontainerarrayof;
-  var targetStartDate = new Date('2024-12-16T12:00:00');
-  var _useState = useState(0),
+  var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
-    remainingTimeInSeconds = _useState2[0],
-    setRemainingTimeInSeconds = _useState2[1];
-  var _useState3 = useState(''),
+    sectionproperties = _useState2[0],
+    setsectionproperties = _useState2[1];
+  var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
-    sectionproperties = _useState4[0],
-    setsectionproperties = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    cardsarray = _useState6[0],
-    setcardsarray = _useState6[1];
+    cardsarray = _useState4[0],
+    setcardsarray = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var routingcountext = props.actions.routingcountext;
   var authdetailsContext = props.actions.authdetailsContext;
-
-  // const remainingTime = endTime - stratTime;
-  // // const days = Math.ceil(remainingTime / daySeconds);
-  // const daysDuration = days * daySeconds;
-  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) {
@@ -61464,6 +62375,10 @@ 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);
@@ -61568,7 +62483,6 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }),
     cardContainer: css({
-      background: sectionproperties.reservation_bgcolor,
       ':hover .imageContainer': {
         transition: '.3s',
         backgroundColor: sectionproperties.activedotcolor
@@ -61576,9 +62490,6 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       ':hover .text1Styles': {
         transition: '.3s',
         color: sectionproperties.text1secondarycolor
-      },
-      ':hover': {
-        background: sectionproperties.innersectionbgcolorhover
       }
     }),
     btnstyles: css({
@@ -61587,7 +62498,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': {
@@ -61659,22 +62570,18 @@ 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-column allcentered",
+    "class": "d-flex align-items-center flex-row allcentered",
     style: {
       position: 'relative',
       width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
     }
-  }, /*#__PURE__*/React.createElement("p", {
+  }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
+    "class": sectionStyles.line_left
+  }), /*#__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 Under Text' && /*#__PURE__*/React.createElement("span", {
-    style: {
-      width: '50%',
-      background: sectionproperties.linebgcolor,
-      height: 3,
-      borderRadius: 10,
-      marginTop: 5
-    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("span", {
+    "class": sectionStyles.line_right
   })))), 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: {
@@ -61686,215 +62593,10 @@ 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)), 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) {
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
     var _authdetailsContext$i;
     return /*#__PURE__*/React.createElement("div", {
-      "class": 'col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 omancard col-sm-' + sectionproperties.numberOfColsverticalresp,
+      "class": sectionproperties.numofcols == '2' ? 'col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? 'col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : 'col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp,
       style: {
         zIndex: 2,
         paddingLeft: sectionproperties.marginhorizontal + 'px',
@@ -61904,37 +62606,20 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto ',
       style: {
         cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
+        background: sectionproperties.reservation_bgcolor,
         paddingTop: sectionproperties.reservation_padding_top + 'px',
         paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
         paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
         paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
         borderRadius: sectionproperties.reservation_borderradius + 'px',
-        border: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '',
-        // sectionproperties.innersectionbordertype == 'All'
-        //     ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
-        //     : cardinfoindex != cardsarray.length - 1
-        //     ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
-        //     : '',
+        border: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '',
         // cardinfoindex != cardsarray.length - 1
         //     ? sectionproperties.innersectionbordertype == 'All'
         //         ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
         //         : ''
         //     : '',
-        // borderRight:
-        //     cardinfoindex != cardsarray.length - 1
-        //         ? sectionproperties.innersectionbordertype == 'Right'
-        //             ? langdetect == 'en'
-        //                 ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
-        //                 : ''
-        //             : ''
-        //         : '',
-        // borderLeft:
-        //     sectionproperties.innersectionbordertype == 'Right'
-        //         ? langdetect == 'ar'
-        //             ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
-        //             : ''
-        //         : '',
-        borderRight: sectionproperties.innersectionbordertype != 'All' && cardinfoindex != cardsarray.length - 1 ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
+        borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
+        borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
         boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor,
         height: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '66b4a0338cb14' ? '100%' : ''
       },
@@ -62057,7 +62742,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   ";
@@ -68904,22 +69589,6 @@ var Card23 = function Card23(props) {
         minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
         maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
       }
-    }),
-    pillcont: css({
-      position: 'absolute',
-      top: sectionproperties.counterposition == 'Top' ? sectionproperties.pillpositionfromtop + 'px' : '',
-      bottom: sectionproperties.counterposition == 'Bottom' ? sectionproperties.pillpositionfromtop + 'px' : '',
-      left: sectionproperties.pillpositionfromright + 'px',
-      width: sectionproperties.pillwidth + 'px',
-      height: sectionproperties.pillheight + 'px',
-      background: sectionproperties.pillbgcolor,
-      borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
-      display: item.defaultprice == 0 && item.defaultsaleprice == 0 ? 'none' : 'flex',
-      '@media (max-width: 800px)': {
-        top: sectionproperties.counterposition == 'Top' ? '7px' : '',
-        // bottom: sectionproperties.counterposition == 'Bottom' ?  '7px' : '',
-        left: '7px'
-      }
     })
   };
   var plainString = function plainString(html) {
@@ -69002,8 +69671,18 @@ var Card23 = function Card23(props) {
         fontSize: sectionproperties.badge_fontsize + 'px'
       }
     }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
-      "class": cardsstyles2.pillcont + ' align-items-center justify-content-center ',
-      style: {}
+      "class": "align-items-center justify-content-center",
+      style: {
+        position: 'absolute',
+        top: sectionproperties.counterposition == 'Top' ? sectionproperties.pillpositionfromtop + 'px' : '',
+        bottom: sectionproperties.counterposition == 'Bottom' ? sectionproperties.pillpositionfromtop + 'px' : '',
+        left: sectionproperties.pillpositionfromright + 'px',
+        width: sectionproperties.pillwidth + 'px',
+        height: sectionproperties.pillheight + 'px',
+        background: sectionproperties.pillbgcolor,
+        borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
+        display: item.defaultprice == 0 && item.defaultsaleprice == 0 ? 'none' : 'flex'
+      }
     }, /*#__PURE__*/React.createElement("p", {
       "class": "m-0 p-0 text-uppercase",
       style: {
@@ -69045,7 +69724,7 @@ var Card23 = function Card23(props) {
     AddtoCartContext(tempaddtocardpayloadobj);
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": props.sectiontypeprops2 == 'vertical' ? sectionproperties.card_marginLeft != 0 ? "".concat(cardsstyles2.productcard) + ' w-100 px-md-1 ' : "".concat(cardsstyles2.productcard) + ' w-100 px-md-0 ' : " ".concat(cardsstyles2.productcard),
+    "class": props.sectiontypeprops2 == 'vertical' ? "".concat(cardsstyles2.productcard) + ' w-100 px-md-1 ' : " ".concat(cardsstyles2.productcard),
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
@@ -69160,12 +69839,18 @@ var Card23 = function Card23(props) {
     // sectionproperties.hideshowcardtransition == 'Show'
     //     ? ` ${cardsstyles2.imageContainer} ${cardstyles.imagecontainer}` + ' d-flex d-md-none '
     //     : ` ${cardsstyles2.imageContainer} ` + ' d-flex d-md-none '
-    sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex ',
+    sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex d-md-none ',
     style: {
       height: sectionproperties.image_height + 'px',
       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',
@@ -69712,7 +70397,8 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       functype: 'add',
       productid: item.productid,
       variantid: '',
-      quantity: item.quantity
+      quantity: item.quantity,
+      vendorid: item.vendorid
     };
     var runfunc = false;
     if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
@@ -69748,7 +70434,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
       transition: '.3s',
       ':hover': {
-        zIndex: 1000
+        // zIndex: 1000,
       }
     }),
     productNameStyles: css({
@@ -69823,7 +70509,10 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
       background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
-      opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' ? 0.4 : 1
+      opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' ? 0.4 : 1,
+      '@media (max-width: 800px)': {
+        height: sectionproperties.height_responsive + 'px'
+      }
     }),
     quantitybtn: css({
       flex: 1,
@@ -69902,7 +70591,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
         return /*#__PURE__*/React.createElement("div", {
           "class": ' d-flex align-items-center justify-content-center '
         }, /*#__PURE__*/React.createElement(CircularProgress, {
-          color: "white",
+          color: sectionproperties.cartBtnTextcolor,
           width: "20px",
           height: "20px",
           duration: "1s"
@@ -70028,7 +70717,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  })))), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React.createElement("div", {
+  })))), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.prodsalePriceshow == 'Show' && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "allcentered",
     style: {
       position: 'absolute',
@@ -70045,7 +70734,38 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       color: sectionproperties.badge_color,
       fontSize: sectionproperties.badge_fontsize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'absolute',
+      top: sectionproperties.pillpositionfromtop + 'px',
+      left: sectionproperties.pillpositionfromright + 'px',
+      // right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
+      zIndex: 3
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.pillwidth == 0 ? ' px-2 allcentered' : 'allcentered',
+    style: {
+      zIndex: 2,
+      width: sectionproperties.pillwidth == 0 ? 'auto' : sectionproperties.pillwidth + 'px',
+      height: sectionproperties.pillheight + 'px',
+      background: sectionproperties.pillbgcolor,
+      borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
+    }
+  }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      color: sectionproperties.pillcolor,
+      fontSize: sectionproperties.pillfontSize + 'px',
+      direction: 'ltr'
+    }
+  }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 text-uppercase",
+    style: {
+      color: sectionproperties.pillcolor,
+      fontSize: sectionproperties.pillfontSize + 'px',
+      direction: 'ltr'
+    }
+  }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname))), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(cardsstyles2.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
@@ -71186,7 +71906,7 @@ var Categorycard_withtext = function Categorycard_withtext(props) {
       fontWeight: sectionproperties.generaltext_fontWeight,
       transition: '.3s',
       cursor: 'pointer',
-      zIndex: 1000,
+      zIndex: 100,
       ':hover': {
         color: sectionproperties.text_secondarycolor
       }
@@ -71205,7 +71925,7 @@ var Categorycard_withtext = function Categorycard_withtext(props) {
       textTransform: sectionproperties.generalbtn_texttransform,
       opacity: sectionproperties.generalbtn_showonhover == 'Show On Hover' ? 0 : 1,
       top: sectionproperties.generalbtn_showonhover == 'Show On Hover' ? '100px' : 0,
-      zIndex: 1000,
+      zIndex: 100,
       ':hover': {
         backgroundColor: sectionproperties.generalbtn_bgColoronhover,
         color: sectionproperties.generalbtn_textColoronhover,
@@ -71463,7 +72183,7 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     style: {
       display: 'flex',
       justifyContent: sectionproperties.generaltext_position == 'Centered' ? 'center' : 'start',
-      zIndex: 10000
+      zIndex: 10
     }
   }, /*#__PURE__*/React.createElement("p", {
     "class": card_cssstyles.categoryname + ' m-0 p-0 categoryname wordbreak wordbreak1 wordbreak-md-2 ',
@@ -71475,7 +72195,7 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     "class": "".concat(cardstyles$1.buttons_container) + ' m-0 p-0 '
   }, /*#__PURE__*/React.createElement("li", {
     style: {
-      zIndex: 10000
+      zIndex: 10
     },
     "class": langdetect == 'en' ? 'ml-4 cursor-pointer ' : 'mr-4 cursor-pointer ',
     onClick: function onClick(e) {
@@ -71612,7 +72332,8 @@ var Classiccategorycard = function Classiccategorycard(props) {
       width: '100%',
       bottom: sectionproperties.generaltext_position == 'Centered' ? '50%' : '7%',
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      left: 0
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.textContainer, " ") + ' allcentered pl-2 pr-2 '
@@ -72003,11 +72724,6 @@ 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',
@@ -72239,7 +72955,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 '
+    "class": "".concat(card_cssstyles.productcard) + ' w-100 pl-sm-0 pr-sm-0 px-sm-2 '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row w-100 m-0 d-flex"
   }, sectionproperties.image_show == 'show' && /*#__PURE__*/React.createElement("div", {
@@ -72250,7 +72966,7 @@ var MenuCard = function MenuCard(props) {
         routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
       }
     },
-    "class": langdetect == 'en' ? "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start mr-2 ' : "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start ml-2 ',
+    "class": langdetect == 'en' ? "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start mr-2 m-sm-0 ' : "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start ml-2 m-sm-0 ',
     style: {}
   }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -72283,12 +72999,25 @@ var MenuCard = function MenuCard(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, 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 ',
+  }, 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 ',
     style: {
-      textAlign: langdetect == 'en' ? 'left' : 'right'
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: item.shortdescription
     }
-  }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)))), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex',
       flexDirection: 'column',
@@ -72296,16 +73025,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-row justify-content-end justify-content-sm-start"
+    "class": "row m-0 w-100 d-flex flex-column flex-sm-column justify-content-end justify-content-sm-start"
   }, sectionproperties.prodPriceShow == 'Show' && sectionproperties.removedecimals == 'Show' && /*#__PURE__*/React.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 ' : "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 '
+    "class": langdetect == 'en' ? "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 m-sm-0 ' : "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 m-sm-0 '
   }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && sectionproperties.removedecimals == 'Hide' && /*#__PURE__*/React.createElement("p", {
-    "class": langdetect == 'en' ? "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 ' : "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 '
-  }, langdetect == 'en' ? 'EGP' : '', parseFloat(Number(item.defaultprice).toFixed(2)), " ", langdetect == 'en' ? '' : 'ج.م')), sectionproperties.quantitybtn_show == 'hide' && sectionproperties.favBtnShow == 'Hide' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": langdetect == 'en' ? "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 m-sm-0 ' : "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 m-sm-0 '
+  }, langdetect == 'en' ? 'EGP' : '', " ", parseFloat(Number(item.defaultprice).toFixed(2)), " ", langdetect == 'en' ? '' : 'ج.م')), sectionproperties.quantitybtn_show == 'hide' && sectionproperties.favBtnShow == 'Hide' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.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"
@@ -76651,7 +77380,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   props.actions.NotificationManager;
   var AddtoCartContext = props.actions.AddtoCartContext;
-  var AddtoCartMutationContext = props.AddtoCartMutationContext;
+  var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
   var _useState5 = useState(''),
     _useState6 = _slicedToArray(_useState5, 2),
     addtocardpayloadobj = _useState6[0];
@@ -77252,7 +77981,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
-  }, plainString(item.shortdescription)), /*#__PURE__*/React.createElement("div", {
+  }, plainString(item.description)), /*#__PURE__*/React.createElement("div", {
     style: {
       flexDirection: 'column'
     },
@@ -78637,9 +79366,7 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
     "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 ' : " ".concat(card_cssstyles.productcard),
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
-      minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
-      maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px'
+      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": ' cursor-pointer w-100 ',