tabexseriescomponents 0.0.707 → 0.0.708

package/dist/index.cjs.js

@@ -116,7 +116,9 @@ var VscHeart = require('@react-icons/all-files/vsc/VscHeart');
 var IoSearchOutline = require('@react-icons/all-files/io5/IoSearchOutline');
 var AiFillYoutube = require('@react-icons/all-files/ai/AiFillYoutube');
 var IoLogoTiktok = require('@react-icons/all-files/io5/IoLogoTiktok');
+var FaLinkedinIn = require('@react-icons/all-files/fa/FaLinkedinIn');
 var FiMenu = require('@react-icons/all-files/fi/FiMenu');
+var BsChevronDown = require('@react-icons/all-files/bs/BsChevronDown');
 var IoClose = require('@react-icons/all-files/io5/IoClose');
 var BiSearch = require('@react-icons/all-files/bi/BiSearch');
 var FiUser = require('@react-icons/all-files/fi/FiUser');
@@ -128,10 +130,9 @@ var BsSearch = require('@react-icons/all-files/bs/BsSearch');
 var AiOutlinePhone = require('@react-icons/all-files/ai/AiOutlinePhone');
 var GoSearch = require('@react-icons/all-files/go/GoSearch');
 var AiOutlineInstagram = require('@react-icons/all-files/ai/AiOutlineInstagram');
-var BsChevronDown = require('@react-icons/all-files/bs/BsChevronDown');
+var MdKeyboardArrowUp = require('@react-icons/all-files/md/MdKeyboardArrowUp');
 var RiUserSettingsLine = require('@react-icons/all-files/ri/RiUserSettingsLine');
 var HiUserCircle = require('@react-icons/all-files/hi/HiUserCircle');
-var MdKeyboardArrowUp = require('@react-icons/all-files/md/MdKeyboardArrowUp');
 var BsInfoCircle = require('@react-icons/all-files/bs/BsInfoCircle');
 var AiFillPhone = require('@react-icons/all-files/ai/AiFillPhone');
 var FaTelegramPlane = require('@react-icons/all-files/fa/FaTelegramPlane');
@@ -140,7 +141,6 @@ var FaPhone = require('@react-icons/all-files/fa/FaPhone');
 var FiGlobe = require('@react-icons/all-files/fi/FiGlobe');
 var BiUserCircle = require('@react-icons/all-files/bi/BiUserCircle');
 var GoLocation = require('@react-icons/all-files/go/GoLocation');
-var FaLinkedinIn = require('@react-icons/all-files/fa/FaLinkedinIn');
 var RiRoadMapLine = require('@react-icons/all-files/ri/RiRoadMapLine');
 var HiOutlineClock = require('@react-icons/all-files/hi/HiOutlineClock');
 var AiOutlineLinkedin = require('@react-icons/all-files/ai/AiOutlineLinkedin');
@@ -149,7 +149,6 @@ var FaArrowAltCircleLeft = require('@react-icons/all-files/fa/FaArrowAltCircleLe
 var Select$5 = require('react-select');
 var GoStar = require('@react-icons/all-files/go/GoStar');
 var IoIosStar = require('@react-icons/all-files/io/IoIosStar');
-var reactCountdownCircleTimer = require('react-countdown-circle-timer');
 var BackgroundSlideshow = require('react-background-slideshow');
 var _extends = require('@babel/runtime/helpers/extends');
 var reactSlideshowImage = require('react-slideshow-image');
@@ -2409,7 +2408,7 @@ var DescriptionContent = function DescriptionContent(props) {
 function ownKeys$2u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2u(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58;
+  var _authdetailsContext$i, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _authdetailsContext$i2, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -2600,7 +2599,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' col-lg-12 p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '673ca821296ee' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
     style: {
       minHeight: sectionproperties.height + 'vh'
@@ -2735,7 +2734,7 @@ var Product_itemtype = function Product_itemtype(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right',
       fontWeight: 400,
       color: sectionproperties.measurementunitcolor,
-      fontSize: sectionproperties.measurementunitfontsize + 'px'
+      fontSize: sectionproperties.measurementunitcolor + 'px'
     }
   }, fetchProductInfoQueryContext.data.data.productinfo.measurmentunit)), sectionproperties.quantityshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 text-start"
@@ -2853,14 +2852,9 @@ var Product_itemtype = function Product_itemtype(props) {
     return /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("th", {
       style: {
         textTransform: 'capitalize',
-        color: '#000',
-        textAlign: langdetect == 'en' ? 'left' : 'right'
+        color: '#000'
       }
-    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar), /*#__PURE__*/React__default["default"].createElement("td", {
-      style: {
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar));
+    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar), /*#__PURE__*/React__default["default"].createElement("td", null, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar));
   }))))), sectionproperties.defaultpricingposition == 'Under Name' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
     actions: props.actions
   }), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.short_description_en) != null && sectionproperties.descriptionstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3747,7 +3741,109 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "my-3"
   })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 allcentered mt-2"
-  }, ShareButtonsContainer()))))))));
+  }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '673ca821296ee' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
+    style: {
+      minHeight: sectionproperties.height + 'vh'
+      // paddingLeft: srcfromprops == 'templatedraftrouter' ? 0 : langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      // paddingRight: srcfromprops == 'templatedraftrouter' ? 0 : langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered p-0 mb-2"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-100 h-100",
+    style: {}
+  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer59 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : _fetchProductInfoQuer59.productmainimage),
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    },
+    loading: "lazy"
+  }))), sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center mb-2 mt-3'
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: ' m-0 p-0 wordbreak d-flex justify-content-start ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: 400,
+      color: sectionproperties.measurementunitcolor,
+      fontSize: sectionproperties.measurementunitfontsize + 'px'
+    }
+  }, fetchProductInfoQueryContext.data.data.productinfo.measurmentunit)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: props.srcfromprops != 'templatedraftrouter' ? "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer  font-sm-15 ' : "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start font-sm-15 ',
+    onClick: function onClick() {
+      if (props.srcfromprops != 'templatedraftrouter') {
+        routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
+      }
+    },
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 col-md-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      fontSize: sectionproperties.prodCatFontSize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.shortdescriptiontitle_en : sectionproperties.shortdescriptiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 mt-3"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'm-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      color: sectionproperties.prodCatColor
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer60 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.productinfo) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.productinfo) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : _fetchProductInfoQuer61.short_description_ar
+    }
+  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 my-4"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer62 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productimages) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : _fetchProductInfoQuer62.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer63 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.productinfo) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.productimages.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-4 col-sm-12"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": '  mx-2 w-100 h-100',
+      style: {}
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: '/tr:w-500,h-500/' + item.path,
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'contain'
+      },
+      loading: "lazy"
+    })));
+  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 my-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'text-black m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.productinfo) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : _fetchProductInfoQuer64.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer65 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : _fetchProductInfoQuer65.description_ar
+    }
+  }))))));
 };
 
 function ownKeys$2t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -6611,7 +6707,8 @@ var Productinfo = function Productinfo(props) {
           borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
           borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
           borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-          border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          borderBottom: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
           marginBottom: sectionproperties.relatedProductsMb + 'px'
         }
       }, Relatedproducts.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11186,7 +11283,7 @@ var Checkout = function Checkout(props) {
   }, /*#__PURE__*/React__default["default"].createElement("label", {
     className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
   }, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React__default["default"].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) {
@@ -15231,6 +15328,7 @@ var Select$1 = /*#__PURE__*/React__default["default"].lazy(function () {
 });
 var Filter$1 = function Filter(props) {
   var _css;
+  var FetchAllVendorsQuery = props.actions.FetchAllVendorsQuery;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   props.actions.productfiltercontext;
@@ -15251,10 +15349,21 @@ var Filter$1 = function Filter(props) {
     _useState2 = _slicedToArray__default["default"](_useState, 2);
     _useState2[0];
     _useState2[1];
-  var _useState3 = React.useState([]),
+  var _useState3 = React.useState({
+      min: '',
+      max: ''
+    }),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    productfeatuesarr = _useState4[0],
-    setproductfeatuesarr = _useState4[1];
+    pricevalue2 = _useState4[0],
+    setpricevalue2 = _useState4[1];
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    productfeatuesarr = _useState6[0],
+    setproductfeatuesarr = _useState6[1];
+  var _useState7 = React.useState([]),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    vendorarr = _useState8[0],
+    setvendorsarr = _useState8[1];
   var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
@@ -15263,41 +15372,50 @@ var Filter$1 = function Filter(props) {
   var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
   var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
   var fetchProductFeaturesQueryContext = props.actions.fetchProductFeaturesQueryContext;
-  var _useState5 = React.useState(''),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    sectionproperties = _useState6[0],
-    setsectionproperties = _useState6[1];
-  // const [instfilters, setinstfilters] = useState([...authdetailsContext.instinfo.instfilters]);
-  var _useState7 = React.useState([]),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    instfilters = _useState8[0],
-    setinstfilters = _useState8[1];
-  var _useState9 = React.useState([]),
+  var _useState9 = React.useState(''),
     _useState10 = _slicedToArray__default["default"](_useState9, 2),
-    collectionstobevisible = _useState10[0],
-    setcollectionstobevisible = _useState10[1];
+    sectionproperties = _useState10[0],
+    setsectionproperties = _useState10[1];
+  // const [instfilters, setinstfilters] = useState([...authdetailsContext.instinfo.instfilters]);
   var _useState11 = React.useState([]),
     _useState12 = _slicedToArray__default["default"](_useState11, 2),
-    instcollections = _useState12[0],
-    setinstcollections = _useState12[1];
+    instfilters = _useState12[0],
+    setinstfilters = _useState12[1];
   var _useState13 = React.useState([]),
     _useState14 = _slicedToArray__default["default"](_useState13, 2),
-    instcategories = _useState14[0],
-    setinstcategories = _useState14[1];
+    collectionstobevisible = _useState14[0],
+    setcollectionstobevisible = _useState14[1];
+  var _useState15 = React.useState([]),
+    _useState16 = _slicedToArray__default["default"](_useState15, 2),
+    instcollections = _useState16[0],
+    setinstcollections = _useState16[1];
+  var _useState17 = React.useState([]),
+    _useState18 = _slicedToArray__default["default"](_useState17, 2),
+    instcategories = _useState18[0],
+    setinstcategories = _useState18[1];
   // const [sortby, setSortby] = useState('Sort by');
-  var _useState15 = React.useState({
+  var _useState19 = React.useState({
       min: 0,
       max: 5
     }),
-    _useState16 = _slicedToArray__default["default"](_useState15, 2),
-    raterangevalue = _useState16[0],
-    setraterangevalue = _useState16[1];
+    _useState20 = _slicedToArray__default["default"](_useState19, 2),
+    raterangevalue = _useState20[0],
+    setraterangevalue = _useState20[1];
   var timeoutRef = React__default["default"].useRef(null);
-  var _useState17 = React.useState(''),
-    _useState18 = _slicedToArray__default["default"](_useState17, 2);
-    _useState18[0];
-    var setsortbycontext = _useState18[1];
-  var _useState19 = React.useState([{
+  var _useState21 = React.useState(''),
+    _useState22 = _slicedToArray__default["default"](_useState21, 2);
+    _useState22[0];
+    var setsortbycontext = _useState22[1];
+  var _useState23 = React.useState(''),
+    _useState24 = _slicedToArray__default["default"](_useState23, 2),
+    pricefrom = _useState24[0];
+    _useState24[1];
+  var _useState25 = React.useState(''),
+    _useState26 = _slicedToArray__default["default"](_useState25, 2),
+    priceto = _useState26[0];
+    _useState26[1];
+  props.actions.setfetchingtype;
+  var _useState27 = React.useState([{
       payloadvalue: 'sortprice',
       name: lang.price,
       filterarray: [{
@@ -15322,12 +15440,24 @@ var Filter$1 = function Filter(props) {
         isfilterselected: false
       }]
     }]),
-    _useState20 = _slicedToArray__default["default"](_useState19, 2),
-    otherfilters = _useState20[0];
-    _useState20[1];
+    _useState28 = _slicedToArray__default["default"](_useState27, 2),
+    otherfilters = _useState28[0];
+    _useState28[1];
   React.useEffect(function () {
     filterupdater();
   }, []);
+  React.useEffect(function () {
+    var _FetchAllVendorsQuery, _FetchAllVendorsQuery2;
+    if (FetchAllVendorsQuery !== null && FetchAllVendorsQuery !== void 0 && FetchAllVendorsQuery.isSuccess && (FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = _FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 ? void 0 : _FetchAllVendorsQuery.vendors) != undefined && (FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery2 = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery2 === void 0 || (_FetchAllVendorsQuery2 = _FetchAllVendorsQuery2.data) === null || _FetchAllVendorsQuery2 === void 0 || (_FetchAllVendorsQuery2 = _FetchAllVendorsQuery2.vendors) === null || _FetchAllVendorsQuery2 === void 0 ? void 0 : _FetchAllVendorsQuery2.length) != 0) {
+      var _FetchAllVendorsQuery3, _temp;
+      var temp = _toConsumableArray__default["default"](vendorarr);
+      temp = _toConsumableArray__default["default"](FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery3 = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery3 === void 0 || (_FetchAllVendorsQuery3 = _FetchAllVendorsQuery3.data) === null || _FetchAllVendorsQuery3 === void 0 ? void 0 : _FetchAllVendorsQuery3.vendors);
+      (_temp = temp) === null || _temp === void 0 || _temp.forEach(function (instfilteritem, instfilterindex) {
+        instfilteritem.isfilterselected = false;
+      });
+      setvendorsarr(_toConsumableArray__default["default"](temp));
+    }
+  }, [FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 ? void 0 : FetchAllVendorsQuery.isSuccess]);
   React.useEffect(function () {
     if (fetchproductoptionsQueryContext.isSuccess) {
       var _fetchproductoptionsQ;
@@ -15343,7 +15473,17 @@ var Filter$1 = function Filter(props) {
   React.useEffect(function () {
     if (fetchcollectionsQueryContext.isSuccess) {
       var _fetchcollectionsQuer;
-      setinstcollections(_toConsumableArray__default["default"](fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 || (_fetchcollectionsQuer = fetchcollectionsQueryContext.data) === null || _fetchcollectionsQuer === void 0 || (_fetchcollectionsQuer = _fetchcollectionsQuer.data) === null || _fetchcollectionsQuer === void 0 ? void 0 : _fetchcollectionsQuer.collections));
+      var tempcoll = fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 || (_fetchcollectionsQuer = fetchcollectionsQueryContext.data) === null || _fetchcollectionsQuer === void 0 || (_fetchcollectionsQuer = _fetchcollectionsQuer.data) === null || _fetchcollectionsQuer === void 0 ? void 0 : _fetchcollectionsQuer.collections;
+      var tempcollinfilter = [];
+      {
+        tempcoll === null || tempcoll === void 0 || tempcoll.map(function (collectionitem, collectionindex) {
+          if (collectionitem.isshowntocustomers == 1 && collectionitem.isinftiler == 1) {
+            tempcollinfilter.push(collectionitem);
+          }
+        });
+      }
+      setinstcollections([].concat(tempcollinfilter));
+      // setinstcollections([...fetchcollectionsQueryContext?.data?.data?.collections]);
     }
   }, [fetchcollectionsQueryContext.isSuccess]);
   // useEffect(() => {
@@ -16078,7 +16218,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__default["default"].createElement("div", {
+        }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
           style: {
             direction: 'ltr'
@@ -16501,10 +16641,10 @@ var Filter$1 = function Filter(props) {
       isSearchable: true
     })))));
   };
-  var _useState21 = React.useState(false),
-    _useState22 = _slicedToArray__default["default"](_useState21, 2),
-    checked = _useState22[0],
-    setChecked = _useState22[1];
+  var _useState29 = React.useState(false),
+    _useState30 = _slicedToArray__default["default"](_useState29, 2),
+    checked = _useState30[0],
+    setChecked = _useState30[1];
   // const queryParameters = new URLSearchParams(window.location.search);
   // useEffect(() => {
   //     // setsortbycontext('Sort By');
@@ -16861,7 +17001,48 @@ var Filter$1 = function Filter(props) {
     "class": "row m-0 w-100"
   }, CollectionsFilter()), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
-  }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.showvendorfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-2"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
+  }, langdetect == 'en' ? 'Brands' : 'الماركات')), vendorarr.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                                                        ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                                        ") + ' d-flex align-items-center pb-3 col-12 ',
+      onClick: function onClick() {
+        var _tempfetchproductsfil3;
+        var tempfetchproductsfilerobjcontext = _objectSpread$2b({}, ProductFilterObjContext);
+        // alert(JSON.stringify(tempfetchproductsfilerobjcontext));
+        tempfetchproductsfilerobjcontext.vendorsarr = [];
+        tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil3 = tempfetchproductsfilerobjcontext.vendorsarr) === null || _tempfetchproductsfil3 === void 0 || _tempfetchproductsfil3.push(item.vendorid);
+        setProductFilterObjContext(_objectSpread$2b({}, tempfetchproductsfilerobjcontext));
+        var temp = _toConsumableArray__default["default"](vendorarr);
+        temp === null || temp === void 0 || temp.forEach(function (instfilteritem, instfilterindex) {
+          instfilteritem.isfilterselected = false;
+        });
+        item.isfilterselected = true;
+        setvendorsarr(_toConsumableArray__default["default"](temp));
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "mr-2"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      className: "h-100 d-flex align-items-center"
+    }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
+      style: {
+        color: item.isfilterselected ? sectionproperties.activecat_color : ''
+      }
+    }, langdetect == 'en' ? item.vendorname : item.vendorname)));
+  }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12"
   }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
     show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
@@ -17036,7 +17217,175 @@ var Filter$1 = function Filter(props) {
     }
   })))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 pl-4 pr-4 '
-  }, sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-start p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "m-0 p-0 font-16 font-weight-600",
+    style: {
+      color: sectionproperties.filter_titlecolor,
+      fontSize: sectionproperties.filter_titlefontsize + 'px',
+      fontWeight: sectionproperties.filter_titlefontweight,
+      textTransform: sectionproperties.filter_titletextransform
+    }
+  }, langdetect == 'en' ? 'Sort By' : 'ترتيب حسب')), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12"
+  }, /*#__PURE__*/React__default["default"].createElement("hr", {
+    className: "mt-2 mb-3"
+  })), otherfilters.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-12 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+      allowMultipleExpanded: true,
+      allowZeroExpanded: true,
+      preExpanded: [0, 1, 2, 3],
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
+      uuid: index
+    }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3  '
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-10 col-md-10 col-sm-10 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 collapsetitle ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
+    }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-2 col-md-2 col-sm-2 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
+      if (state.expanded == true) {
+        return /*#__PURE__*/React__default["default"].createElement("i", {
+          className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+        }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
+      } else {
+        return /*#__PURE__*/React__default["default"].createElement("i", {
+          className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end   '
+        }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
+      }
+    }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
+      className: "p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: 'col-lg-12'
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
+    }, item.filterarray.map(function (valueitem, valueindex) {
+      var ischecked = false;
+      if (item.payloadvalue == 'sortprice') {
+        if (valueitem.value == ProductFilterObjContext.sortprice) {
+          ischecked = true;
+        }
+      } else if (item.payloadvalue == 'sortdates') {
+        if (valueitem.value == ProductFilterObjContext.sortdates) {
+          ischecked = true;
+        }
+      }
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                                                ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                                         \n                                                                            ") + ' d-flex align-items-center pb-3 ',
+        onClick: function onClick() {
+          var tempfetchproductsfilerobjcontext = _objectSpread$2b({}, ProductFilterObjContext);
+          if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
+            tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
+          } else {
+            tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
+          }
+          tempfetchproductsfilerobjcontext.page = 0;
+          setProductFilterObjContext(_objectSpread$2b({}, tempfetchproductsfilerobjcontext));
+          filterrouting(tempfetchproductsfilerobjcontext);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        className: "h-100 d-flex align-items-center"
+      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
+        style: {
+          color: ischecked ? sectionproperties.activecat_color : ''
+        }
+      }, valueitem.name)));
+    }))))))));
+  }), sectionproperties.showfilterbyrating == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 pl-4 pr-4"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3  '
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 p-0 mb-3"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 collapsetitle ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
+  }, langdetect == 'en' ? 'Ratings' : 'التقييمات')), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-4"
+  }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
+    draggableTrack: true,
+    formatLabel: function formatLabel(value) {
+      return "".concat(value);
+    },
+    maxValue: 5,
+    minValue: 0,
+    value: raterangevalue,
+    onChange: function onChange(value) {
+      setraterangevalue(_objectSpread$2b({}, value));
+    }
+  }))))), authdetailsContext.instinfo.instid == '673f49cede6cb' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 mb-3 mt-2"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-2"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
+  }, langdetect == 'en' ? 'Price' : 'السعر')), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: langdetect == 'en' ? 'col-6 pl-0 pr-1' : 'col-6 pr-0 pl-1'
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(filter_cssstyles.collapsetitle) + ' d-flex justify-content-start '
+  }, langdetect == 'en' ? 'From' : 'من'), /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "text",
+    value: pricevalue2.min,
+    onChange: function onChange(event) {
+      var temppricevalue = _objectSpread$2b({}, pricevalue2);
+      temppricevalue.min = event.target.value;
+      setpricevalue2(_objectSpread$2b({}, temppricevalue));
+      // var temppayloadobj = { ...pricefrom };
+      // temppayloadobj = event.target.value;
+      // setpricefrom({ ...temppayloadobj });
+    },
+    style: {
+      background: '#fff',
+      border: '1px solid #ccc',
+      borderRadius: 5,
+      color: '#000',
+      height: 35,
+      width: '100%',
+      paddingLeft: 10,
+      paddingRight: 10
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: langdetect == 'en' ? 'col-6 pr-0 pl-1' : 'col-6 pl-0 pr-1'
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(filter_cssstyles.collapsetitle) + ' d-flex justify-content-start '
+  }, langdetect == 'en' ? 'To' : 'إلى'), /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "text",
+    value: pricevalue2.max,
+    onChange: function onChange(event) {
+      // var temppayloadobj = { ...priceto };
+      // temppayloadobj = event.target.value;
+      // setpriceto({ ...temppayloadobj });
+      var temppricevalue = _objectSpread$2b({}, pricevalue2);
+      temppricevalue.max = event.target.value;
+      setpricevalue2(_objectSpread$2b({}, temppricevalue));
+    },
+    style: {
+      width: '100%',
+      background: '#fff',
+      border: '1px solid #ccc',
+      borderRadius: 5,
+      color: '#000',
+      height: 35,
+      paddingRight: 10,
+      paddingLeft: 10
+    }
+  }))), sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 mb-3"
   }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 mb-3"
@@ -17113,7 +17462,7 @@ var Filter$1 = function Filter(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
-  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+  }, sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
     allowMultipleExpanded: true,
     allowZeroExpanded: true,
     preExpanded: [0, 1, 2, 3],
@@ -17189,7 +17538,57 @@ var Filter$1 = function Filter(props) {
         }
       }, valueitem.name)));
     }));
-  }))))))), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))))), authdetailsContext.instinfo.instid == '673f49cede6cb' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 mb-3 mt-2 px-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-2"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
+  }, langdetect == 'en' ? 'Price' : 'السعر')), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: langdetect == 'en' ? 'col-6 pl-0 pr-1' : 'col-6 pr-0 pl-1'
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(filter_cssstyles.collapsetitle) + ' d-flex justify-content-start '
+  }, langdetect == 'en' ? 'From' : 'من'), /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "text",
+    value: pricefrom,
+    onChange: function onChange(event) {
+      var temppricevalue = _objectSpread$2b({}, pricevalue2);
+      temppricevalue.min = event.target.value;
+      setpricevalue2(_objectSpread$2b({}, temppricevalue));
+    },
+    style: {
+      background: '#fff',
+      border: '1px solid #ccc',
+      borderRadius: 5,
+      color: '#000',
+      height: 35,
+      width: '100%',
+      paddingLeft: 15,
+      paddingRight: 15
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: langdetect == 'en' ? 'col-6 pr-0 pl-1' : 'col-6 pl-0 pr-1'
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(filter_cssstyles.collapsetitle) + ' d-flex justify-content-start '
+  }, langdetect == 'en' ? 'To' : 'إلى'), /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "text",
+    value: priceto,
+    onChange: function onChange(event) {
+      var temppricevalue = _objectSpread$2b({}, pricevalue2);
+      temppricevalue.max = event.target.value;
+      setpricevalue2(_objectSpread$2b({}, temppricevalue));
+    },
+    style: {
+      width: '100%',
+      background: '#fff',
+      border: '1px solid #ccc',
+      borderRadius: 5,
+      color: '#000',
+      height: 35,
+      paddingLeft: 15,
+      paddingRight: 15
+    }
+  }))), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     className: "mt-2 mb-3"
@@ -17522,6 +17921,7 @@ var CardsSection = function CardsSection(props) {
     perpageItems = _useState14[0],
     setperpageItems = _useState14[1];
   var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
+  props.actions.authdetailsContext;
   React.useEffect(function () {
     var productfilerobjtemp = ProductFilterObjContext;
     if (props.filterparamsprops != undefined) {
@@ -17795,7 +18195,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 {
@@ -17806,6 +18206,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 {
@@ -17831,6 +18236,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;
@@ -17968,6 +18374,28 @@ var CardsSection = function CardsSection(props) {
     }
   }
   var section_cssstyles = {
+    btnnn: glamor.css({
+      width: '20%',
+      height: 40,
+      background: '#5c5c5c',
+      fontSize: 14,
+      fontWeight: 400,
+      color: 'white',
+      borderRadius: 10,
+      ':hover': {
+        color: 'white',
+        background: '#000',
+        transition: '.3s'
+      }
+    }),
+    titleee: glamor.css({
+      fontSize: 25,
+      color: '#000',
+      fontWeight: 600,
+      '@media (max-width: 800px)': {
+        fontSize: 20
+      }
+    }),
     sectioncontainerr: glamor.css({
       width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
@@ -18172,12 +18600,11 @@ var CardsSection = function CardsSection(props) {
   };
   var SectionTitle = function SectionTitle() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "d-flex align-items-center",
+      "class": "d-flex align-items-center flex-row",
       style: {
         position: 'relative',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
-        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
-        flexDirection: sectionproperties.sectiontitlestyle == 'Line Under Text' ? 'column' : 'row'
+        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
       }
     }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
       "class": section_cssstyles.line_left
@@ -18192,14 +18619,6 @@ var CardsSection = function CardsSection(props) {
       }
     }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
       "class": section_cssstyles.line_right
-    }), sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React__default["default"].createElement("span", {
-      style: {
-        width: '50%',
-        background: sectionproperties.linebgcolor,
-        height: 3,
-        borderRadius: 10,
-        marginTop: 5
-      }
     }));
   };
   var isCardsectionloading = function isCardsectionloading() {
@@ -18920,7 +19339,23 @@ var CardsSection = function CardsSection(props) {
     setopenFilterSlider: setopenFilterSlider,
     show_product_group_titles: show_product_group_titles,
     typeprops: 'vertical'
-  })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
+  })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender(), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered my-5"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered mb-3"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": section_cssstyles.titleee + ' m-0 p-0 ',
+    style: {}
+  }, langdetect == 'en' ? "Didn't find what you're looking for?" : 'مش لاقي اللي بتدور عليه؟')), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    "class": section_cssstyles.btnnn + ' w-md-100 ',
+    onClick: function onClick() {
+      routingcountext('inquiryform', false, '');
+    }
+  }, langdetect == 'en' ? 'Contact Us' : 'إتصل بنا'))))));
 };
 
 function ownKeys$28(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -22118,7 +22553,7 @@ var DownloadApp = function DownloadApp(props) {
 function ownKeys$1_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1_(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SocialMediaSection = function SocialMediaSection(props) {
-  var _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _authdetailsContext$i13;
+  var _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _authdetailsContext$i13, _authdetailsContext$i16;
   props.actions;
   props.actions.StatePagePropertiesContext;
   var _useState = React.useState({}),
@@ -22199,26 +22634,39 @@ var SocialMediaSection = function SocialMediaSection(props) {
     style: {
       fontSize: parseFloat(templateproperties_context.socialmediasectioniconfontsize) + 2 + 'px'
     }
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.socialmediaicon) + '  allcentered mx-2 cursor-pointer ',
     onClick: function onClick() {
       var _authdetailsContext$i11;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.tiktoklink) != null) {
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.linkedinlink) != null) {
         var _authdetailsContext$i12;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.tiktoklink, '_blank');
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.linkedinlink, '_blank');
       }
     }
-  }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
+  }, /*#__PURE__*/React__default["default"].createElement(FaLinkedinIn.FaLinkedinIn, {
     style: {
       fontSize: parseFloat(templateproperties_context.socialmediasectioniconfontsize) + 2 + 'px'
     }
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.socialmediaicon) + '  allcentered mx-2 cursor-pointer ',
     onClick: function onClick() {
       var _authdetailsContext$i14;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.whatsappnumber) != null) {
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink) != null) {
         var _authdetailsContext$i15;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.whatsappnumber), '_blank');
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.tiktoklink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
+    style: {
+      fontSize: parseFloat(templateproperties_context.socialmediasectioniconfontsize) + 2 + 'px'
+    }
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.socialmediaicon) + '  allcentered mx-2 cursor-pointer ',
+    onClick: function onClick() {
+      var _authdetailsContext$i17;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.whatsappnumber) != null) {
+        var _authdetailsContext$i18;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -22231,10 +22679,10 @@ var SocialMediaSection = function SocialMediaSection(props) {
 function ownKeys$1Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
-  var _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;
@@ -22242,12 +22690,12 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   var setlang = props.actions.setlang;
   var templatepropcontext = props.actions.templatepropcontext;
   var authdetailsContext = props.actions.authdetailsContext;
-  props.actions.fetchcustomercartQueryContext;
+  var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
   var templateproperties_context = props.actions.templateproperties_context;
   props.actions.favoriteprojectscountContext;
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-  props.actions.setcurrencyfunccontext;
+  var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
   var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var _useState = React.useState(''),
@@ -22467,6 +22915,47 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     });
     return policyobj;
   };
+  var CartButton = function CartButton() {
+    var _fetchcustomercartQue2, _fetchcustomercartQue3;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "d-flex align-items-center",
+      style: {
+        position: 'relative'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("button", {
+      className: "".concat(header_cssstyles.addtocartbtn_resp) + ' d-flex align-items-center justify-content-center p-0 ',
+      onClick: function onClick() {
+        var _fetchcustomercartQue;
+        if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.customercart) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.cartitems) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.length) > 7) {
+          routingcountext(StaticPagesLinksContext.viewcart);
+        } else {
+          setsidecartnavshowcontext(true);
+        }
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      className: ' h-100 d-flex align-items-center justify-content-center '
+    }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
+      size: sectionproperties.cartBtniconresp_size
+    }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(header_cssstyles.badge_counter_header_notifications),
+      style: {
+        top: sectionproperties.cartbadgefromtop + 'px',
+        right: sectionproperties.cartbadgefromright + 'px'
+      }
+    }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0));
+  };
   var _useState15 = React.useState(false),
     _useState16 = _slicedToArray__default["default"](_useState15, 2),
     openmenuCanvas = _useState16[0],
@@ -22541,10 +23030,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-md-6 col-sm-8 d-flex filter align-items-center p-0"
-  }, InstLogoContainer()), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-md-6 col-sm-4 text-end p-0"
+  }, sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-md-4 col-sm-3 text-start p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {}
   }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -22570,7 +23057,158 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }), menuactive == true && /*#__PURE__*/React__default["default"].createElement(AiOutlineClose.AiOutlineClose, {
     size: sectionproperties.resp_sidenav_size,
     color: sectionproperties.resp_sidenav_color
-  })))), menuactive == true && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: '30px',
+      height: sectionproperties.cart_BtnHeight_resp + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered",
+    onClick: function onClick() {
+      setopenSearch(true);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
+    size: 22,
+    color: sectionproperties.cart_BtnTextcolor_resp
+  })))), sectionproperties.logocentered == 'Not Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-md-6 col-sm-6 d-flex filter align-items-center p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: sectionproperties.cart_BtnWidth_resp + 'px',
+      height: sectionproperties.cart_BtnHeight_resp + 'px'
+    },
+    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": ' h-100 allcentered ',
+    style: {
+      color: sectionproperties.cart_BtnTextcolor_resp
+    },
+    onClick: function onClick() {
+      if (sectionproperties.responsiveheaderstyle == 'Style 2') {
+        if (menuactive == true) {
+          setmenuactive(false);
+        } else {
+          setmenuactive(true);
+        }
+      } else {
+        setopenmenuCanvas(true);
+        setactiveTab('menu');
+      }
+    }
+  }, menuactive == false && /*#__PURE__*/React__default["default"].createElement(FiMenu.FiMenu, {
+    size: 20,
+    color: sectionproperties.cart_BtnTextcolor_resp
+  }), menuactive == true && /*#__PURE__*/React__default["default"].createElement(AiOutlineClose.AiOutlineClose, {
+    size: 20,
+    color: sectionproperties.cart_BtnTextcolor_resp
+  }))), InstLogoContainer()), sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-md-4 col-sm-6 allcentered p-0"
+  }, InstLogoContainer()), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: sectionproperties.logocentered != 'Centered' ? 'col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0' : 'col-md-4 col-sm-3 d-flex align-items-center justify-content-end p-0'
+  }, sectionproperties.searchbar_show == 'Show' && sectionproperties.logocentered == 'Not Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: '30px',
+      height: sectionproperties.cart_BtnHeight_resp + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered",
+    onClick: function onClick() {
+      setopenSearch(true);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
+    size: 22,
+    color: sectionproperties.cart_BtnTextcolor_resp
+  }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: '30px',
+      height: sectionproperties.cart_BtnHeight_resp + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered",
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Wishlist);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
+    size: 22,
+    color: sectionproperties.cart_BtnTextcolor_resp
+  }))), sectionproperties.cartBtnShow == 'Show' && CartButton(), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.length) > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'd-flex align-items-center pl-1 pr-1 pt-1',
+    style: {}
+  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
+    "class": ' d-flex align-items-center justify-content-center '
+  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 mr-1 ml-1"
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 ml-1 mr-1"
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.map(function (item, index) {
+    var _authdetailsContext$i4;
+    return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+      "class": "m-0 p-0",
+      onClick: function onClick() {
+        setcurrencyfunccontext(item);
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-flex justify-content-start"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "".concat(header_cssstyles.dropdownitemcontainer)
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
+      style: {
+        fontSize: sectionproperties.dropdown_fontsize + 'px',
+        fontWeight: sectionproperties.dropdown_fontweight,
+        textTransform: sectionproperties.dropdown_texttransform,
+        color: sectionproperties.language_container_color_resp
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("span", {
+      "class": 'ml-2 mr-2'
+    }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.instcurrencies) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("hr", {
+      "class": "m-0"
+    }))));
+  })))), sectionproperties.searchbar_show == 'Hide' && sectionproperties.logocentered == 'Centered' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.favBtnShow == 'Hide' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'allcentered resposiveheader_languagedropdown',
+    style: {
+      marginLeft: langdetect == 'en' ? '0.25rem' : 0,
+      marginRight: langdetect == 'ar' ? '0.25rem' : 0
+    }
+  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' row m-0 w-100 allcentered ',
+    style: {
+      direction: 'rtl',
+      color: sectionproperties.cart_BtnTextcolor_resp
+    },
+    onClick: function onClick() {
+      setlang('ar');
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 font-weight-500"
+  }, "\u0639"), /*#__PURE__*/React__default["default"].createElement("i", {
+    className: langdetect == 'en' ? 'h-100 allcentered mr-1' : 'h-100 allcentered ml-1'
+  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
+    size: 20
+  }))), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' row m-0 w-100 allcentered ',
+    style: {
+      direction: 'ltr',
+      color: sectionproperties.cart_BtnTextcolor_resp
+    },
+    onClick: function onClick() {
+      setlang('en');
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 font-weight-500 mr-1"
+  }, "En"), /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
+    size: 20
+  }))))), menuactive == true && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "px-4 py-4 scrollvertical",
     style: {
       position: 'fixed',
@@ -23213,7 +23851,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, lang.logout))))), activeTab == 'categories' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' row m-0 w-100 accordionContainer anim'
   }, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
-    allowMultipleExpanded: true,
+    allowMultipleExpanded: false,
     allowZeroExpanded: true
   }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.map(function (item, index) {
     if (item.isshowntocustomers == 1) {
@@ -23269,7 +23907,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
       }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
-        allowMultipleExpanded: true,
+        allowMultipleExpanded: false,
         allowZeroExpanded: true
       }, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.categories[Choosenindex]) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.parentcolletions) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.length) != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery4 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.categories[Choosenindex]) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.parentcolletions.map(function (pitem, pindex) {
         if (pitem.isshowntocustomers == 1) {
@@ -23345,7 +23983,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       }))))));
     }
   })), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
-    allowMultipleExpanded: true,
+    allowMultipleExpanded: false,
     allowZeroExpanded: true
   }, pcollarray.map(function (item, index) {
     if (item.isshowntocustomers == 1) {
@@ -23459,7 +24097,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }
       })))));
     }
-  })), sectionproperties.subheaderParentType == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcollections) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (collitem, collindex) {
+  })), sectionproperties.subheaderParentType == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.instcollections) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.map(function (collitem, collindex) {
     if (collitem.isshowntocustomers == 1) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: ' row m-0 p-0 mb-2  w-100 '
@@ -23485,49 +24123,49 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     style: {
       background: '#eee'
     }
-  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.facebooklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' d-flex align-items-center justify-content-center mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i4;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null) {
-        var _authdetailsContext$i5;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink, '_blank');
+      var _authdetailsContext$i7;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.facebooklink) != null) {
+        var _authdetailsContext$i8;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
     size: '20',
     color: '#62564b'
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' d-flex align-items-center justify-content-center mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i7;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink) != null) {
-        var _authdetailsContext$i8;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instagramlink, '_blank');
+      var _authdetailsContext$i10;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.instagramlink) != null) {
+        var _authdetailsContext$i11;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
     size: '22',
     color: '#62564b'
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' d-flex align-items-center justify-content-center mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i10;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.instagramlink) != null) {
-        var _authdetailsContext$i11;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.tiktoklink, '_blank');
+      var _authdetailsContext$i13;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instagramlink) != null) {
+        var _authdetailsContext$i14;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
     size: '20',
     color: '#62564b'
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' d-flex align-items-center justify-content-center mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i13;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instagramlink) != null) {
-        var _authdetailsContext$i14;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.youtubelink, '_blank');
+      var _authdetailsContext$i16;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.instagramlink) != null) {
+        var _authdetailsContext$i17;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.youtubelink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.AiFillYoutube, {
@@ -26043,7 +26681,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__default["default"](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;
@@ -26691,13 +27329,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__default["default"].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__default["default"].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__default["default"].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__default["default"].createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": ' d-flex align-items-center justify-content-center '
@@ -28349,7 +28988,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -28371,6 +29010,10 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   var actions = props.actions;
   var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
   var scrollYposittionprops = props.actions.scrollYposittionprops;
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    dropdownselect = _useState4[0],
+    setdropdownselect = _useState4[1];
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -28387,10 +29030,18 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
     setsectionproperties(_objectSpread$1T({}, secpropobj));
   }, [StatePagePropertiesContext]);
-  var _useState3 = React.useState([]),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    logoarrayofobjects = _useState4[0],
-    setlogoarrayofobjects = _useState4[1];
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    logoarrayofobjects = _useState6[0],
+    setlogoarrayofobjects = _useState6[1];
+  var _useState7 = React.useState([]),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    pcollarray = _useState8[0],
+    setpcollarray = _useState8[1];
+  var _useState9 = React.useState(''),
+    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    Choosenindex = _useState10[0],
+    setChoosenindex = _useState10[1];
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -28399,6 +29050,28 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
       }
     }
   }, [templateproperties_context]);
+  React.useEffect(function () {
+    var _authdetailsContext$i;
+    var temppcollarray = _toConsumableArray__default["default"](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__default["default"](temppcollarray));
+  }, [authdetailsContext]);
+  React.useEffect(function () {
+    var _authdetailsContext$i2;
+    var temppcollarray = _toConsumableArray__default["default"](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__default["default"](temppcollarray));
+  }, [authdetailsContext]);
   var header_cssstyles = {
     header_outercontainer: glamor.css({
       position: sectionproperties.headerstyles_position,
@@ -28629,8 +29302,151 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
       ':hover': {
         color: sectionproperties.upperheadercoloronhover
       }
+    }),
+    categorybtn: glamor.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: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
+      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__default["default"]({
+      color: sectionproperties.subheader_categorytitle_coloronhover
+    }, "color", '#de5511'))),
+    parentcollection: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
+      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__default["default"]({
+      color: sectionproperties.subheader_collectiontitle_coloronhover
+    }, "color", '#de5511'))),
+    collectionName: glamor.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__default["default"].createElement("li", {
+      "class": "dropdown d-flex align-items-center w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": parentclassname + ' row m-0 w-100 d-flex align-items-center dropdownInnerContainer cursor-pointer ',
+      onMouseEnter: function onMouseEnter() {
+        setChoosenindex(index);
+      }
+    }, /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("div", {
+      className: 'col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 '
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      className: ' p-0 h-100 allcentered '
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
+      size: sectionproperties.collectionsectioniconfontsize
+    }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.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__default["default"].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__default["default"].createElement("li", {
+        "class": "dropdown d-flex align-items-center w-100"
+      }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("div", {
+        className: 'col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 '
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        className: ' p-0 h-100 allcentered '
+      }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
+        size: sectionproperties.collectionsectioniconfontsize
+      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+        size: sectionproperties.collectionsectioniconfontsize
+      }))))), (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].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__default["default"].createElement("li", {
+        "class": "dropdown d-flex align-items-center w-100"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": header_cssstyles.collectionName + ' w-100 dropdownInnerContainer cursor-pointer ',
+        onClick: function onClick() {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+        }
+      }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("p", {
+        "class": ' m-0 p-0 wordbreak wordbreak1 '
+      }, langdetect == 'en' ? item.title_en : item.title_ar))));
+    })));
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',
     style: {
@@ -28656,7 +29472,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
       transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
     }
   }))), /*#__PURE__*/React__default["default"].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',
@@ -28704,30 +29520,30 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(FaFacebookF.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__default["default"].createElement(AiOutlineInstagram.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__default["default"].createElement(FaWhatsapp.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
@@ -28798,12 +29614,68 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   }), /*#__PURE__*/React__default["default"].createElement("span", {
     "class": 'ml-2 mr-2'
   }, lang.english)))))))))), /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
     "class": "col-lg-5 p-0 d-flex align-items-center justify-content-start h-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'col-lg-3 col-xl-4 d-flex align-items-center justify-content-start ',
+    onClick: function onClick() {
+      setdropdownselect(!dropdownselect);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.categorybtn) + ' categoriesdropdown d-flex w-100 align-items-center pl-2 pr-2 ',
+    style: {
+      zIndex: 100000
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("li", {
+    "class": langdetect == 'en' ? 'dropdown dropdownen w-100' : 'dropdown dropdownar w-100'
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' m-0 allcentered cursor-pointer px-2 p-lg-0 '
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'col-lg-10 d-flex justify-content-start m-0 p-0'
+  }, langdetect == 'en' ? 'Products' : 'المنتجات'), /*#__PURE__*/React__default["default"].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__default["default"].createElement("i", {
+    "class": "h-100 d-flex align-items-center justify-content-end"
+  }, dropdownselect ? /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowUp.MdKeyboardArrowUp, {
+    size: 25
+  }) : /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, {
+    size: 25
+  })))), /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].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__default["default"].createElement("div", {
+        "class": "w-100"
+      }, ButtonDropdown(item, index, fetchedarray));
+    }
+  })))))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.generalbtn_show == 'Show' ? 'col-xl-8 col-lg-9' : 'col-12'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' scrollhorizontal w-100  align-items-center h-100 ',
     style: {
@@ -28831,7 +29703,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__default["default"].createElement("div", {
+  })))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 p-0"
   }, /*#__PURE__*/React__default["default"].createElement(Subheader, {
     sectionpropertiesprops: sectionproperties,
@@ -29110,7 +29982,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
   }), /*#__PURE__*/React__default["default"].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__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].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__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": ' d-flex align-items-center justify-content-center '
   }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
@@ -29120,8 +29992,8 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 ml-2 mr-2"
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$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__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].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__default["default"].createElement(Dropdown__default["default"].Item, {
       onClick: function onClick() {
         setcurrencyfunccontext(item);
@@ -29139,7 +30011,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__default["default"].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__default["default"].createElement("div", {
       "class": "col-lg-12 p-0"
     }, /*#__PURE__*/React__default["default"].createElement("hr", {
       "class": "m-0"
@@ -29480,6 +30352,31 @@ var Simpleheader = function Simpleheader(props) {
     templateproperties_contextprops: templateproperties_context,
     actions: actions
   }), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      position: 'fixed',
+      bottom: 15,
+      right: 15,
+      zIndex: 2000,
+      transition: 'all 0.3s ease-out',
+      width: '100%',
+      display: sectionproperties.showfloatingbtn == 'Show when logged in' ? 'none' : 'flex'
+    },
+    "class": "text-end"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": header_cssstyles.floatingbtn + ' allcentered ',
+    style: {},
+    onClick: function onClick() {
+      if (sectionproperties.btnlinktype == 'Website Link') {
+        routingcountext(sectionproperties.floatingbtnlink, false, '');
+      } else {
+        window.open(sectionproperties.floatingbtnlink, '_blank');
+
+        // routingcountext(sectionproperties.floatingbtnlink, true, '');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0"
+  }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), sectionproperties.showfloatingbtn == 'Show when logged in' && authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       position: 'fixed',
       bottom: 15,
@@ -29493,7 +30390,13 @@ var Simpleheader = function Simpleheader(props) {
     "class": header_cssstyles.floatingbtn + ' allcentered ',
     style: {},
     onClick: function onClick() {
-      routingcountext(sectionproperties.floatingbtnlink, false, '');
+      if (sectionproperties.btnlinktype == 'Website Link') {
+        routingcountext(sectionproperties.floatingbtnlink, false, '');
+      } else {
+        window.open(sectionproperties.floatingbtnlink, '_blank');
+
+        // routingcountext(sectionproperties.floatingbtnlink, true, '');
+      }
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
@@ -29662,7 +30565,7 @@ var Simpleheader = function Simpleheader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
     size: sectionproperties.cartBtn_iconFontSize
-  }))), sectionproperties.userbtnstyle == 'Style 2' && !authdetailsContext.loggedin && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), sectionproperties.userbtnstyle == 'Style 2' && !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.user_btn) + ' allcentered ',
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Login);
@@ -29674,7 +30577,7 @@ var Simpleheader = function Simpleheader(props) {
       fontWeight: sectionproperties.userBtnTextfontweight,
       fontSize: sectionproperties.userbtn_logintextFontSize + 'px'
     }
-  }, langdetect == 'en' ? 'Login' : 'تسجيل الدخول')), sectionproperties.userbtnstyle == 'Style 2' && authdetailsContext.loggedin && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'Login' : 'تسجيل الدخول')), sectionproperties.userbtnstyle == 'Style 2' && authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: header_cssstyles.userBtnLoggedinContainer + ' allcentered ',
     sytle: {
       position: 'relative'
@@ -29753,7 +30656,7 @@ var Simpleheader = function Simpleheader(props) {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement(BiLogOutCircle.BiLogOutCircle, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), lang.logout))))), sectionproperties.userbtnstyle == 'Style 1' && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), lang.logout))))), sectionproperties.userbtnstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ml-2 ' : " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center mr-2 ',
     sytle: {
       position: 'relative'
@@ -30521,6 +31424,23 @@ var Header8 = function Header8(props) {
       ':hover': {
         color: sectionproperties.collectionsectiontextcoloronhover
       }
+    }),
+    floatingbtn: glamor.css({
+      width: sectionproperties.floatingbtnwidth + '%',
+      height: sectionproperties.floatingbtnheight + 'px',
+      background: sectionproperties.floatingbtnbg,
+      fontSize: sectionproperties.floatingbtnfontsize + 'px',
+      color: sectionproperties.floatingbtncolor,
+      borderRadius: 10,
+      ':hover': {
+        color: sectionproperties.floatingbtncolorhover,
+        backgroundColor: sectionproperties.floatingbtnbghover,
+        transitions: '.3s',
+        cursor: 'pointer'
+      },
+      '@media (max-width: 800px)': {
+        width: '50%'
+      }
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -30535,7 +31455,26 @@ var Header8 = function Header8(props) {
     sectionpropertiesprops: sectionproperties,
     templateproperties_contextprops: templateproperties_context,
     actions: actions
-  })), sectionproperties.showfloatingcallbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
+  })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      position: 'fixed',
+      bottom: 15,
+      right: 15,
+      zIndex: 2000,
+      transition: 'all 0.3s ease-out',
+      width: '100%',
+      display: sectionproperties.showfloatingbtn == 'Show when logged in' ? 'none' : 'flex'
+    },
+    "class": "text-end"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": header_cssstyles.floatingbtn + ' allcentered ',
+    style: {},
+    onClick: function onClick() {
+      routingcountext(sectionproperties.floatingbtnlink, false, '');
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0"
+  }, langdetect == 'en' ? sectionproperties.floatingbtntxten : sectionproperties.floatingbtntxtar))), sectionproperties.showfloatingcallbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
     href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
     target: '_self',
     style: {
@@ -33718,11 +34657,11 @@ var Modernheader = function Modernheader(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center justify-content-center px-1025-1 '
+    "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-4 col-md-6 col-sm-12 d-none align-items-center justify-content-start p-0",
+    "class": "col-lg-4 col-md-6 col-sm-12 d-flex align-items-center justify-content-start p-0",
     style: {}
-  }, sectionproperties.searchbartype == 'Full Width' && sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.searchbartype == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.searchbarcont
   }, /*#__PURE__*/React__default["default"].createElement("input", {
     type: "text",
@@ -33741,7 +34680,7 @@ var Modernheader = function Modernheader(props) {
     sectionpropertiesprops: sectionproperties,
     srcfromprops: 'fullheader',
     actions: actions
-  })), sectionproperties.searchbartype == 'Icon' && sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.searchbartype == 'Icon' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.searchbarcont + ' allcentered ',
     style: {
       width: sectionproperties.searchbaricon_width + 'px',
@@ -33763,12 +34702,22 @@ var Modernheader = function Modernheader(props) {
   }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0 mr-2 ml-2"
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "m-0 p-0 mr-2 ml-2",
+    style: {
+      color: sectionproperties.searchbaricon_color
+    }
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, {
+    color: sectionproperties.searchbaricon_color
+  })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0 ml-2 mr-2"
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.map(function (item, index) {
+    "class": "m-0 p-0 ml-2 mr-2",
+    style: {
+      color: sectionproperties.searchbaricon_color
+    }
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, {
+    color: sectionproperties.searchbaricon_color
+  })))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.map(function (item, index) {
     var _authdetailsContext$i4;
     return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
       onClick: function onClick() {
@@ -33785,7 +34734,8 @@ var Modernheader = function Modernheader(props) {
       style: {
         fontSize: sectionproperties.dropdown_fontsize + 'px',
         fontWeight: sectionproperties.dropdown_fontweight,
-        textTransform: sectionproperties.dropdown_texttransform
+        textTransform: sectionproperties.dropdown_texttransform,
+        color: sectionproperties.searchbaricon_color
       }
     }, /*#__PURE__*/React__default["default"].createElement("span", {
       "class": 'ml-2 mr-2'
@@ -33795,7 +34745,7 @@ var Modernheader = function Modernheader(props) {
       "class": "m-0"
     }))));
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-6 col-md-6 col-sm-12 allcentered p-0"
+    "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.header_logo) + ' allcentered ',
     style: {
@@ -33814,8 +34764,8 @@ var Modernheader = function Modernheader(props) {
       objectFit: 'contain'
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-4 col-md-6 col-sm-12 p-0 d-none align-items-center justify-content-end"
-  }, sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-4 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       marginRight: langdetect == 'en' ? '30px' : 0,
       marginLeft: langdetect == 'en' ? 0 : '30px'
@@ -33957,7 +34907,7 @@ var Modernheader = function Modernheader(props) {
       top: sectionproperties.wishlistbadgetop + 'px',
       right: sectionproperties.wishlistbadgeright + 'px'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$g.header_menu, " ").concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered  ',
     onClick: function onClick() {
       setsidecartnavshowcontext(true);
@@ -33998,7 +34948,7 @@ var Modernheader = function Modernheader(props) {
       top: sectionproperties.cartbadgetop + 'px',
       right: sectionproperties.cartbadgeright + 'px'
     }
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": "".concat(headerstyles$g.header_menu) + ' allcentered '
@@ -40683,7 +41633,16 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+  }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
   })));
@@ -41505,10 +42464,19 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
       subheadercontentpositionprops: 'center',
       numofcols: '6'
     }
-  })))), /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+  })))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }));
+  }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), ' ');
 };
 
 function ownKeys$1E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -42869,7 +43837,7 @@ var Allinonefooter = function Allinonefooter(props) {
 function ownKeys$1C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer1 = function Footer1(props) {
-  var _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _logoarrayofobjects$, _logoarrayofobjects$2, _bgimagearrayofobjs$3, _bgimagearrayofobjs$4, _logoarrayofobjects$3, _logoarrayofobjects$4, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i8, _authdetailsContext$i14, _authdetailsContext$i15, _bgimagearrayofobjs$5, _bgimagearrayofobjs$6, _logoarrayofobjects$5, _logoarrayofobjects$6, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i24;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i12, _authdetailsContext$i13;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -42888,14 +43856,6 @@ var Footer1 = function Footer1(props) {
   var templateproperties_context = props.actions.templateproperties_context;
   var templatepropcontext = props.actions.templatepropcontext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
-  // const [newsletter, setnewsletter] = useState('');
-  var _useState5 = React.useState({
-      min: '',
-      max: ''
-    }),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    pricevalue2 = _useState6[0],
-    setpricevalue2 = _useState6[1];
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -42923,18 +43883,6 @@ var Footer1 = function Footer1(props) {
       }
     }
   }, [templateproperties_context]);
-  var _useState7 = React.useState([]),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    bgimagearrayofobjs = _useState8[0],
-    setbgimagearrayofobjs = _useState8[1];
-  React.useEffect(function () {
-    if (sectionproperties.length != 0 && sectionproperties.logoarrayofobjects != undefined) {
-      var bg1_arrayofobjsparsed = JSON.parse(sectionproperties.logoarrayofobjects);
-      if (Array.isArray(bg1_arrayofobjsparsed)) {
-        setbgimagearrayofobjs(_toConsumableArray__default["default"](bg1_arrayofobjsparsed));
-      }
-    }
-  }, [sectionproperties]);
   var footerStyles = {
     footerContainer: glamor.css({
       width: '100vw',
@@ -43065,17 +44013,6 @@ var Footer1 = function Footer1(props) {
         maxWidth: '35%',
         height: 'auto'
       }
-    }),
-    btnn: glamor.css({
-      width: '150px',
-      height: 40,
-      borderRadius: 10,
-      background: '#C2A24D',
-      color: 'white',
-      ':hover': {
-        transition: '.3s',
-        background: '#186a81'
-      }
     })
   };
   var returnpolicyobj = function returnpolicyobj(policytype) {
@@ -43090,8 +44027,8 @@ var Footer1 = function Footer1(props) {
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-center"
-  }, sectionproperties.opencollapsible == 'Expanded' && /*#__PURE__*/React__default["default"].createElement("footer", {
-    "class": "".concat(footerStyles.footerContainer) + ' px-sm-2 py-md-4 p-md-4 '
+  }, /*#__PURE__*/React__default["default"].createElement("footer", {
+    "class": "".concat(footerStyles.footerContainer) + ' p-sm-2 p-md-4 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row w-100 m-0 d-flex justify-content-center"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -43101,7 +44038,7 @@ var Footer1 = function Footer1(props) {
   }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: sectionproperties.replacelogo == 'Yes' ? langdetect == 'en' ? (_bgimagearrayofobjs$ = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$ === void 0 ? void 0 : _bgimagearrayofobjs$.englishlogo : (_bgimagearrayofobjs$2 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$2 === void 0 ? void 0 : _bgimagearrayofobjs$2.arabiclogo : langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
+    path: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
     style: {
       width: '100%',
       height: '100%',
@@ -43115,7 +44052,7 @@ var Footer1 = function Footer1(props) {
   }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: sectionproperties.replacelogo == 'Yes' ? langdetect == 'en' ? (_bgimagearrayofobjs$3 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$3 === void 0 ? void 0 : _bgimagearrayofobjs$3.englishlogo : (_bgimagearrayofobjs$4 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$4 === void 0 ? void 0 : _bgimagearrayofobjs$4.arabiclogo : langdetect == 'en' ? (_logoarrayofobjects$3 = logoarrayofobjects[0]) === null || _logoarrayofobjects$3 === void 0 ? void 0 : _logoarrayofobjects$3.englishlogo : (_logoarrayofobjects$4 = logoarrayofobjects[0]) === null || _logoarrayofobjects$4 === void 0 ? void 0 : _logoarrayofobjects$4.arabiclogo,
+    path: authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instlogo,
     style: {
       width: '100%',
       height: '100%',
@@ -43251,10 +44188,10 @@ var Footer1 = function Footer1(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.facebook_btn) + '  d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
-      var _authdetailsContext$i2;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
-        var _authdetailsContext$i3;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
+      var _authdetailsContext$i3;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
+        var _authdetailsContext$i4;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebook.FaFacebook, {
@@ -43262,10 +44199,10 @@ var Footer1 = function Footer1(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i4;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null) {
-        var _authdetailsContext$i5;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink, '_blank');
+      var _authdetailsContext$i5;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
+        var _authdetailsContext$i6;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
@@ -43273,25 +44210,14 @@ var Footer1 = function Footer1(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.youtube_btn) + '  d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
-      var _authdetailsContext$i6;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null) {
-        var _authdetailsContext$i7;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber), '_blank');
+      var _authdetailsContext$i7;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber) != null) {
+        var _authdetailsContext$i8;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.youtube_btn) + '  d-flex align-items-center justify-content-center ',
-    onClick: function onClick() {
-      var _authdetailsContext$i9;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.youtubelink) != null) {
-        var _authdetailsContext$i10;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.youtubelink, '_blank');
-      }
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.AiFillYoutube, {
-    size: sectionproperties.instgrambtniconfontsize
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-center mt-md-3 mb-md-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -43302,15 +44228,15 @@ var Footer1 = function Footer1(props) {
     "class": "".concat(footerStyles.apptore) + ' cursor-pointer mx-2 ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
     onClick: function onClick() {
-      var _authdetailsContext$i11;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.mobileapplink_appstore, '_blank');
+      var _authdetailsContext$i9;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.mobileapplink_appstore, '_blank');
     }
   }), /*#__PURE__*/React__default["default"].createElement("img", {
     "class": "".concat(footerStyles.playstore) + ' cursor-pointer mx-2 ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
-      var _authdetailsContext$i12;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.mobileapplink_playstore, '_blank');
+      var _authdetailsContext$i10;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.mobileapplink_playstore, '_blank');
     }
   })), sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0"
@@ -43327,12 +44253,12 @@ var Footer1 = function Footer1(props) {
       textTransform: sectionproperties.footerinfotext_textTransform
     },
     onClick: function onClick() {
-      var _authdetailsContext$i13;
-      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 || (_authdetailsContext$i13 = _authdetailsContext$i13.contactinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.email), '_self');
+      var _authdetailsContext$i11;
+      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.contactinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.email), '_self');
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": ' fa fa-at mr-2 text-transform-none ml-2 '
-  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 || (_authdetailsContext$i14 = _authdetailsContext$i14.contactinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.email)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.contactinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.email)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(footerStyles.footerinfotext) + ' d-flex align-items-center justify-content-md-center mr-1 ',
@@ -43361,151 +44287,7 @@ var Footer1 = function Footer1(props) {
     "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
   }, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
     size: sectionproperties.footerinfoicon_fontsize
-  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.address_en)))))), sectionproperties.opencollapsible == 'Not Expanded' && /*#__PURE__*/React__default["default"].createElement("footer", {
-    "class": "".concat(footerStyles.footerContainer) + ' p-sm-2 p-md-4 '
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row w-100 m-0 d-flex justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-6"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 d-flex flex-row align-items-center justify-content-start mb-3 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.footerlogo) + ' d-flex align-items-center justify-content-center '
-  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: sectionproperties.replacelogo == 'Yes' ? langdetect == 'en' ? (_bgimagearrayofobjs$5 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$5 === void 0 ? void 0 : _bgimagearrayofobjs$5.englishlogo : (_bgimagearrayofobjs$6 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$6 === void 0 ? void 0 : _bgimagearrayofobjs$6.arabiclogo : langdetect == 'en' ? (_logoarrayofobjects$5 = logoarrayofobjects[0]) === null || _logoarrayofobjects$5 === void 0 ? void 0 : _logoarrayofobjects$5.englishlogo : (_logoarrayofobjects$6 = logoarrayofobjects[0]) === null || _logoarrayofobjects$6 === void 0 ? void 0 : _logoarrayofobjects$6.arabiclogo,
-    style: {
-      width: '100%',
-      height: '100%',
-      objectFit: 'contain'
-    },
-    loading: "lazy"
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0",
-    style: {
-      fontSize: '15px',
-      color: '#fff',
-      fontWeight: sectionproperties.prodCatFontWeight,
-      textAlign: langdetect == 'en' ? 'left' : 'right'
-    }
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.description_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.description_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 flex-row text-start"
-  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.facebook_btn) + '  d-flex align-items-center justify-content-center ',
-    onClick: function onClick() {
-      var _authdetailsContext$i18;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.facebooklink) != null) {
-        var _authdetailsContext$i19;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.facebooklink, '_blank');
-      }
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(FaFacebook.FaFacebook, {
-    size: sectionproperties.facebkbtnniconfontsize
-  })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
-    onClick: function onClick() {
-      var _authdetailsContext$i20;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.instagramlink) != null) {
-        var _authdetailsContext$i21;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.instagramlink, '_blank');
-      }
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
-    size: sectionproperties.instgrambtniconfontsize
-  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.youtube_btn) + '  d-flex align-items-center justify-content-center ',
-    onClick: function onClick() {
-      var _authdetailsContext$i22;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.whatsappnumber) != null) {
-        var _authdetailsContext$i23;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.whatsappnumber), '_blank');
-      }
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
-    size: sectionproperties.youtubebtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.twitterlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.youtube_btn) + '  d-flex align-items-center justify-content-center ',
-    onClick: function onClick() {
-      var _authdetailsContext$i25;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.twitterlink) != null) {
-        var _authdetailsContext$i26;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.twitterlink, '_blank');
-      }
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    className: "h-100 allcentered",
-    style: {
-      fontSize: 20
-    }
-  }, "x"))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-6"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 mt-md-3"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0",
-    style: {
-      fontSize: 20,
-      color: 'white',
-      fontWeight: 600,
-      textAlign: langdetect == 'en' ? 'left' : 'right'
-    }
-  }, "\u0627\u0644\u062A\u0633\u062C\u064A\u0644 \u0641\u064A \u0627\u0644\u0646\u0634\u0631\u0629 \u0627\u0644\u0625\u062E\u0628\u0627\u0631\u064A\u0629")), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0",
-    style: {
-      fontSize: 15,
-      color: 'white',
-      fontWeight: 500,
-      textAlign: langdetect == 'en' ? 'left' : 'right'
-    }
-  }, "\u0623\u062F\u062E\u0644 \u0628\u0631\u064A\u062F\u0643 \u0627\u0644\u0625\u0644\u0643\u062A\u0631\u0648\u0646\u064A \u0644\u0644\u062D\u0635\u0648\u0644 \u0639\u0644\u0649 \u062A\u062D\u062F\u064A\u062B\u0627\u062A \u062F\u0648\u0631\u064A\u0629 \u062D\u0648\u0644 \u0627\u0644\u0645\u0624\u062A\u0645\u0631.")), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12  mb-3 text-start p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("input", {
-    type: "text",
-    className: "".concat(footerStyles.form_control) + ' w-md-100 ',
-    value: pricevalue2.min,
-    placeholder: "\u0627\u0644\u0628\u0631\u064A\u062F \u0627\u0644\u0625\u0644\u0643\u062A\u0631\u0648\u0646\u064A",
-    onChange: function onChange(event) {
-      var temppricevalue = _objectSpread$1C({}, pricevalue2);
-      temppricevalue.min = event.target.value;
-      setpricevalue2(_objectSpread$1C({}, temppricevalue));
-    },
-    style: {
-      background: 'white',
-      fontSize: 14,
-      color: '#000',
-      borderRadius: 10,
-      width: '50%',
-      height: 40,
-      paddingLeft: 20,
-      paddingRight: 20
-    }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 text-start mb-3 text-start p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": footerStyles.btnn
-  }, "\u0627\u0634\u062A\u0631\u0643 \u0627\u0644\u0622\u0646")))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-center mt-md-3 mb-md-3"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.vl) + ' ml-sm-0 mr-sm-0 my-3 '
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 text-start"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0",
-    style: {
-      fontSize: sectionproperties.generaltext_fontSize + 'px',
-      color: sectionproperties.generaltext_fontColor,
-      fontWeight: sectionproperties.generaltext_fontWeight
-    }
-  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)))));
+  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.address_en)))))));
 };
 
 function ownKeys$1B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -44735,7 +45517,7 @@ var Footer4 = function Footer4(props) {
 function ownKeys$1y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer5 = function Footer5(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _logoarrayofobjects$3, _logoarrayofobjects$4, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -45255,11 +46037,30 @@ var Footer5 = function Footer5(props) {
     className: "".concat(footerStyles.payimgcont),
     style: {
       width: '70px',
-      height: '30px'
+      height: '30px',
+      borderRadius: 10
     }
   }, /*#__PURE__*/React__default["default"].createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
     className: "".concat(footerStyles.payimg)
+  })), sectionproperties.showbankak == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(footerStyles.payimgcont),
+    style: {
+      width: '50px',
+      height: '50px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/bankak.png',
+    className: "".concat(footerStyles.payimg)
+  })), sectionproperties.showinstapay == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(footerStyles.payimgcont),
+    style: {
+      width: '70px',
+      height: '30px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/instapay.png',
+    className: "".concat(footerStyles.payimg)
   })))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 mt-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -45379,6 +46180,19 @@ var Footer5 = function Footer5(props) {
     className: "h-100 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.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__default["default"].createElement("div", {
+    className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4',
+    onClick: function onClick() {
+      var _authdetailsContext$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__default["default"].createElement("i", {
+    className: "h-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement(FaTelegramPlane.FaTelegramPlane, {
+    size: sectionproperties.instgrambtniconfontsize
   })))))));
 };
 
@@ -47145,7 +47959,7 @@ var FooterWithThreeColumns = function FooterWithThreeColumns(props) {
 function ownKeys$1s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ModernFooter = function ModernFooter(props) {
-  var _templatepropcontext$, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23;
+  var _templatepropcontext$, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i26;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -47452,43 +48266,57 @@ var ModernFooter = function ModernFooter(props) {
   }, sectionproperties.whatsappiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.whatsappiconfontsize
-  }), sectionproperties.whatsapplinktext)), sectionproperties.linkedinbtnshow == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), sectionproperties.whatsapplinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.twitterlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4',
+    onClick: function onClick() {
+      var _authdetailsContext$i12;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.twitterlink) != null) {
+        var _authdetailsContext$i13;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.twitterlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 allcentered",
+    style: {
+      fontSize: 20
+    }
+  }, "x")), sectionproperties.linkedinbtnshow == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.linkedin_btn + ' m-0 p-0 d-flex align-items-center ',
     onClick: function onClick() {
-      var _authdetailsContext$i12;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.linkedinlink) != null) {
-        var _authdetailsContext$i13;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.linkedinlink, '_blank');
+      var _authdetailsContext$i15;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.linkedinlink) != null) {
+        var _authdetailsContext$i16;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.linkedinlink, '_blank');
       }
     }
   }, sectionproperties.linkedinbtniconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(AiOutlineLinkedin.AiOutlineLinkedin, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.linkedinbtniconfontsize
-  }), sectionproperties.linkedinlinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), sectionproperties.linkedinlinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.instgram_btn + ' m-0 p-0 d-flex align-items-center ',
     onClick: function onClick() {
-      var _authdetailsContext$i15;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.tiktoklink) != null) {
-        var _authdetailsContext$i16;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.tiktoklink, '_blank');
+      var _authdetailsContext$i18;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.tiktoklink) != null) {
+        var _authdetailsContext$i19;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.tiktoklink, '_blank');
       }
     }
   }, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.instagramiconfontsize
-  }), langdetect == 'en' ? 'TikTok' : 'TikTok')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.telegramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), langdetect == 'en' ? 'TikTok' : 'TikTok')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.telegramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.instgram_btn + ' m-0 p-0 d-flex align-items-center ',
     onClick: function onClick() {
-      var _authdetailsContext$i18;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.telegramlink) != null) {
-        var _authdetailsContext$i19;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.telegramlink, '_blank');
+      var _authdetailsContext$i21;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.telegramlink) != null) {
+        var _authdetailsContext$i22;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.telegramlink, '_blank');
       }
     }
   }, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(FaTelegramPlane.FaTelegramPlane, {
@@ -47520,7 +48348,7 @@ var ModernFooter = function ModernFooter(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
     size: sectionproperties.footerinfoicon_fontsize
-  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.address_en)), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.address_en)), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.footerinfotext) + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-1 p-0 ',
     onClick: function onClick() {
       window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_self');
@@ -47539,14 +48367,14 @@ var ModernFooter = function ModernFooter(props) {
   }), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber)), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.footerinfotext) + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-1 p-0 ',
     onClick: function onClick() {
-      var _authdetailsContext$i21;
-      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 || (_authdetailsContext$i21 = _authdetailsContext$i21.contactinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.email), '_self');
+      var _authdetailsContext$i24;
+      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 || (_authdetailsContext$i24 = _authdetailsContext$i24.contactinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.email), '_self');
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": ' footerinfotext d-flex align-items-center justify-content-start m-0 p-0 cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i22;
-      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 || (_authdetailsContext$i22 = _authdetailsContext$i22.contactinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.email), '_self');
+      var _authdetailsContext$i25;
+      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 || (_authdetailsContext$i25 = _authdetailsContext$i25.contactinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.email), '_self');
     },
     style: {
       textTransform: 'none'
@@ -47557,7 +48385,7 @@ var ModernFooter = function ModernFooter(props) {
       marginRight: langdetect == 'en' ? '0.5rem' : 0,
       marginLeft: langdetect == 'ar' ? '0.5rem' : 0
     }
-  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 || (_authdetailsContext$i23 = _authdetailsContext$i23.contactinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.email)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 || (_authdetailsContext$i26 = _authdetailsContext$i26.contactinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.email)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.showfooteraddress == 'Hide' && sectionproperties.showfooterphonenumber == 'Hide' && sectionproperties.showfooteremail == 'Hide' ? 'col-lg-4 col-md-12 col-sm-12 mt-md-3' : 'col-lg-3 col-md-12 col-sm-12 mt-md-3'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 d-flex justify-content-start mb-3"
@@ -47569,15 +48397,15 @@ var ModernFooter = function ModernFooter(props) {
     "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-flex d-md-none ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
     onClick: function onClick() {
-      var _authdetailsContext$i24;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.mobileapplink_appstore, '_blank');
+      var _authdetailsContext$i27;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.mobileapplink_appstore, '_blank');
     }
   }), /*#__PURE__*/React__default["default"].createElement("img", {
     "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-none d-md-flex ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
     onClick: function onClick() {
-      var _authdetailsContext$i25;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.mobileapplink_appstore, '_blank');
+      var _authdetailsContext$i28;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.mobileapplink_appstore, '_blank');
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start'
@@ -47585,15 +48413,15 @@ var ModernFooter = function ModernFooter(props) {
     "class": "".concat(footerStyles.playstore) + ' cursor-pointer d-flex d-md-none ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
-      var _authdetailsContext$i26;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.mobileapplink_playstore, '_blank');
+      var _authdetailsContext$i29;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.mobileapplink_playstore, '_blank');
     }
   }), /*#__PURE__*/React__default["default"].createElement("img", {
     "class": "".concat(footerStyles.playstore) + ' cursor-pointer d-none d-md-flex ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
-      var _authdetailsContext$i27;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.mobileapplink_playstore, '_blank');
+      var _authdetailsContext$i30;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.mobileapplink_playstore, '_blank');
     }
   }))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-3 col-md-12 col-sm-12 mt-md-3 px-lg-5 px-md-2",
@@ -47623,7 +48451,7 @@ var ModernFooter = function ModernFooter(props) {
 function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Newsletterfooter = function Newsletterfooter(props) {
-  var _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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -48209,43 +49037,57 @@ var Newsletterfooter = function Newsletterfooter(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.AiFillYoutube, {
     size: sectionproperties.instgrambtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.twitterlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4',
     onClick: function onClick() {
       var _authdetailsContext$i18;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.tiktoklink) != null) {
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.twitterlink) != null) {
         var _authdetailsContext$i19;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.tiktoklink, '_blank');
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.twitterlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 allcentered",
+    style: {
+      fontSize: 20
+    }
+  }, "x")), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i21;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.tiktoklink) != null) {
+        var _authdetailsContext$i22;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.tiktoklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
     size: sectionproperties.instgrambtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i21;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.linkedinlink, '_blank');
+      var _authdetailsContext$i24;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.linkedinlink, '_blank');
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaLinkedinIn.FaLinkedinIn, {
     size: sectionproperties.instgrambtniconfontsize
-  })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("p", {
+  })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.youtube_btn + ' m-0 p-0 allcentered mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i23;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.whatsappnumber) != null) {
-        var _authdetailsContext$i24;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.whatsappnumber), '_blank');
+      var _authdetailsContext$i26;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.whatsappnumber) != null) {
+        var _authdetailsContext$i27;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.googlemapslink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.googlemapslink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.youtube_btn + ' m-0 p-0 allcentered mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i26;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.googlemapslink) != null) {
-        var _authdetailsContext$i27;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.googlemapslink, '_blank');
+      var _authdetailsContext$i29;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.googlemapslink) != null) {
+        var _authdetailsContext$i30;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.googlemapslink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
@@ -48265,15 +49107,15 @@ var Newsletterfooter = function Newsletterfooter(props) {
     "class": langdetect == 'en' ? "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer mr-2 ' : "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ml-2 ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
     onClick: function onClick() {
-      var _authdetailsContext$i28;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.mobileapplink_appstore, '_blank');
+      var _authdetailsContext$i31;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.mobileapplink_appstore, '_blank');
     }
   }), sectionproperties.showplaystore == 'Show' && /*#__PURE__*/React__default["default"].createElement("img", {
     "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer mx-2 ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
-      var _authdetailsContext$i29;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.mobileapplink_playstore, '_blank');
+      var _authdetailsContext$i32;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.mobileapplink_playstore, '_blank');
     }
   }))), sectionproperties.showfooteraddress == 'Show' && sectionproperties.storeinfostyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex flex-row justify-content-start align-items-center mt-4"
@@ -48290,7 +49132,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
     "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
   }, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
     size: 30
-  })), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.address_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.address_ar)))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.address_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.address_ar)))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0  d-block my-3"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     "class": "m-0 p-0"
@@ -51105,6 +51947,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__default["default"](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;
@@ -51637,10 +52480,22 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
         borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px'
       }
+    }),
+    imageoutercont: glamor.css({
+      height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'vh',
+      '@media (max-width: 800px)': {
+        height: '30vh'
+      }
+    }),
+    imageoutercont2: glamor.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__default["default"].createElement("div", {
       "class": 'row m-0 w-100'
     }, !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -51708,7 +52563,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       }
     }))), /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("div", {
       "class": "row m-0 w-100 "
     }, /*#__PURE__*/React__default["default"].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 ',
@@ -51997,7 +52852,218 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+      "class": "row m-0 w-100 "
+    }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: (_cardsarray$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__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont,
+      style: _defineProperty__default["default"](_defineProperty__default["default"]({
+        position: 'absolute',
+        zIndex: 1000,
+        // height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'vh',
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont2 + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: (_cardsarray$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__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont2,
+      style: _defineProperty__default["default"](_defineProperty__default["default"]({
+        position: 'absolute',
+        zIndex: 1000,
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+      "class": 'col-6 pl-0 pr-0'
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont2 + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: (_cardsarray$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__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont2,
+      style: _defineProperty__default["default"](_defineProperty__default["default"]({
+        position: 'absolute',
+        zIndex: 1000,
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: (_cardsarray$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__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont,
+      style: _defineProperty__default["default"](_defineProperty__default["default"]({
+        position: 'absolute',
+        zIndex: 1000,
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
     "class": "row m-0 d-flex w-100 justify-content-center",
@@ -57006,7 +58072,7 @@ var Twobgimages = function Twobgimages(props) {
       style: {}
     }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-6 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
+        className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? ' d-flex align-items-stretch col-md-4 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-4 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
         style: {
           paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
           paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
@@ -57018,7 +58084,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, '');
@@ -57351,9 +58416,9 @@ var VideosSection = function VideosSection(props) {
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
-      height: sectionproperties.image_height + 'px',
+      height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'px',
       '@media (max-width: 800px)': {
-        height: sectionproperties.height_responsive + 'px'
+        height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.height_responsive + 'px'
       }
     }),
     lau: glamor.css({
@@ -57547,7 +58612,7 @@ var VideosSection = function VideosSection(props) {
   }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
     transitionBehavior: 'auto',
     wrapperClassName: '',
-    itemClassName: 'videoscard',
+    itemClassName: '',
     scrollContainerClassName: 'scrollmenuclasssubscrollbar'
   }, Object.keys(videosarrayofobjs).length != 0 && videosarrayofobjs.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -58373,6 +59438,8 @@ var DynamicForm = function DynamicForm(props) {
       type = 'number';
     } else if (item.type == 'text') {
       type = 'text';
+    } else if (item.type == 'phone number') {
+      type = 'phonenumber';
     }
     if (item.type == 'date') {
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -58430,6 +59497,40 @@ var DynamicForm = function DynamicForm(props) {
       }))));
     }
   };
+  var phonenumber = function phonenumber(item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 mb-3"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 text-start mb-2 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": form_cssstyles.formlabel + ' m-0 p-0 ',
+      style: {}
+    }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
+      "class": "text-danger"
+    }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React__default["default"].createElement(PhoneInput__default["default"], {
+      className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control),
+      country: 'eg',
+      enableSearch: true,
+      autoFormat: true,
+      value: item.value,
+      inputStyle: {
+        color: sectionproperties.inputfieldcolor
+      },
+      onChange: function onChange(event, country) {
+        updateformfield(event, index);
+        // var temp = { ...payloadobj };
+        // temp.mobile = event;
+        // temp.countrydialcode = country.dialCode;
+        // setpayloadobj({ ...temp });
+      },
+      style: {
+        direction: 'ltr',
+        color: sectionproperties.inputfieldcolor
+      }
+    })));
+  };
   var textareaitem = function textareaitem(item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": 'col-md-12 col-lg-12'
@@ -58501,20 +59602,19 @@ var DynamicForm = function DynamicForm(props) {
       boxShadow: 'none',
       transition: '.3s'
     }))),
-    generalbtn: glamor.css({
+    generalbtn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"]({
       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: glamor.css({
       width: 40,
       height: 40,
@@ -58545,14 +59645,6 @@ var DynamicForm = function DynamicForm(props) {
         transition: '.3s',
         backgroundColor: '#044da6'
       }
-    }),
-    sectiontitle: glamor.css({
-      color: sectionproperties.sectionTitleColor,
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      fontWeight: sectionproperties.sectionTitleFontWeight,
-      '@media (max-width: 800px)': {
-        fontSize: sectionproperties.sectionTitleFontSizeresp
-      }
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -58596,8 +59688,12 @@ var DynamicForm = function DynamicForm(props) {
       marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": form_cssstyles.sectiontitle + ' m-0 p-0 ',
-    style: {}
+    "class": "m-0 p-0",
+    style: {
+      color: sectionproperties.sectionTitleColor,
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
   }, langdetect == 'en' ? formtitleen : formtitlear)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": 'row m-0 w-100 p-3 mt-3'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -58718,8 +59814,12 @@ var DynamicForm = function DynamicForm(props) {
       marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": form_cssstyles.sectiontitle + ' m-0 p-0 ',
-    style: {}
+    "class": "m-0 p-0",
+    style: {
+      color: sectionproperties.sectionTitleColor,
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
   }, langdetect == 'en' ? formtitleen : formtitlear)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": 'row m-0 w-100 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -58729,6 +59829,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') {
@@ -58774,14 +59876,19 @@ var DynamicForm = function DynamicForm(props) {
     "class": "",
     color: '#fff'
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered my-4 py-4"
+    "class": "row m-0 w-100 py-4",
+    style: {
+      background: sectionproperties.popupbackgroundcolor
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered py-4"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
     style: {
       fontSize: 20,
-      color: '#000'
+      color: sectionproperties.popuptextcolor
     }
-  }, confirmationtext))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
+  }, confirmationtext)))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
 };
 
 function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -59558,14 +60665,14 @@ var Freetextsection = function Freetextsection(props) {
       height: '1px',
       position: 'relative',
       flex: '1 1 auto',
-      // minWidth: '10%',
+      minWidth: '10%',
       background: sectionproperties.linebgcolor
     }),
     line_right: glamor.css({
       height: '1px',
       position: 'relative',
       flex: '1 1 auto',
-      // minWidth: '10%',
+      minWidth: '10%',
       background: sectionproperties.linebgcolor
     }),
     btn: glamor.css({
@@ -59603,40 +60710,36 @@ var Freetextsection = function Freetextsection(props) {
         top: 0,
         bottom: 0
       }
-    }),
-    sectiontitlecontent: glamor.css({
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      color: sectionproperties.sectionTitleColor,
-      textTransform: sectionproperties.sectionTitleTextTransform,
-      fontWeight: sectionproperties.sectionTitleFontWeight,
-      // padding: sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? 7 : 0,
-      textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
-      '@media (max-width: 800px)': {
-        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
-      }
     })
   };
   var SectionTitle = function SectionTitle() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "d-flex align-items-center allcentered",
+      "class": "d-flex align-items-center flex-row",
       style: {
         position: 'relative',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
-        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
-        flexDirection: sectionproperties.sectiontitlestyle == 'Line Under Text' ? 'column' : 'row'
+        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
       }
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
+    }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
+      "class": section_styles.line_left,
+      style: {
+        marginLeft: langdetect == 'en' ? 0 : sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+        marginRight: langdetect == 'en' ? sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0 : 0
+      }
+    }), /*#__PURE__*/React__default["default"].createElement("p", {
       "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_styles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_styles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_styles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_styles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(section_styles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
-      style: {}
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
-      "class": section_styles.sectiontitlecontent
-    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React__default["default"].createElement("span", {
       style: {
-        width: '50%',
-        background: sectionproperties.linebgcolor,
-        height: 3,
-        borderRadius: 10,
-        marginTop: 5
+        color: sectionproperties.sectionTitleColor,
+        textTransform: sectionproperties.sectionTitleTextTransform,
+        fontWeight: sectionproperties.sectionTitleFontWeight,
+        padding: sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? 7 : 0,
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
+      "class": section_styles.line_right,
+      style: {
+        marginRight: langdetect == 'en' ? 0 : sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+        marginLeft: langdetect == 'en' ? sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0 : 0
       }
     }));
   };
@@ -59695,8 +60798,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' : '' : ''
       }
@@ -59744,45 +60847,7 @@ var Freetextsection = function Freetextsection(props) {
     "class": "w-100 allcentered",
     style: {
       background: sectionproperties.outerbgcolor
-      // backgroundImage: sectionproperties.sectionbgstyle == 'Besides each other' ? 'url(' + serverbaselink + maincontainerarrayofobjs[0]?.back_bgimage + ')' : '',
-    }
-  }, sectionproperties.sectionbgstyle == 'Besides each other' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex justify-content-center align-items-center ',
-    style: {
-      marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-10 col-md-11 mt-3 mb-3",
-    style: {
-      background: 'white',
-      borderRadius: 10,
-      boxShadow: '0 0 10px #ccc',
-      padding: 40
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-3 col-md-12 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "w-100 d-flex allcentered mb-md-4"
-  }, SectionTitle())), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-9 col-md-12 p-md-0",
-    style: {
-      paddingLeft: langdetect == 'en' ? '50px' : 0,
-      paddingRight: langdetect == 'ar' ? '50px' : 0
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 text-start text-md-center",
-    style: {
-      fontSize: sectionproperties.prodCatFontSize + 'px'
-    }
-  }, Description()))))))), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center ',
     style: {
@@ -59797,7 +60862,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; }
@@ -59870,28 +60935,6 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         color: sectionproperties.generalbtn_textColoronhover
       }
     }),
-    btn2: glamor.css({
-      width: sectionproperties.generalbtn_width + 'px',
-      height: sectionproperties.generalbtn_height + 'px',
-      // backgroundColor: sectionproperties.generalbtn_bgColor,
-      color: sectionproperties.generalbtn_bgColoronhover,
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
-      border: '1px solid ' + sectionproperties.generalbtn_bgColoronhover,
-      fontSize: sectionproperties.generalbtn_fontsize + 'px',
-      fontWeight: sectionproperties.generalbtn_fontweight,
-      marginTop: sectionproperties.generalbtn_marginTop + 'px',
-      marginBottom: sectionproperties.generalbtn_marginBottom + 'px',
-      transition: '.3s',
-      cursor: 'pointer',
-      ':hover': {
-        // backgroundColor: sectionproperties.generalbtn_bgColoronhover,
-        color: sectionproperties.sectionproperties,
-        borderColor: sectionproperties.sectionproperties
-      }
-    }),
     sectiontitlespan: glamor.css({
       paddingLeft: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
       paddingRight: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0,
@@ -59906,8 +60949,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         width: sectionproperties.sectitle_lineafterwidth + '%',
         display: 'block',
         backgroundColor: sectionproperties.linebgcolor,
-        borderRadius: '6px',
-        marginTop: 15
+        borderRadius: '6px'
       }
     }),
     facebook_btn: glamor.css({
@@ -60016,11 +61058,11 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   };
   var SectionTitle = function SectionTitle() {
     return /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center  ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center ' : '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start text-md-center ',
+      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
       style: {
         color: sectionproperties.sectionTitleColor,
         fontWeight: sectionproperties.sectionTitleFontWeight,
-        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
       }
     }, sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React__default["default"].createElement("span", {
       "class": "".concat(section_styles.sectiontitlespan) + ' pl-md-2 pr-md-2 left-md-0 '
@@ -60048,10 +61090,8 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         borderRadius: sectionproperties.reservation_borderradius + 'px'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.justifyContentCenter == 'Centered' ? section_styles.rightinnercont + ' row m-0 w-100 h-100 ' : section_styles.rightinnercont + ' row m-0 w-100 mb-auto h-100 py-md-4 ',
-      style: {
-        // padding: 20,
-      }
+      "class": sectionproperties.justifyContentCenter == 'Centered' ? section_styles.rightinnercont + ' row m-0 w-100 h-100 ' : section_styles.rightinnercont + ' row m-0 w-100 mb-auto h-100 ',
+      style: {}
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.sectionstyleresponsive == 'Image above text' ? 'col-lg-12 pl-0 pr-0 d-flex mt-md-4' : 'col-lg-12 pl-0 pr-0 d-flex ',
       style: {
@@ -60190,7 +61230,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     })))));
   };
   var Image = function Image() {
-    var _imagesarray$, _imagesarray$7, _imagesarray$8, _imagesarray$9, _imagesarray$10;
+    var _imagesarray$, _imagesarray$7, _imagesarray$8;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.image_height == 0 ? sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-md-0' : 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-md-0' : sectionproperties.sectionstyle == 'Image on left' ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-md-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-md-0',
       style: {
@@ -60212,43 +61252,29 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
           }
         }
       }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0 d-flex d-md-none justify-content-center align-items-center"
     }, imagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
       "class": section_styles.imageimage,
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
       path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$7 = imagesarray[0]) === null || _imagesarray$7 === void 0 ? void 0 : _imagesarray$7.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$8 = imagesarray[0]) === null || _imagesarray$8 === void 0 ? void 0 : _imagesarray$8.bgsection_image_ar),
       style: {}
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0 d-none d-md-flex justify-content-center align-items-center"
-    }, imagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      "class": section_styles.imageimage,
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$9 = imagesarray[0]) === null || _imagesarray$9 === void 0 ? void 0 : _imagesarray$9.bgsection_imageresponsive) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$10 = imagesarray[0]) === null || _imagesarray$10 === void 0 ? void 0 : _imagesarray$10.bgsection_imageresponsive_ar),
-      style: {}
-    })));
+    }));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center ',
+    "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center w-100 ',
     style: {
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.backgroundColor,
-      width: sectionproperties.width + 'vw',
-      borderRadius: sectionproperties.sectioncardborderradius + 'px'
+      background: sectionproperties.backgroundColor
     }
   }, sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-100 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-100 w-md-100 mx-auto' : sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center w-100 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center w-100 w-md-100 mx-auto',
+    "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
-      // width: sectionproperties.width + 'vw',
-      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
-      // borderRadius: sectionproperties.sectioncardborderradius + 'px',
+      width: sectionproperties.width + 'vw',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      borderRadius: sectionproperties.sectioncardborderradius + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class":
@@ -60279,13 +61305,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center px-md-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center px-md-0 ',
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
-      borderRadius: sectionproperties.reservation_borderradius + 'px',
-      paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
-      paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px'
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
@@ -60302,7 +61325,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',
@@ -60366,7 +61388,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
   }, /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(section_styles.btn2) + ' m-md-0 ',
+    "class": "".concat(section_styles.btn) + ' m-md-0 ',
     onClick: function onClick() {
       if (sectionproperties.btntype == 'WhatsApp') {
         var _authdetailsContext$i9;
@@ -60385,27 +61407,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       marginLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
       marginRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), sectionproperties.showbtn2 == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(section_styles.btn) + ' mx-1 ',
-    onClick: function onClick() {
-      if (sectionproperties.btntype == 'WhatsApp') {
-        var _authdetailsContext$i11;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.whatsappnumber) != null) {
-          var _authdetailsContext$i12;
-          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.whatsappnumber), '_blank');
-        }
-      } else if (sectionproperties.btntype == 'App/Web Page') {
-        // window.open(sectionproperties.btnlink, '_target');
-        routingcountext(sectionproperties.btnlink2, false, '');
-      } else {
-        window.open(sectionproperties.btnlink2, '_blank');
-      }
-    },
-    style: {
-      marginLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
-      marginRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
-    }
-  }, langdetect == 'en' ? 'Subscribe' : 'اشترك الان')), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 justify-content-sm-center mb-sm-4 align-items-center",
     style: {
       justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
@@ -60415,10 +61417,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i13;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.facebooklink) != null) {
-        var _authdetailsContext$i14;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.facebooklink, '_blank');
+      var _authdetailsContext$i11;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.facebooklink) != null) {
+        var _authdetailsContext$i12;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
@@ -60426,10 +61428,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i15;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.instagramlink) != null) {
-        var _authdetailsContext$i16;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.instagramlink, '_blank');
+      var _authdetailsContext$i13;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instagramlink) != null) {
+        var _authdetailsContext$i14;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
@@ -60437,10 +61439,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i17;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.whatsappnumber) != null) {
-        var _authdetailsContext$i18;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.whatsappnumber), '_blank');
+      var _authdetailsContext$i15;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.whatsappnumber) != null) {
+        var _authdetailsContext$i16;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -60454,11 +61456,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 mb-md-3 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 mb-md-3 ',
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
-      borderRadius: sectionproperties.reservation_borderradius + 'px'
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
@@ -60541,10 +61542,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');
@@ -60567,10 +61568,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i21;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.facebooklink) != null) {
-        var _authdetailsContext$i22;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.facebooklink, '_blank');
+      var _authdetailsContext$i19;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.facebooklink) != null) {
+        var _authdetailsContext$i20;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
@@ -60578,10 +61579,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i23;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.instagramlink) != null) {
-        var _authdetailsContext$i24;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.instagramlink, '_blank');
+      var _authdetailsContext$i21;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.instagramlink) != null) {
+        var _authdetailsContext$i22;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
@@ -60589,10 +61590,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i25;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.whatsappnumber) != null) {
-        var _authdetailsContext$i26;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.whatsappnumber), '_blank');
+      var _authdetailsContext$i23;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.whatsappnumber) != null) {
+        var _authdetailsContext$i24;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -60606,13 +61607,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, sectionproperties.image_show == 'show' && Image(), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center px-md-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center px-md-0 ',
+    "class": sectionproperties.image_show == 'show' ? section_styles.sectioncintainer + ' col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ' : section_styles.sectioncintainer + ' col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
-      borderRadius: sectionproperties.reservation_borderradius + 'px',
-      paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
-      paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px'
+      alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
@@ -60692,13 +61690,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start justify-content-md-center'
   }, /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(section_styles.btn2) + ' m-md-0 ',
+    "class": "".concat(section_styles.btn) + ' m-md-0 ',
     onClick: function onClick() {
       if (sectionproperties.btntype == 'WhatsApp') {
-        var _authdetailsContext$i27;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.whatsappnumber) != null) {
-          var _authdetailsContext$i28;
-          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.whatsappnumber), '_blank');
+        var _authdetailsContext$i25;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.whatsappnumber) != null) {
+          var _authdetailsContext$i26;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.whatsappnumber), '_blank');
         }
       } else if (sectionproperties.btntype == 'App/Web Page') {
         // window.open(sectionproperties.btnlink, '_target');
@@ -60711,27 +61709,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       marginLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
       marginRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(section_styles.btn) + ' mx-1 ',
-    onClick: function onClick() {
-      if (sectionproperties.btntype == 'WhatsApp') {
-        var _authdetailsContext$i29;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.whatsappnumber) != null) {
-          var _authdetailsContext$i30;
-          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.whatsappnumber), '_blank');
-        }
-      } else if (sectionproperties.btntype == 'App/Web Page') {
-        // window.open(sectionproperties.btnlink, '_target');
-        routingcountext(sectionproperties.btnlink2, false, '');
-      } else {
-        window.open(sectionproperties.btnlink2, '_blank');
-      }
-    },
-    style: {
-      marginLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
-      marginRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px'
-    }
-  }, langdetect == 'en' ? 'Subscribe' : 'اشترك الان')), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 justify-content-sm-center mb-sm-4 align-items-center",
     style: {
       justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
@@ -60741,10 +61719,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i31;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.facebooklink) != null) {
-        var _authdetailsContext$i32;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.facebooklink, '_blank');
+      var _authdetailsContext$i27;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.facebooklink) != null) {
+        var _authdetailsContext$i28;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
@@ -60752,10 +61730,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i33;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.instagramlink) != null) {
-        var _authdetailsContext$i34;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.instagramlink, '_blank');
+      var _authdetailsContext$i29;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.instagramlink) != null) {
+        var _authdetailsContext$i30;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
@@ -60763,10 +61741,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i35;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.whatsappnumber) != null) {
-        var _authdetailsContext$i36;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.whatsappnumber), '_blank');
+      var _authdetailsContext$i31;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.whatsappnumber) != null) {
+        var _authdetailsContext$i32;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -60866,10 +61844,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');
@@ -60892,10 +61870,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i39;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.facebooklink) != null) {
-        var _authdetailsContext$i40;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.facebooklink, '_blank');
+      var _authdetailsContext$i35;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.facebooklink) != null) {
+        var _authdetailsContext$i36;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
@@ -60903,10 +61881,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i41;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i41 = authdetailsContext.instinfo) === null || _authdetailsContext$i41 === void 0 ? void 0 : _authdetailsContext$i41.instagramlink) != null) {
-        var _authdetailsContext$i42;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i42 = authdetailsContext.instinfo) === null || _authdetailsContext$i42 === void 0 ? void 0 : _authdetailsContext$i42.instagramlink, '_blank');
+      var _authdetailsContext$i37;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.instagramlink) != null) {
+        var _authdetailsContext$i38;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
@@ -60914,10 +61892,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i43;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i43 = authdetailsContext.instinfo) === null || _authdetailsContext$i43 === void 0 ? void 0 : _authdetailsContext$i43.whatsappnumber) != null) {
-        var _authdetailsContext$i44;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i44 = authdetailsContext.instinfo) === null || _authdetailsContext$i44 === void 0 ? void 0 : _authdetailsContext$i44.whatsappnumber), '_blank');
+      var _authdetailsContext$i39;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.whatsappnumber) != null) {
+        var _authdetailsContext$i40;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -60984,7 +61962,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     }
   }, sectionproperties.image_show == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "w-100 mb-md-3"
-  }, " ", Image()), Content()))))));
+  }, " ", Image()), Content())))));
 };
 
 function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -61211,7 +62189,7 @@ var Servicesection = function Servicesection(props) {
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr);
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' row ml-0 mr-0 align-items-center ',
+    "class": ' row ml-0 mr-0 align-items-center w-md-100 ',
     style: {
       width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
@@ -61317,7 +62295,7 @@ var Servicesection = function Servicesection(props) {
     "class": "row m-0 w-100 d-flex justify-content-center justify-content-md-start"
   }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-4 col-md-12 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start"
+      "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       // class="m-lg-auto d-flex justify-content-center"
       "class": sectionproperties.innersectionbordertype != 'All' ? 'm-sm-auto d-flex justify-content-center border-md-none w-100' : 'm-lg-auto d-flex justify-content-center',
@@ -61341,7 +62319,7 @@ var Servicesection = function Servicesection(props) {
           window.open(cardinfoitem.btnlink, '_blank');
         }
       }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, sectionproperties.image_show == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "d-flex d-sm-none",
       style: {
         width: sectionproperties.image_width + 'px',
@@ -61359,7 +62337,7 @@ var Servicesection = function Servicesection(props) {
         width: '100%',
         objectFit: 'cover'
       }
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
+    })), sectionproperties.image_show == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "d-none d-sm-flex mt-auto mb-auto",
       style: {
         width: 35,
@@ -61408,89 +62386,22 @@ var Servicesection = function Servicesection(props) {
 
 function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-// const minuteSeconds = 60;
-// const hourSeconds = 3600;
-// const daySeconds = 86400;
-
-// const timerProps = {
-//     isPlaying: true,
-//     size: 120,
-//     strokeWidth: 6,
-// };
-
-var formatTime = function formatTime(time) {
-  var days = Math.floor(time / (60 * 60 * 24));
-  var hours = Math.floor(time % (60 * 60 * 24) / (60 * 60));
-  var minutes = Math.floor(time % (60 * 60) / 60);
-  var seconds = time % 60;
-  return {
-    days: days,
-    hours: hours,
-    minutes: minutes,
-    seconds: seconds
-  };
-};
-// const renderTime = (dimension, time) => {
-//     return (
-// <div className="time-wrapper">
-//     <div className="time">{time}</div>
-//     <div>{dimension}</div>
-// </div>
-//     );
-// };
-
-// const getTimeSeconds = (time) => (minuteSeconds - time) | 0;
-// const getTimeMinutes = (time) => ((time % hourSeconds) / minuteSeconds) | 0;
-// const getTimeHours = (time) => ((time % daySeconds) / hourSeconds) | 0;
-// const getTimeDays = (time) => (time / daySeconds) | 0;
-
 var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   var _maincontainerarrayof;
-  var targetStartDate = new Date('2024-12-16T12:00:00');
-  var _useState = React.useState(0),
+  var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
-    remainingTimeInSeconds = _useState2[0],
-    setRemainingTimeInSeconds = _useState2[1];
-  var _useState3 = React.useState(''),
+    sectionproperties = _useState2[0],
+    setsectionproperties = _useState2[1];
+  var _useState3 = React.useState([]),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    sectionproperties = _useState4[0],
-    setsectionproperties = _useState4[1];
-  var _useState5 = React.useState([]),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    cardsarray = _useState6[0],
-    setcardsarray = _useState6[1];
+    cardsarray = _useState4[0],
+    setcardsarray = _useState4[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var routingcountext = props.actions.routingcountext;
   var authdetailsContext = props.actions.authdetailsContext;
-
-  // const remainingTime = endTime - stratTime;
-  // // const days = Math.ceil(remainingTime / daySeconds);
-  // const daysDuration = days * daySeconds;
-  React.useEffect(function () {
-    var interval = setInterval(function () {
-      var currentTime = new Date();
-      var differenceInSeconds = Math.max(Math.floor((targetStartDate - currentTime) / 1000), 0);
-      setRemainingTimeInSeconds(differenceInSeconds);
-    }, 1000); // Update every second
-
-    return function () {
-      return clearInterval(interval);
-    }; // Cleanup interval on unmount
-  }, [targetStartDate]);
-
-  // Format the remaining time into days, hours, minutes, and seconds
-  var _formatTime = formatTime(remainingTimeInSeconds),
-    days = _formatTime.days,
-    hours = _formatTime.hours,
-    minutes = _formatTime.minutes,
-    seconds = _formatTime.seconds;
-  var _useState7 = React.useState([]),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    maincontainerarrayofobjs = _useState8[0],
-    setmaincontainerarrayofobjs = _useState8[1];
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -61512,6 +62423,10 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }
   }, [sectionproperties]);
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    maincontainerarrayofobjs = _useState6[0],
+    setmaincontainerarrayofobjs = _useState6[1];
   React.useEffect(function () {
     if (sectionproperties.length != 0 && sectionproperties.maincontainerarrayofobjs != undefined) {
       var maincontainerarrayofobjsparsed = JSON.parse(sectionproperties.maincontainerarrayofobjs);
@@ -61616,7 +62531,6 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       }
     }),
     cardContainer: glamor.css({
-      background: sectionproperties.reservation_bgcolor,
       ':hover .imageContainer': {
         transition: '.3s',
         backgroundColor: sectionproperties.activedotcolor
@@ -61624,9 +62538,6 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       ':hover .text1Styles': {
         transition: '.3s',
         color: sectionproperties.text1secondarycolor
-      },
-      ':hover': {
-        background: sectionproperties.innersectionbgcolorhover
       }
     }),
     btnstyles: glamor.css({
@@ -61635,7 +62546,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': {
@@ -61707,22 +62618,18 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "d-flex align-items-center flex-column allcentered",
+    "class": "d-flex align-items-center flex-row allcentered",
     style: {
       position: 'relative',
       width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
     }
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
+  }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": sectionStyles.line_left
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center ' : "".concat(sectionStyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center  ',
     style: {}
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React__default["default"].createElement("span", {
-    style: {
-      width: '50%',
-      background: sectionproperties.linebgcolor,
-      height: 3,
-      borderRadius: 10,
-      marginTop: 5
-    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": sectionStyles.line_right
   })))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center px-sm-3',
     style: {
@@ -61734,215 +62641,10 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": sectionproperties.descFontFamily == 'Pacifico' ? sectionStyles.descriptioncont + ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? sectionStyles.descriptioncont + ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? sectionStyles.descriptioncont + ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? sectionStyles.descriptioncont + ' QuicksandFont m-0 p-0 wordbreak' : sectionStyles.descriptioncont + ' m-0 p-0 wordbreak',
     style: {}
-  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), sectionproperties.showcountdown == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-3"
-  }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, {
-    isPlaying: true,
-    duration: remainingTimeInSeconds,
-    colors: "#013c48",
-    strokeWidth: 8,
-    size: 120,
-    initialRemainingTime: remainingTimeInSeconds
-  }, function (_ref) {
-    _ref.elapsedTime;
-      _ref.color;
-    return /*#__PURE__*/React__default["default"].createElement("span", {
-      style: {
-        color: '#bea04b',
-        fontSize: 23,
-        fontWeight: 600
-      },
-      "class": "allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time-wrapper allcentered flex-column"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time"
-    }, days), /*#__PURE__*/React__default["default"].createElement("div", null, "\u064A\u0648\u0645")));
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-3"
-  }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, {
-    isPlaying: true,
-    duration: remainingTimeInSeconds,
-    colors: "#013c48",
-    strokeWidth: 8,
-    size: 120,
-    initialRemainingTime: remainingTimeInSeconds
-  }, function (_ref2) {
-    _ref2.elapsedTime;
-      _ref2.color;
-    return /*#__PURE__*/React__default["default"].createElement("span", {
-      style: {
-        color: '#bea04b',
-        fontSize: 23,
-        fontWeight: 600
-      },
-      "class": "allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time-wrapper allcentered flex-column"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time"
-    }, hours), /*#__PURE__*/React__default["default"].createElement("div", null, "\u0633\u0627\u0639\u0629")));
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-3"
-  }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, {
-    isPlaying: true,
-    duration: remainingTimeInSeconds,
-    colors: "#013c48",
-    strokeWidth: 8,
-    size: 120,
-    initialRemainingTime: remainingTimeInSeconds
-  }, function (_ref3) {
-    _ref3.elapsedTime;
-      _ref3.color;
-    return /*#__PURE__*/React__default["default"].createElement("span", {
-      style: {
-        color: '#bea04b',
-        fontSize: 23,
-        fontWeight: 600
-      },
-      "class": "allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time-wrapper allcentered flex-column"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time"
-    }, minutes), /*#__PURE__*/React__default["default"].createElement("div", null, "\u062F\u0642\u064A\u0642\u0629")));
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-3 col-sm-6 allcentered mb-md-3"
-  }, /*#__PURE__*/React__default["default"].createElement(reactCountdownCircleTimer.CountdownCircleTimer, {
-    isPlaying: true,
-    duration: remainingTimeInSeconds,
-    colors: "#013c48",
-    strokeWidth: 8,
-    size: 120,
-    initialRemainingTime: remainingTimeInSeconds
-  }, function (_ref4) {
-    _ref4.elapsedTime;
-      _ref4.color;
-    return /*#__PURE__*/React__default["default"].createElement("span", {
-      style: {
-        color: '#bea04b',
-        fontSize: 23,
-        fontWeight: 600
-      },
-      "class": "allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time-wrapper allcentered flex-column"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "time"
-    }, seconds), /*#__PURE__*/React__default["default"].createElement("div", null, "\u062B\u0627\u0646\u064A\u0629")));
-  }))), sectionproperties.flippingcards == 'Yes' && sectionproperties.showcountdown != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 d-flex justify-content-center"
-  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": 'flip-card  d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 ',
-      style: {
-        zIndex: 2,
-        paddingLeft: sectionproperties.marginhorizontal + 'px',
-        paddingRight: sectionproperties.marginhorizontal + 'px'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "flip-card-inner",
-      style: {
-        background: sectionproperties.reservation_bgcolor,
-        borderRadius: sectionproperties.reservation_borderradius + 'px',
-        border: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : ''
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "flip-card-front"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 d-flex align-items-center p-0",
-      style: {
-        marginBottom: sectionproperties.image_mb + 'px',
-        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
-      style: {
-        background: 'transparent'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
-      style: {
-        maxHeight: sectionproperties.iconcontainerwidth + '%',
-        maxWidth: sectionproperties.iconcontainerwidth + '%',
-        objectFit: 'contain'
-      }
-    }))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 d-flex p-0",
-      style: {
-        marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
-        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
-      style: {
-        cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default'
-      }
-    }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "flip-card-back allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100 allcentered"
-    }, sectionproperties.showimagewhenflip == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 d-flex align-items-center p-0",
-      style: {
-        marginBottom: sectionproperties.image_mb + 'px',
-        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": ' d-flex align-items-center  ',
-      style: {
-        width: '30%',
-        height: '30%',
-        justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
-      style: {
-        maxHeight: '100%',
-        maxWidth: '100%',
-        objectFit: 'contain'
-      }
-    }))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 d-flex p-0",
-      style: {
-        marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
-        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
-      style: {
-        cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
-        color: ' #FFECB5',
-        fontSize: 14
-      }
-    }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 d-flex p-0",
-      style: {
-        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
-      }
-    }, sectionproperties.slideshowtext2_show && /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0 wordbreak",
-      style: {
-        color: sectionproperties.slideshowText2ContentColor,
-        fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
-        fontWeight: sectionproperties.slideshowText2ContentFontWeight,
-        textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
-      }
-    }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar))))));
-  })), sectionproperties.flippingcards == 'No' && sectionproperties.showcountdown != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
     var _authdetailsContext$i;
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": 'col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 omancard col-sm-' + sectionproperties.numberOfColsverticalresp,
+      "class": sectionproperties.numofcols == '2' ? 'col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? 'col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : 'col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp,
       style: {
         zIndex: 2,
         paddingLeft: sectionproperties.marginhorizontal + 'px',
@@ -61952,37 +62654,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%' : ''
       },
@@ -62105,7 +62790,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   ";
@@ -68952,22 +69637,6 @@ var Card23 = function Card23(props) {
         minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
         maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
       }
-    }),
-    pillcont: glamor.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) {
@@ -69050,8 +69719,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__default["default"].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__default["default"].createElement("p", {
       "class": "m-0 p-0 text-uppercase",
       style: {
@@ -69093,7 +69772,7 @@ var Card23 = function Card23(props) {
     AddtoCartContext(tempaddtocardpayloadobj);
   };
   return /*#__PURE__*/React__default["default"].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'
@@ -69208,12 +69887,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__default["default"].createElement("div", {
+    "class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
+    style: {
+      height: sectionproperties.height_responsive + 'px',
+      marginBottom: sectionproperties.image_mb + 'px'
+    }
+  }, Image('responsive')), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2',
     style: {
       paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
@@ -69760,7 +70445,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) {
@@ -69796,7 +70482,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: glamor.css({
@@ -69871,7 +70557,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: glamor.css({
       flex: 1,
@@ -69950,7 +70639,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": ' d-flex align-items-center justify-content-center '
         }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
-          color: "white",
+          color: sectionproperties.cartBtnTextcolor,
           width: "20px",
           height: "20px",
           duration: "1s"
@@ -70076,7 +70765,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  })))), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.prodsalePriceshow == 'Show' && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "allcentered",
     style: {
       position: 'absolute',
@@ -70093,7 +70782,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__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      position: 'absolute',
+      top: sectionproperties.pillpositionfromtop + 'px',
+      left: sectionproperties.pillpositionfromright + 'px',
+      // right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
+      zIndex: 3
+    }
+  }, /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].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__default["default"].createElement("div", {
     "class": "".concat(cardsstyles2.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
@@ -71234,7 +71954,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
       }
@@ -71253,7 +71973,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,
@@ -71511,7 +72231,7 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     style: {
       display: 'flex',
       justifyContent: sectionproperties.generaltext_position == 'Centered' ? 'center' : 'start',
-      zIndex: 10000
+      zIndex: 10
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": card_cssstyles.categoryname + ' m-0 p-0 categoryname wordbreak wordbreak1 wordbreak-md-2 ',
@@ -71523,7 +72243,7 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     "class": "".concat(cardstyles$1.buttons_container) + ' m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("li", {
     style: {
-      zIndex: 10000
+      zIndex: 10
     },
     "class": langdetect == 'en' ? 'ml-4 cursor-pointer ' : 'mr-4 cursor-pointer ',
     onClick: function onClick(e) {
@@ -71660,7 +72380,8 @@ var Classiccategorycard = function Classiccategorycard(props) {
       width: '100%',
       bottom: sectionproperties.generaltext_position == 'Centered' ? '50%' : '7%',
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      left: 0
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.textContainer, " ") + ' allcentered pl-2 pr-2 '
@@ -72051,11 +72772,6 @@ var MenuCard = function MenuCard(props) {
   React.useEffect(function () {
     setitem(props.cardinfoitemprops);
   }, [props.cardinfoitemprops]);
-  var plainString = function plainString(html) {
-    var divContainer = document.createElement('div');
-    divContainer.innerHTML = html;
-    return divContainer.textContent || divContainer.innerText || '';
-  };
   // const addtocartfunc = () => {
   //     const addtocardpayloadobj = {
   //         functype: 'add',
@@ -72287,7 +73003,7 @@ var MenuCard = function MenuCard(props) {
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(card_cssstyles.productcard) + ' w-100 pl-sm-0 pr-sm-0 '
+    "class": "".concat(card_cssstyles.productcard) + ' w-100 pl-sm-0 pr-sm-0 px-sm-2 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row w-100 m-0 d-flex"
   }, sectionproperties.image_show == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -72298,7 +73014,7 @@ var MenuCard = function MenuCard(props) {
         routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
       }
     },
-    "class": langdetect == 'en' ? "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start mr-2 ' : "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start ml-2 ',
+    "class": langdetect == 'en' ? "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start mr-2 m-sm-0 ' : "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start ml-2 m-sm-0 ',
     style: {}
   }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -72331,12 +73047,25 @@ var MenuCard = function MenuCard(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, item.name)), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 mt-2 mb-1 wordbreak wordbreak2 p-0 ',
+  }, item.name)), sectionproperties.prodCatShow == 'Show' &&
+  /*#__PURE__*/
+  // <p
+  // //     class={`${card_cssstyles.productDescStyles}` + ' col-lg-12 mt-2 mb-1 wordbreak wordbreak2 p-0 '}
+  // //     style={{
+  // //         textAlign: langdetect == 'en' ? 'left' : 'right',
+  // //     }}
+  // // >
+  // //     {plainString(langdetect == 'en' ? item.description_en : item.description_ar)}
+  // // </p>
+  React__default["default"].createElement("p", {
+    "class": sectionproperties.descriptionwordbreak == 'None' ? "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0   mt-1 ' : "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 ',
     style: {
-      textAlign: langdetect == 'en' ? 'left' : 'right'
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: item.shortdescription
     }
-  }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       display: 'flex',
       flexDirection: 'column',
@@ -72344,16 +73073,16 @@ var MenuCard = function MenuCard(props) {
     },
     "class": "col-lg-3 col-md-3 col-sm-12 mt-2 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 d-flex flex-column flex-sm-row justify-content-end justify-content-sm-start"
+    "class": "row m-0 w-100 d-flex flex-column flex-sm-column justify-content-end justify-content-sm-start"
   }, sectionproperties.prodPriceShow == 'Show' && sectionproperties.removedecimals == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": langdetect == 'en' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
   }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodPriceShow == 'Show' && sectionproperties.removedecimals == 'Hide' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": langdetect == 'en' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
   }, langdetect == 'en' ? 'EGP' : '', ' ', item.hassale == 1 ? parseFloat(Number(item.defaultsaleprice).toFixed(2)) : parseFloat(Number(item.defaultprice).toFixed(2)), ' ', langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && sectionproperties.removedecimals == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": langdetect == 'en' ? "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 ' : "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 '
+    "class": langdetect == 'en' ? "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 m-sm-0 ' : "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 m-sm-0 '
   }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && sectionproperties.removedecimals == 'Hide' && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": langdetect == 'en' ? "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 ' : "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 '
-  }, langdetect == 'en' ? 'EGP' : '', parseFloat(Number(item.defaultprice).toFixed(2)), " ", langdetect == 'en' ? '' : 'ج.م')), sectionproperties.quantitybtn_show == 'hide' && sectionproperties.favBtnShow == 'Hide' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": langdetect == 'en' ? "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 m-sm-0 ' : "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 m-sm-0 '
+  }, langdetect == 'en' ? 'EGP' : '', " ", parseFloat(Number(item.defaultprice).toFixed(2)), " ", langdetect == 'en' ? '' : 'ج.م')), sectionproperties.quantitybtn_show == 'hide' && sectionproperties.favBtnShow == 'Hide' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 mt-auto w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-end p-0"
@@ -76699,7 +77428,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   props.actions.NotificationManager;
   var AddtoCartContext = props.actions.AddtoCartContext;
-  var AddtoCartMutationContext = props.AddtoCartMutationContext;
+  var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
   var _useState5 = React.useState(''),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     addtocardpayloadobj = _useState6[0];
@@ -77300,7 +78029,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
-  }, plainString(item.shortdescription)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, plainString(item.description)), /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       flexDirection: 'column'
     },
@@ -78685,9 +79414,7 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
     "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 ' : " ".concat(card_cssstyles.productcard),
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
-      minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
-      maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px'
+      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' cursor-pointer w-100 ',