tabexseriescomponents 0.0.111 → 0.0.113

package/dist/index.esm.js

@@ -21,7 +21,7 @@ import 'react-query';
 import ImageGallery from 'react-image-gallery';
 import { useParams } from 'react-router';
 import { IKImage } from 'imagekitio-react';
-import { MdAddShoppingCart as MdAddShoppingCart$1 } from '@react-icons/all-files/md/MdAddShoppingCart';
+import { MdAddShoppingCart } from '@react-icons/all-files/md/MdAddShoppingCart';
 import { IoBagHandleOutline } from '@react-icons/all-files/io5/IoBagHandleOutline';
 import { BsBag } from '@react-icons/all-files/bs/BsBag';
 import { CgShoppingBag } from '@react-icons/all-files/cg/CgShoppingBag';
@@ -210,6 +210,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           securepayment: 'Secure payment',
           trustedshipping: 'Trusted shipping',
           callus: 'CALL US',
+          callus2: 'Call us',
           returnpolicy: 'Return policy',
           shippingpolicy: 'Shipping policy',
           deliverto: 'Deliver to',
@@ -317,6 +318,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           securepayment: 'دفع امن',
           trustedshipping: 'شحن امن',
           callus: 'إتصل بنا',
+          callus2: 'إتصل بنا',
           returnpolicy: 'سياسة الإستبدال و الإسترجاع',
           shippingpolicy: 'سياسة الشحن',
           deliverto: 'التوصيل إلى',
@@ -1838,7 +1840,7 @@ var Productinfo = function Productinfo(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     className: "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })), lang.addtocart), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
     className: ' d-flex align-items-center justify-content-center '
@@ -3704,7 +3706,7 @@ var Wishlist = function Wishlist(props) {
     }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
       className: "",
       size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+    }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
       className: "",
       size: sectionproperties.cartBtn_iconFontSize
     }))), /*#__PURE__*/React.createElement("td", {
@@ -7490,7 +7492,7 @@ var CartSlider = function CartSlider(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     className: "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })), lang.viewcart), /*#__PURE__*/React.createElement("button", {
     className: " ".concat(cart_cssstyles.checkoutbtn) + ' ml-1 mr-1 ',
@@ -7810,8 +7812,8 @@ var OrderSuccess = function OrderSuccess(props) {
   }, ReasonFail)));
 };
 
-var css_248z$A = ".Gotoheader-module_header_container__f-O-q {\n    width: 100% !important;\n    display: flex;\n    align-items: center;\n    align-content: center;\n    transition: all 0.2s;\n    padding: 0 !important;\n    margin: 0 !important;\n}\n.Gotoheader-module_header_container__f-O-q .Gotoheader-module_navbar__gh56e ul {\n    margin: 0;\n    padding: 0;\n    display: flex;\n    list-style: none;\n    align-items: center;\n}\n.Gotoheader-module_topbar_item_container__qiBbU {\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n.Gotoheader-module_topbar_item__rYdqG {\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n}\n.Gotoheader-module_topbar_item__rYdqG::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    top: 100%;\n    left: 0;\n    pointer-events: none;\n    transform-origin: 50% 100%;\n    transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n    clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover::before {\n    transform: translate3d(0, 2px, 0) scale3d(1.08, 3, 1);\n    clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG span {\n    display: inline-block;\n    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover span {\n    transform: translate3d(0, -2px, 0);\n}\n.Gotoheader-module_badge_counter_header_notifications__a3aCj {\n    position: absolute;\n    transform: scale(0.3);\n    transform-origin: top right;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.Gotoheader-module_header_divider__KE8o6 {\n    overflow: hidden;\n}\n/*  */\n.Gotoheader-module_searchbar__xRQAq {\n  display: inline-block;\n  border: none;\n  outline: none;\n  width: 0px;\n  position: absolute;\n  top: 0;\n  /* right: 0; */\n  background: none;\n  z-index: 3;\n  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n  cursor: pointer;\n}\n.Gotoheader-module_searchbar__xRQAq:focus {\n  width: 400px !important;\n  z-index: 1;\n  cursor: text;\n}\n.Gotoheader-module_searchbaractive__ECT3T {\n  display: inline-block;\n  z-index: 2;\n  cursor: pointer;\n  cursor: pointer;\n}\n";
-var headerstyles$g = {"header_container":"Gotoheader-module_header_container__f-O-q","navbar":"Gotoheader-module_navbar__gh56e","topbar_item_container":"Gotoheader-module_topbar_item_container__qiBbU","topbar_item":"Gotoheader-module_topbar_item__rYdqG","badge_counter_header_notifications":"Gotoheader-module_badge_counter_header_notifications__a3aCj","header_divider":"Gotoheader-module_header_divider__KE8o6","searchbar":"Gotoheader-module_searchbar__xRQAq","searchbaractive":"Gotoheader-module_searchbaractive__ECT3T"};
+var css_248z$A = ".Gotoheader-module_header_container__f-O-q {\n    width: 100% !important;\n    display: flex;\n    align-items: center;\n    align-content: center;\n    transition: all 0.2s;\n    padding: 0 !important;\n    margin: 0 !important;\n}\n.Gotoheader-module_topbar_item_container__qiBbU {\n    margin: 0;\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n.Gotoheader-module_topbar_item__rYdqG {\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n}\n.Gotoheader-module_topbar_item__rYdqG::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    top: 100%;\n    left: 0;\n    pointer-events: none;\n    transform-origin: 50% 100%;\n    transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n    clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover::before {\n    transform: translate3d(0, 2px, 0) scale3d(1.08, 3, 1);\n    clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);\n}\n.Gotoheader-module_topbar_item__rYdqG span {\n    display: inline-block;\n    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n}\n.Gotoheader-module_topbar_item__rYdqG:hover span {\n    transform: translate3d(0, -2px, 0);\n}\n.Gotoheader-module_badge_counter_header_notifications__a3aCj {\n    position: absolute;\n    transform: scale(0.3);\n    transform-origin: top right;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.Gotoheader-module_header_divider__KE8o6 {\n    overflow: hidden;\n}\n/*  */\n.Gotoheader-module_searchbar__xRQAq {\n  display: inline-block;\n  border: none;\n  outline: none;\n  width: 0px;\n  position: absolute;\n  top: 0;\n  /* right: 0; */\n  background: none;\n  z-index: 3;\n  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n  cursor: pointer;\n}\n.Gotoheader-module_searchbar__xRQAq:focus {\n  width: 400px !important;\n  z-index: 1;\n  cursor: text;\n}\n.Gotoheader-module_searchbaractive__ECT3T {\n  display: inline-block;\n  z-index: 2;\n  cursor: pointer;\n  cursor: pointer;\n}\n";
+var headerstyles$g = {"header_container":"Gotoheader-module_header_container__f-O-q","topbar_item_container":"Gotoheader-module_topbar_item_container__qiBbU","topbar_item":"Gotoheader-module_topbar_item__rYdqG","badge_counter_header_notifications":"Gotoheader-module_badge_counter_header_notifications__a3aCj","header_divider":"Gotoheader-module_header_divider__KE8o6","searchbar":"Gotoheader-module_searchbar__xRQAq","searchbaractive":"Gotoheader-module_searchbaractive__ECT3T"};
 styleInject(css_248z$A);
 
 var Searchlist$1 = function Searchlist(props) {
@@ -8105,7 +8107,6 @@ var Subheader = function Subheader(props) {
       var _props$subheaderprope4, _props$subheaderprope5;
       return /*#__PURE__*/React.createElement("div", {
         onClick: function onClick() {
-          // history.push(item.navigationroute);
           routingcountext(item.navigationroute);
         },
         "class": "scrollhorizontalcard",
@@ -8114,13 +8115,7 @@ var Subheader = function Subheader(props) {
           marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingRightprops : 0
         }
       }, /*#__PURE__*/React.createElement("p", {
-        "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3  ',
-        onClick: function onClick() {
-          templatepropcontext === null || templatepropcontext === void 0 ? void 0 : templatepropcontext.pagesnprop.forEach(function (pageitem, pageindex) {
-            pageitem.isselected = false;
-          });
-          templatepropcontext.pagesnprop[index].isselected = true;
-        }
+        "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3  '
       }, langdetect == 'en' ? item.pagename : item.pagename_ar));
     }
   })), fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : (_fetchCategoriesQuery2 = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.map(function (item, index) {
@@ -8563,7 +8558,7 @@ var Headerresponsive = function Headerresponsive(props) {
     className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     className: ' d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
     className: "ml-2 mr-2"
   }, lang.viewcart))))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
     style: {
@@ -8598,7 +8593,7 @@ var Headerresponsive = function Headerresponsive(props) {
     className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     className: ' d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
     className: langdetect == 'en' ? 'ml-2' : 'mr-2'
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
     style: {
@@ -8690,7 +8685,7 @@ var Headerresponsive = function Headerresponsive(props) {
     size: sectionproperties.cartBtniconresp_size
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     size: sectionproperties.cartBtniconresp_size
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtniconresp_size
   }))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(header_cssstyles.badge_counter_header_notifications),
@@ -8867,7 +8862,7 @@ var Headerresponsive = function Headerresponsive(props) {
 function ownKeys$1r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Gotoheader = function Gotoheader(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -9002,8 +8997,6 @@ var Gotoheader = function Gotoheader(props) {
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.lowersection_BorderBottomRightRadius + 'px' : sectionproperties.lowersection_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.lowersection_borderTopLeftRadius + 'px' : sectionproperties.lowersection_borderTopRightRadius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.lowersection_borderTopRightRadius + 'px' : sectionproperties.lowersection_borderTopLeftRadius + 'px',
-      paddingTop: sectionproperties.lowersection_paddingtop + 'px',
-      paddingBottom: sectionproperties.lowersection_paddingbottom + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.lowersection_paddingleft + 'px' : sectionproperties.lowersection_paddingright + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.lowersection_paddingright + 'px' : sectionproperties.lowersection_paddingleft + 'px'
     }),
@@ -9295,7 +9288,7 @@ var Gotoheader = function Gotoheader(props) {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   })), /*#__PURE__*/React.createElement("p", {
     "class": ' allcenetered m-0 p-0 '
@@ -9372,11 +9365,11 @@ var Gotoheader = function Gotoheader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   }), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.cartbadge)
-  }, fetchcustomercartQueryContext.data.data.customercart != null ? fetchcustomercartQueryContext.data.data.customercart.cartitems.length : 0)), /*#__PURE__*/React.createElement("p", {
+  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : (_fetchcustomercartQue9 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue9 === void 0 ? void 0 : (_fetchcustomercartQue10 = _fetchcustomercartQue9.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length : 0)), /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0 d-flex flex-column ",
     style: {
       color: sectionproperties.cartBtnTextcolor,
@@ -9460,17 +9453,17 @@ var Gotoheader = function Gotoheader(props) {
   })), sectionproperties.showlowerheadersection == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 d-flex align-items-center p-0'
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.navbar_nav) + ' w-100 '
+    "class": "".concat(header_cssstyles.navbar_nav) + ' w-100 row m-0 w-100 d-flex justify-content-start align-items-center '
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 d-flex align-items-center"
-  }, /*#__PURE__*/React.createElement("nav", {
-    "class": headerstyles$g.navbar,
+    "class": ' scrollhorizontal w-100 justify-content-start align-items-center ',
     style: {
-      display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
+      display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex',
+      paddingTop: sectionproperties.lowersection_paddingtop + 'px',
+      paddingBottom: sectionproperties.lowersection_paddingbottom + 'px'
     }
-  }, /*#__PURE__*/React.createElement("ul", null, templatepropcontext.pagesnprop.map(function (item, index) {
+  }, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1) {
-      return /*#__PURE__*/React.createElement("li", {
+      return /*#__PURE__*/React.createElement("div", {
         "class": "".concat(headerstyles$g.topbar_item_container),
         style: {
           marginRight: langdetect == 'en' ? '45px' : 0,
@@ -9483,7 +9476,13 @@ var Gotoheader = function Gotoheader(props) {
         "class": "".concat(headerstyles$g.topbar_item, " ").concat(header_cssstyles.topbar_item)
       }, /*#__PURE__*/React.createElement("span", null, langdetect == 'en' ? item.pagename : item.pagename_ar)));
     }
-  }))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement(Subheader, {
+  })), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement("div", {
+    "class": "w-100",
+    style: {
+      paddingTop: sectionproperties.lowersection_paddingtop + 'px',
+      paddingBottom: sectionproperties.lowersection_paddingbottom + 'px'
+    }
+  }, /*#__PURE__*/React.createElement(Subheader, {
     sectionpropertiesprops: sectionproperties,
     actions: actions,
     subheaderpropertiesprops: {
@@ -9989,7 +9988,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -10057,7 +10056,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   }))), /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml d-flex align-items-center justify-content-center' : 'headerdropdownmr d-flex align-items-center justify-content-center'
@@ -10127,7 +10126,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
       zIndex: 2
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": 'col-lg-2 d-flex align-items-center p-0',
+    "class": 'col-xl-2 col-lg-3 d-flex align-items-center p-0',
     style: {},
     onClick: function onClick() {
       setdropdownselect(!dropdownselect);
@@ -10164,29 +10163,29 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
       "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
     }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React.createElement(Dropdown.Divider, null));
   }))))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-8 d-flex align-items-center justify-content-start pl-1 pr-1"
-  }, /*#__PURE__*/React.createElement("nav", {
-    "class": headerstyles$e.navbar,
+    "class": "col-xl-7 col-lg-6 d-flex align-items-center justify-content-start pl-1 pr-1"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": ' scrollhorizontal w-100 justify-content-start align-items-center ',
     style: {
       display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
     }
-  }, /*#__PURE__*/React.createElement("ul", null, templatepropcontext.pagesnprop.map(function (item, index) {
+  }, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isselected) ;
     if (item.isnavigation == 1 && item.isactive == 1) {
-      return /*#__PURE__*/React.createElement("li", {
+      return /*#__PURE__*/React.createElement("div", {
+        "class": "cursor-pointer",
+        onClick: function onClick() {
+          routingcountext(item.navigationroute, false, '');
+        },
         style: {
           marginLeft: langdetect == 'en' ? 0 : '35px',
           marginRight: langdetect == 'en' ? '35px' : 0
         }
-      }, /*#__PURE__*/React.createElement("div", {
-        onClick: function onClick() {
-          routingcountext(item.navigationroute, false, '');
-        }
       }, /*#__PURE__*/React.createElement("span", {
         "class": "".concat(header_cssstyles.navbar_item_text)
-      }, langdetect == 'en' ? item.pagename : item.pagename_ar)));
+      }, langdetect == 'en' ? item.pagename : item.pagename_ar));
     }
-  }))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement(Subheader, {
+  })), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement(Subheader, {
     sectionpropertiesprops: sectionproperties,
     actions: actions,
     subheaderpropertiesprops: {
@@ -10196,7 +10195,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
       subheadercontentpositionprops: 'start'
     }
   })), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-2 d-flex align-items-center justify-content-end p-0"
+    "class": "col-xl-3 col-lg-3 d-flex align-items-center justify-content-end p-0"
   }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
   }, /*#__PURE__*/React.createElement("div", {
@@ -10251,7 +10250,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   }))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
@@ -10689,7 +10688,7 @@ var ClassicHeader = function ClassicHeader(props) {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   })), /*#__PURE__*/React.createElement("p", {
     "class": ' allcenetered m-0 p-0 '
@@ -10778,7 +10777,7 @@ var ClassicHeader = function ClassicHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   }), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.badge_counter_header_notifications),
@@ -10872,12 +10871,12 @@ var ClassicHeader = function ClassicHeader(props) {
     "class": ' col-lg-12 p-0 '
   }, /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.lowerHeaderSection + ' w-100 '
-  }, /*#__PURE__*/React.createElement("nav", {
-    "class": headerstyles$d.navbar,
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": ' scrollhorizontal w-100 justify-content-start align-items-center ',
     style: {
       display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
     }
-  }, /*#__PURE__*/React.createElement("ul", null, templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
+  }, templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1) {
       return /*#__PURE__*/React.createElement("li", {
         "class": "cursor-pointer",
@@ -10892,7 +10891,7 @@ var ClassicHeader = function ClassicHeader(props) {
         "class": "".concat(header_cssstyles.navbar_item_text) + ' navbar_item_text '
       }, langdetect == 'en' ? item.pagename : item.pagename_ar));
     }
-  }))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement(Subheader, {
+  })), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement(Subheader, {
     sectionpropertiesprops: sectionproperties,
     actions: actions,
     subheaderpropertiesprops: {
@@ -11450,7 +11449,7 @@ var CTAHeader = function CTAHeader(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -11520,7 +11519,7 @@ var CTAHeader = function CTAHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 allcentered",
@@ -11559,13 +11558,14 @@ var CTAHeader = function CTAHeader(props) {
     size: sectionproperties.youtubebtniconfontsize
   }))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-6 p-0 d-flex align-items-center justify-content-center"
-  }, /*#__PURE__*/React.createElement("ul", {
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "scrollhorizontal w-100 align-items-center justify-content-center h-100 flex-row",
     style: {
-      display: 'flex'
+      display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
     }
   }, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1) {
-      return /*#__PURE__*/React.createElement("li", {
+      return /*#__PURE__*/React.createElement("div", {
         "class": "cursor-pointer",
         onClick: function onClick() {
           routingcountext(item.navigationroute, false, '');
@@ -11578,6 +11578,17 @@ var CTAHeader = function CTAHeader(props) {
         "class": "".concat(header_cssstyles.topbar_item_text)
       }, langdetect == 'en' ? item.pagename : item.pagename_ar));
     }
+  })), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 p-0"
+  }, /*#__PURE__*/React.createElement(Subheader, {
+    sectionpropertiesprops: sectionproperties,
+    subheaderpropertiesprops: {
+      subheaderpositionprops: 'in nav',
+      paddingLeftprops: '30px',
+      paddingRightprops: '30px',
+      subheadercontentpositionprops: 'center'
+    },
+    actions: actions
   }))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-3 p-0 d-flex align-items-center justify-content-end"
   }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("button", {
@@ -11639,7 +11650,7 @@ var CTAHeader = function CTAHeader(props) {
     }
   }), /*#__PURE__*/React.createElement("span", {
     "class": 'ml-2 mr-2'
-  }, lang.english)))))))), sectionproperties.showhidesubheader == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, lang.english)))))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0"
   }, /*#__PURE__*/React.createElement(Subheader, {
     sectionpropertiesprops: sectionproperties,
@@ -11658,8 +11669,8 @@ var CTAHeader = function CTAHeader(props) {
   })));
 };
 
-var css_248z$v = ".Header_threesectionslogocentered-module_header_innercontainer__yjjgZ {\n    display: flex;\n    align-items: center;\n    align-content: center;\n    position: relative;\n    z-index: 1000;\n    transition: all 0.2s;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar__bIlmC {\n    padding: 0;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar__bIlmC ul {\n    margin: 0;\n    padding: 0;\n    display: flex;\n    list-style: none;\n    align-items: center;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar__bIlmC ul li {\n    position: relative !important;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8 {\n    position: relative;\n    cursor: pointer;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8 .Header_threesectionslogocentered-module_navbar_item_text__0DPls {\n    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n    transition: 0.3s;\n    padding: 0;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8 .Header_threesectionslogocentered-module_navbar_item_text__0DPls:after {\n    position: absolute;\n    left: 0;\n    bottom: -10px;\n    right: 0;\n    width: 7px;\n    height: 7px;\n    content: '';\n    border-radius: 50%;\n    margin: 0 auto;\n    opacity: 0;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n    transition: all, 0.3s;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8:hover .Header_threesectionslogocentered-module_navbar_item_text__0DPls:after {\n    opacity: 1;\n}\n/* Side Nav Active */\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item_active__ladUm .Header_threesectionslogocentered-module_navbar_item_text__0DPls:after {\n    opacity: 1;\n}\n\n/* Search Bar */\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_searchbarcont__9MNXO input::placeholder {\n    color: #8c8c8c;\n    font-weight: normal;\n}\n/* Badge */\n.Header_threesectionslogocentered-module_badge_counter_header_notifications__qekYU {\n    position: absolute;\n    transform: scale(0.3);\n    transform-origin: top right;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.Header_threesectionslogocentered-module_searchbar__5KdKx {\n    display: inline-block;\n    border: none;\n    outline: none;\n    width: 0px;\n    position: absolute;\n    top: 0;\n    background: none;\n    z-index: 3;\n    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n    cursor: pointer;\n}\n.Header_threesectionslogocentered-module_searchbar__5KdKx:focus {\n    width: 300px !important;\n    z-index: 1;\n    cursor: text;\n}\n.Header_threesectionslogocentered-module_searchbaractive__8Pp-9 {\n    display: inline-block;\n    z-index: 2;\n    cursor: pointer;\n    cursor: pointer;\n}\n  ";
-var headerstyles$b = {"header_innercontainer":"Header_threesectionslogocentered-module_header_innercontainer__yjjgZ","navbar":"Header_threesectionslogocentered-module_navbar__bIlmC","navbar_item":"Header_threesectionslogocentered-module_navbar_item__YMaF8","navbar_item_text":"Header_threesectionslogocentered-module_navbar_item_text__0DPls","navbar_item_active":"Header_threesectionslogocentered-module_navbar_item_active__ladUm","searchbarcont":"Header_threesectionslogocentered-module_searchbarcont__9MNXO","badge_counter_header_notifications":"Header_threesectionslogocentered-module_badge_counter_header_notifications__qekYU","searchbar":"Header_threesectionslogocentered-module_searchbar__5KdKx","searchbaractive":"Header_threesectionslogocentered-module_searchbaractive__8Pp-9"};
+var css_248z$v = ".Header_threesectionslogocentered-module_header_innercontainer__yjjgZ {\n    display: flex;\n    align-items: center;\n    align-content: center;\n    position: relative;\n    z-index: 1000;\n    transition: all 0.2s;\n}\n\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8 {\n    position: relative;\n    cursor: pointer;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8 .Header_threesectionslogocentered-module_navbar_item_text__0DPls {\n    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n    transition: 0.3s;\n    padding: 0;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8 .Header_threesectionslogocentered-module_navbar_item_text__0DPls:after {\n    position: absolute;\n    left: 0;\n    bottom: -10px;\n    right: 0;\n    width: 7px;\n    height: 7px;\n    content: '';\n    border-radius: 50%;\n    margin: 0 auto;\n    opacity: 0;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n    transition: all, 0.3s;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8:hover .Header_threesectionslogocentered-module_navbar_item_text__0DPls:after {\n    opacity: 1;\n}\n/* Side Nav Active */\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item_active__ladUm .Header_threesectionslogocentered-module_navbar_item_text__0DPls:after {\n    opacity: 1;\n}\n\n/* Search Bar */\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_searchbarcont__9MNXO input::placeholder {\n    color: #8c8c8c;\n    font-weight: normal;\n}\n/* Badge */\n.Header_threesectionslogocentered-module_badge_counter_header_notifications__qekYU {\n    position: absolute;\n    transform: scale(0.3);\n    transform-origin: top right;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.Header_threesectionslogocentered-module_searchbar__5KdKx {\n    display: inline-block;\n    border: none;\n    outline: none;\n    width: 0px;\n    position: absolute;\n    top: 0;\n    background: none;\n    z-index: 3;\n    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n    cursor: pointer;\n}\n.Header_threesectionslogocentered-module_searchbar__5KdKx:focus {\n    width: 300px !important;\n    z-index: 1;\n    cursor: text;\n}\n.Header_threesectionslogocentered-module_searchbaractive__8Pp-9 {\n    display: inline-block;\n    z-index: 2;\n    cursor: pointer;\n    cursor: pointer;\n}\n  ";
+var headerstyles$b = {"header_innercontainer":"Header_threesectionslogocentered-module_header_innercontainer__yjjgZ","navbar_item":"Header_threesectionslogocentered-module_navbar_item__YMaF8","navbar_item_text":"Header_threesectionslogocentered-module_navbar_item_text__0DPls","navbar_item_active":"Header_threesectionslogocentered-module_navbar_item_active__ladUm","searchbarcont":"Header_threesectionslogocentered-module_searchbarcont__9MNXO","badge_counter_header_notifications":"Header_threesectionslogocentered-module_badge_counter_header_notifications__qekYU","searchbar":"Header_threesectionslogocentered-module_searchbar__5KdKx","searchbaractive":"Header_threesectionslogocentered-module_searchbaractive__8Pp-9"};
 styleInject(css_248z$v);
 
 function ownKeys$1n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -12040,21 +12051,22 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
       zIndex: 2
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 p-0 d-flex align-items-center justify-content-start"
-  }, /*#__PURE__*/React.createElement("nav", {
-    "class": headerstyles$b.navbar
-  }, /*#__PURE__*/React.createElement("ul", null, templatepropcontext.pagesnprop.map(function (item, index) {
+    "class": "col-lg-5 p-0 d-flex align-items-center justify-content-start h-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": ' scrollhorizontal w-100 d-flex align-items-center h-100 '
+  }, templatepropcontext.pagesnprop.map(function (item, index) {
     var activeclass = '';
     if (item.isselected) {
       activeclass = headerstyles$b.navbar_item_active;
     }
     if (item.isnavigation == 1 && item.isactive == 1) {
-      return /*#__PURE__*/React.createElement("li", {
+      return /*#__PURE__*/React.createElement("div", {
+        "class": "scrollhorizontalcard",
         style: {
           marginLeft: langdetect == 'en' ? 0 : '35px',
-          marginRight: langdetect == 'en' ? '35px' : 0
-        }
-      }, /*#__PURE__*/React.createElement("div", {
+          marginRight: langdetect == 'en' ? '35px' : 0,
+          position: 'relative'
+        },
         onClick: function onClick() {
           routingcountext(item.navigationroute, false, '');
         }
@@ -12062,10 +12074,10 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
         "class": "".concat(headerstyles$b.navbar_item, " ").concat(activeclass)
       }, /*#__PURE__*/React.createElement("span", {
         "class": "".concat(headerstyles$b.navbar_item_text, " ").concat(header_cssstyles.navbar_item_text)
-      }, langdetect == 'en' ? item.pagename : item.pagename_ar))));
+      }, langdetect == 'en' ? item.pagename : item.pagename_ar)));
     }
-  })))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 p-0 d-flex align-items-center justify-content-center"
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-2 p-0 d-flex align-items-center justify-content-center"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center ',
     style: {
@@ -12083,7 +12095,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
       maxHeight: '100%'
     }
   }))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 d-flex align-items-center justify-content-end p-0"
+    "class": "col-lg-5 d-flex align-items-center justify-content-end p-0"
   }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center",
     onClick: function onClick() {
@@ -12202,7 +12214,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -12270,7 +12282,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   }))), sectionproperties.showupperheadersection == 'Hide' && /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
@@ -12782,7 +12794,7 @@ var Simpleheader = function Simpleheader(props) {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), lang.orderhistory))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -13463,7 +13475,7 @@ var Header8 = function Header8(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
     style: {
@@ -13561,7 +13573,7 @@ var Header8 = function Header8(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })), /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'ml-2' : 'mr-2'
@@ -13663,8 +13675,8 @@ var Header8 = function Header8(props) {
     }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React.createElement(Dropdown.Divider, null));
   }))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-10 flex-row d-flex align-items-center justify-content-start"
-  }, /*#__PURE__*/React.createElement("ul", {
-    "class": ' mb-0 pb-0 mt-0 flex-row justify-content-start ',
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": ' scrollhorizontal w-100 align-items-center justify-content-start ',
     style: {
       display: sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
     }
@@ -13675,21 +13687,17 @@ var Header8 = function Header8(props) {
     }
     if (item.isnavigation == 1 && item.isactive == 1) {
       return /*#__PURE__*/React.createElement("div", {
-        style: {
-          cursor: 'pointer'
-        },
+        "class": "".concat(activeclass) + ' cursor-pointer scrollhorizontalcard ',
         onClick: function onClick() {
           routingcountext(item.navigationroute);
-        }
-      }, /*#__PURE__*/React.createElement("li", {
-        "class": "".concat(activeclass),
+        },
         style: {
           marginRight: langdetect == 'en' ? '25px' : 0,
           marginLeft: langdetect == 'en' ? 0 : '25px'
         }
       }, /*#__PURE__*/React.createElement("div", {
         "class": "".concat(header_cssstyles.navbar_item_text)
-      }, " ", langdetect == 'en' ? item.pagename : item.pagename_ar)));
+      }, " ", langdetect == 'en' ? item.pagename : item.pagename_ar));
     }
   })), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement(Subheader, {
     sectionpropertiesprops: sectionproperties,
@@ -13715,8 +13723,8 @@ var Header8 = function Header8(props) {
   }));
 };
 
-var css_248z$t = ".headerresturant-module_header_innercontainer__K3I1g {\n    display: flex;\n    align-items: center;\n    align-content: center;\n    z-index: 10;\n}\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar__--OLD ul {\n    margin: 0;\n    padding: 0;\n    display: flex;\n    list-style: none;\n    align-items: center;\n}\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar__--OLD ul li {\n    position: relative !important;\n}\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar_item__Exl8b {\n    position: relative;\n    cursor: pointer;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n}\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar_item__Exl8b .headerresturant-module_navbar_item_text__psv09 {\n    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n    transition: 0.3s;\n    padding: 0;\n}\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar_item__Exl8b .headerresturant-module_navbar_item_text__psv09:after {\n    content: '';\n    width: 7px;\n    height: 7px;\n    position: absolute;\n    left: -12px !important;\n    bottom: 0;\n    top:0;\n    margin: auto !important;\n    border-radius: 50%;\n    margin: 0 auto;\n    opacity: 0;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n    transition: all, 0.3s;\n}\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar_item__Exl8b:hover .headerresturant-module_navbar_item_text__psv09:after {\n    opacity: 1;\n}\n.headerresturant-module_navbar_item_active__8BCbD .headerresturant-module_navbar_item_text__psv09:after{\n    opacity: 1 !important;\n}\n/* Side Nav Active */\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar_item_active__8BCbD .headerresturant-module_navbar_item_text__psv09:after {\n    opacity: 1;\n}\n\n/* Search Bar */\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_searchbarcont__4VPWj input::placeholder {\n    color: #8c8c8c;\n    font-weight: normal;\n}\n\n/* Language Container */\n.headerresturant-module_language_cont__LwHIK {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    width: 3.5vh;\n    height: 3.5vh;\n    border-radius: 5px;\n    /* color: #022648; */\n    /* background-color: white; */\n    font-size: 13px;\n    line-height: 4vh;\n    transition: 0.3s ease, color 0.3s ease;\n    font-weight: 600;\n}\n\n/* Badge */\n.headerresturant-module_badge_counter_header_notifications__mGA2- {\n    position: absolute;\n    transform: scale(0.3);\n    transform-origin: top right;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}";
-var headerstyles$9 = {"header_innercontainer":"headerresturant-module_header_innercontainer__K3I1g","navbar":"headerresturant-module_navbar__--OLD","navbar_item":"headerresturant-module_navbar_item__Exl8b","navbar_item_text":"headerresturant-module_navbar_item_text__psv09","navbar_item_active":"headerresturant-module_navbar_item_active__8BCbD","searchbarcont":"headerresturant-module_searchbarcont__4VPWj","language_cont":"headerresturant-module_language_cont__LwHIK","badge_counter_header_notifications":"headerresturant-module_badge_counter_header_notifications__mGA2-"};
+var css_248z$t = ".headerresturant-module_header_innercontainer__K3I1g {\n    display: flex;\n    align-items: center;\n    align-content: center;\n    z-index: 10;\n}\n/* .header_innercontainer .navbar ul {\n    margin: 0;\n    padding: 0;\n    display: flex;\n    list-style: none;\n    align-items: center;\n}\n.header_innercontainer .navbar ul li {\n    position: relative !important;\n} */\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar_item__Exl8b {\n    position: relative;\n    cursor: pointer;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n}\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar_item__Exl8b .headerresturant-module_navbar_item_text__psv09 {\n    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n    transition: 0.3s;\n    padding: 0;\n}\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar_item__Exl8b .headerresturant-module_navbar_item_text__psv09:after {\n    content: '';\n    width: 7px;\n    height: 7px;\n    position: absolute;\n    left: -12px !important;\n    bottom: 0;\n    top:0;\n    margin: auto !important;\n    border-radius: 50%;\n    margin: 0 auto;\n    opacity: 0;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n    transition: all, 0.3s;\n}\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar_item__Exl8b:hover .headerresturant-module_navbar_item_text__psv09:after {\n    opacity: 1;\n}\n.headerresturant-module_navbar_item_active__8BCbD .headerresturant-module_navbar_item_text__psv09:after{\n    opacity: 1 !important;\n}\n/* Side Nav Active */\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar_item_active__8BCbD .headerresturant-module_navbar_item_text__psv09:after {\n    opacity: 1;\n}\n\n/* Search Bar */\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_searchbarcont__4VPWj input::placeholder {\n    color: #8c8c8c;\n    font-weight: normal;\n}\n\n/* Language Container */\n.headerresturant-module_language_cont__LwHIK {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    width: 3.5vh;\n    height: 3.5vh;\n    border-radius: 5px;\n    /* color: #022648; */\n    /* background-color: white; */\n    font-size: 13px;\n    line-height: 4vh;\n    transition: 0.3s ease, color 0.3s ease;\n    font-weight: 600;\n}\n\n/* Badge */\n.headerresturant-module_badge_counter_header_notifications__mGA2- {\n    position: absolute;\n    transform: scale(0.3);\n    transform-origin: top right;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}";
+var headerstyles$9 = {"header_innercontainer":"headerresturant-module_header_innercontainer__K3I1g","navbar_item":"headerresturant-module_navbar_item__Exl8b","navbar_item_text":"headerresturant-module_navbar_item_text__psv09","navbar_item_active":"headerresturant-module_navbar_item_active__8BCbD","searchbarcont":"headerresturant-module_searchbarcont__4VPWj","language_cont":"headerresturant-module_language_cont__LwHIK","badge_counter_header_notifications":"headerresturant-module_badge_counter_header_notifications__mGA2-"};
 styleInject(css_248z$t);
 
 function ownKeys$1k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -14010,7 +14018,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(headerstyles$9.header_innercontainer, " ").concat(header_cssstyles.header_innercontainer) + ' row m-0 w-100 d-flex d-md-none align-items-center '
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 p-0 d-flex align-items-center"
+    "class": "col-lg-3 p-0 d-flex align-items-center"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center ',
     style: {
@@ -14028,23 +14036,24 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
       maxHeight: '100%'
     }
   }))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 p-0 d-flex align-items-center justify-content-center"
-  }, /*#__PURE__*/React.createElement("nav", {
-    "class": headerstyles$9.navbar
-  }, /*#__PURE__*/React.createElement("ul", null, templatepropcontext.pagesnprop.map(function (item, index) {
+    "class": "col-lg-6 p-0 d-flex align-items-center justify-content-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "scrollhorizontal w-100 align-items-center justify-content-center",
+    style: {
+      display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
+    }
+  }, templatepropcontext.pagesnprop.map(function (item, index) {
     var activeclass = '';
     if (item.isselected) {
       activeclass = headerstyles$9.navbar_item_active;
     }
     if (item.isnavigation == 1 && item.isactive == 1) {
-      return /*#__PURE__*/React.createElement("li", {
-        "class": "allcentered",
+      return /*#__PURE__*/React.createElement("div", {
+        "class": "allcentered cursor-pointer",
         style: {
-          flex: 1,
           paddingLeft: '25px',
           paddingRight: '25px'
-        }
-      }, /*#__PURE__*/React.createElement("div", {
+        },
         onClick: function onClick() {
           routingcountext(item.navigationroute, false, '');
         }
@@ -14052,10 +14061,19 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
         "class": "".concat(headerstyles$9.navbar_item, " ").concat(activeclass)
       }, /*#__PURE__*/React.createElement("span", {
         "class": "".concat(headerstyles$9.navbar_item_text, " ").concat(header_cssstyles.navbar_item_text)
-      }, langdetect == 'en' ? item.pagename : item.pagename_ar))));
+      }, langdetect == 'en' ? item.pagename : item.pagename_ar)));
     }
-  })))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 p-0 d-flex align-items-center justify-content-end"
+  })), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement(Subheader, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions,
+    subheaderpropertiesprops: {
+      subheaderpositionprops: 'in nav',
+      paddingLeftprops: '35px',
+      paddingRightprops: '35px',
+      subheadercontentpositionprops: 'center'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-3 p-0 d-flex align-items-center justify-content-end"
   }, /*#__PURE__*/React.createElement(Dropdown, {
     style: {
       marginRight: langdetect == 'en' ? '30px' : 0,
@@ -14131,7 +14149,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), /*#__PURE__*/React.createElement("span", null, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -14216,7 +14234,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(headerstyles$9.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center text-center ',
@@ -14360,7 +14378,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
     "class": "ml-2 mr-2"
   }, lang.english)))))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
-  }, sectionproperties.showhidesubheader == 'Show' && /*#__PURE__*/React.createElement(Subheader, {
+  }, sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React.createElement(Subheader, {
     sectionpropertiesprops: sectionproperties,
     actions: actions,
     subheaderpropertiesprops: {
@@ -14377,8 +14395,8 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
   }))));
 };
 
-var css_248z$s = ".header_contactinfo-module_lowerHeaderContainer__toB3m {\n    display: flex;\n    align-items: center;\n    align-content: center;\n    position: relative;\n    z-index: 1000;\n    transition: all 0.2s;\n}\n.header_contactinfo-module_lowerHeaderContainer__toB3m .header_contactinfo-module_navbar__GSua- {\n    padding: 0;\n}\n.header_contactinfo-module_lowerHeaderContainer__toB3m .header_contactinfo-module_navbar__GSua- ul {\n    margin: 0;\n    padding: 0;\n    display: flex;\n    list-style: none;\n    align-items: center;\n}\n.header_contactinfo-module_lowerHeaderContainer__toB3m .header_contactinfo-module_navbar__GSua- ul li {\n    position: relative !important;\n}\n.header_contactinfo-module_lowerHeaderContainer__toB3m .header_contactinfo-module_navbar_item__T6mXT {\n    position: relative;\n    cursor: pointer;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n}\n.header_contactinfo-module_lowerHeaderContainer__toB3m .header_contactinfo-module_navbar_item__T6mXT .header_contactinfo-module_navbar_item_text__dSoH9 {\n    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n    transition: 0.3s;\n    padding: 0;\n}\n.header_contactinfo-module_lowerHeaderContainer__toB3m .header_contactinfo-module_navbar_item__T6mXT .header_contactinfo-module_navbar_item_text__dSoH9:after {\n    position: absolute;\n    left: 0;\n    bottom: -10px;\n    right: 0;\n    width: 7px;\n    height: 7px;\n    content: '';\n    border-radius: 50%;\n    margin: 0 auto;\n    opacity: 0;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n    transition: all, 0.3s;\n}\n.header_contactinfo-module_lowerHeaderContainer__toB3m .header_contactinfo-module_navbar_item__T6mXT:hover .header_contactinfo-module_navbar_item_text__dSoH9:after {\n    opacity: 1;\n}\n/* Side Nav Active */\n.header_contactinfo-module_lowerHeaderContainer__toB3m .header_contactinfo-module_navbar_item_active__eiC3f .header_contactinfo-module_navbar_item_text__dSoH9:after {\n    opacity: 1;\n}\n/* Badge */\n.header_contactinfo-module_badge_counter_header_notifications__gWKN6 {\n    position: absolute;\n    transform: scale(0.3);\n    transform-origin: top right;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n";
-var headerstyles$8 = {"lowerHeaderContainer":"header_contactinfo-module_lowerHeaderContainer__toB3m","navbar":"header_contactinfo-module_navbar__GSua-","navbar_item":"header_contactinfo-module_navbar_item__T6mXT","navbar_item_text":"header_contactinfo-module_navbar_item_text__dSoH9","navbar_item_active":"header_contactinfo-module_navbar_item_active__eiC3f","badge_counter_header_notifications":"header_contactinfo-module_badge_counter_header_notifications__gWKN6"};
+var css_248z$s = ".header_contactinfo-module_lowerHeaderContainer__toB3m {\n    display: flex;\n    align-items: center;\n    align-content: center;\n    position: relative;\n    z-index: 1000;\n    transition: all 0.2s;\n}\n.header_contactinfo-module_lowerHeaderContainer__toB3m .header_contactinfo-module_navbar_item__T6mXT {\n    position: relative;\n    cursor: pointer;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n}\n.header_contactinfo-module_lowerHeaderContainer__toB3m .header_contactinfo-module_navbar_item__T6mXT .header_contactinfo-module_navbar_item_text__dSoH9 {\n    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n    transition: 0.3s;\n    padding: 0;\n}\n.header_contactinfo-module_lowerHeaderContainer__toB3m .header_contactinfo-module_navbar_item__T6mXT .header_contactinfo-module_navbar_item_text__dSoH9:after {\n    position: absolute;\n    left: 0;\n    bottom: -10px;\n    right: 0;\n    width: 7px;\n    height: 7px;\n    content: '';\n    border-radius: 50%;\n    margin: 0 auto;\n    opacity: 0;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n    transition: all, 0.3s;\n}\n.header_contactinfo-module_lowerHeaderContainer__toB3m .header_contactinfo-module_navbar_item__T6mXT:hover .header_contactinfo-module_navbar_item_text__dSoH9:after {\n    opacity: 1;\n}\n/* Side Nav Active */\n.header_contactinfo-module_lowerHeaderContainer__toB3m .header_contactinfo-module_navbar_item_active__eiC3f .header_contactinfo-module_navbar_item_text__dSoH9:after {\n    opacity: 1;\n}\n/* Badge */\n.header_contactinfo-module_badge_counter_header_notifications__gWKN6 {\n    position: absolute;\n    transform: scale(0.3);\n    transform-origin: top right;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n";
+var headerstyles$8 = {"lowerHeaderContainer":"header_contactinfo-module_lowerHeaderContainer__toB3m","navbar_item":"header_contactinfo-module_navbar_item__T6mXT","navbar_item_text":"header_contactinfo-module_navbar_item_text__dSoH9","navbar_item_active":"header_contactinfo-module_navbar_item_active__eiC3f","badge_counter_header_notifications":"header_contactinfo-module_badge_counter_header_notifications__gWKN6"};
 styleInject(css_248z$s);
 
 function ownKeys$1j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -14846,19 +14864,19 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       maxHeight: '100%'
     }
   }))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-7 p-0 d-flex align-items-center justify-content-start"
-  }, /*#__PURE__*/React.createElement("nav", {
-    "class": headerstyles$8.navbar,
+    "class": "col-lg-7 p-0 d-flex align-items-center justify-content-start h-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "scrollhorizontal w-100 align-items-center justify-content-start h-100",
     style: {
       display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
     }
-  }, /*#__PURE__*/React.createElement("ul", null, templatepropcontext.pagesnprop.map(function (item, index) {
+  }, templatepropcontext.pagesnprop.map(function (item, index) {
     var activeclass = '';
     if (item.isselected) {
       activeclass = headerstyles$8.navbar_item_active;
     }
     if (item.isnavigation == 1 && item.isactive == 1) {
-      return /*#__PURE__*/React.createElement("li", {
+      return /*#__PURE__*/React.createElement("div", {
         style: {
           marginLeft: langdetect == 'en' ? 0 : '35px',
           marginRight: langdetect == 'en' ? '35px' : 0
@@ -14872,7 +14890,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
         "class": "".concat(headerstyles$8.navbar_item_text, " ").concat(header_cssstyles.navbar_item_text)
       }, langdetect == 'en' ? item.pagename : item.pagename_ar)));
     }
-  }))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement(Subheader, {
+  })), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement(Subheader, {
     sectionpropertiesprops: sectionproperties,
     actions: actions,
     subheaderpropertiesprops: {
@@ -14994,7 +15012,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -15066,7 +15084,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   }))), sectionproperties.showupperheadersection == 'Hide' && /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
@@ -15625,7 +15643,7 @@ var Modernheader = function Modernheader(props) {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   })), /*#__PURE__*/React.createElement("p", {
     "class": ' allcenetered m-0 p-0 '
@@ -15728,7 +15746,7 @@ var Modernheader = function Modernheader(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(headerstyles$7.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center text-center ',
@@ -16325,7 +16343,7 @@ var StylishHeader = function StylishHeader(props) {
     className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
     className: "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
     style: {
@@ -16390,25 +16408,31 @@ var StylishHeader = function StylishHeader(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-8 d-flex align-items-center"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 d-flex align-items-center"
-  }, /*#__PURE__*/React.createElement("nav", {
-    className: headerstyles$6.navbar
-  }, /*#__PURE__*/React.createElement("ul", null, templatepropcontext.pagesnprop.map(function (item, index) {
+    "class": ' scrollhorizontal w-100 align-items-center justify-content-start flex-row ',
+    style: {
+      display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
+    }
+  }, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1) {
-      return /*#__PURE__*/React.createElement("li", {
-        className: header_cssstyles.navItemContainer,
+      return /*#__PURE__*/React.createElement("div", {
+        className: header_cssstyles.navItemContainer + ' scrollhorizontalcard cursor-pointer ',
         onClick: function onClick() {
-          templatepropcontext.pagesnprop.forEach(function (pageitem, pageindex) {
-            pageitem.isselected = false;
-          });
-          templatepropcontext.pagesnprop[index].isselected = true;
+          routingcountext(item.navigationroute);
         }
-      }, /*#__PURE__*/React.createElement("a", {
-        href: item.navigationroute,
+      }, /*#__PURE__*/React.createElement("p", {
         className: "".concat(header_cssstyles.navbar_item_text) + ' navbar_item_text '
       }, langdetect == 'en' ? item.pagename : item.pagename_ar));
     }
-  }))))), /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement(Subheader, {
+    actions: actions,
+    sectionpropertiesprops: sectionproperties,
+    subheaderpropertiesprops: {
+      subheaderpositionprops: 'in nav',
+      paddingLeftprops: '30px',
+      paddingRightprops: '30px',
+      subheadercontentpositionprops: 'start'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-4 d-flex align-items-center justify-content-end"
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center ',
@@ -16461,7 +16485,7 @@ var StylishHeader = function StylishHeader(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     className: "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(headerstyles$6.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center text-center ',
@@ -16533,7 +16557,7 @@ var StylishHeader = function StylishHeader(props) {
     }
   }), /*#__PURE__*/React.createElement("span", {
     className: 'ml-2 mr-2'
-  }, lang.english)))))))))), sectionproperties.showhidesubheader == 'Show' && /*#__PURE__*/React.createElement(Subheader, {
+  }, lang.english)))))))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React.createElement(Subheader, {
     actions: actions,
     sectionpropertiesprops: sectionproperties,
     subheaderpropertiesprops: {
@@ -16595,8 +16619,8 @@ var StylishHeader = function StylishHeader(props) {
     className: "col-lg-6"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      width: '30vh',
-      height: '20vh'
+      width: sectionproperties.searchlogowidth + 'vh',
+      height: sectionproperties.searchlogoheight + 'vh'
     }
   }, /*#__PURE__*/React.createElement(IKImage, {
     urlEndpoint: IKurlEndpoint,
@@ -17149,7 +17173,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -17334,7 +17358,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   }))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "ml-2 mr-2"
@@ -18083,7 +18107,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -18155,7 +18179,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   }))), sectionproperties.showupperheadersection == 'Hide' && /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
@@ -18893,7 +18917,7 @@ var HeaderWithUtilityBar = function HeaderWithUtilityBar(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   }))), /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.user_btnContainer + ' d-flex justify-content-center align-items-center '
@@ -18979,7 +19003,7 @@ var HeaderWithUtilityBar = function HeaderWithUtilityBar(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -19085,6 +19109,18 @@ var HeaderWithTextSlide = function HeaderWithTextSlide(props) {
       }
     }
   }, [templateproperties_context]);
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    textarray = _useState6[0],
+    settextarray = _useState6[1];
+  useEffect(function () {
+    if (sectionproperties.length != 0 && sectionproperties.txtArray != undefined) {
+      var textarrayparsed = JSON.parse(sectionproperties.txtArray);
+      if (Array.isArray(textarrayparsed)) {
+        settextarray(_toConsumableArray(textarrayparsed));
+      }
+    }
+  }, [sectionproperties]);
   var header_cssstyles = {
     upperheadersection: css({
       background: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'Transparent' : sectionproperties.uppersection_bgcolor,
@@ -19373,6 +19409,11 @@ var HeaderWithTextSlide = function HeaderWithTextSlide(props) {
         color: sectionproperties.youtubebtnTextcoloronhover,
         backgroundColor: sectionproperties.youtubebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.youtubebtnbgColoronhover
       }
+    }),
+    textSlider: css({
+      fontSize: sectionproperties.textsliderfontsize + 'px',
+      color: sectionproperties.textsliderfontcolor,
+      fontWeight: sectionproperties.textsliderfontweight
     })
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -19424,17 +19465,16 @@ var HeaderWithTextSlide = function HeaderWithTextSlide(props) {
     "class": langdetect == 'en' ? ' mr-1 ' : ' ml-1 '
   }, langdetect == 'en' ? 'Call Us:' : 'تواصل معنا على:'), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.mobile))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 d-flex align-items-center justify-content-center p-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(headerstyles$2.marquee_w)
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(headerstyles$2.marquee)
-  }, /*#__PURE__*/React.createElement("span", {
-    "class": "ml-1 mr-1"
-  }, "This is an infinitely sliding text example")), /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(headerstyles$2.marquee, " ").concat(headerstyles$2.marquee2)
-  }, /*#__PURE__*/React.createElement("span", {
-    "class": "ml-1 mr-1"
-  }, "This is an infinitely sliding text example ")))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("marquee", null, /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: 'flex',
+      flexDirection: 'row'
+    }
+  }, textarray.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("p", {
+      "class": header_cssstyles.textSlider + ' ml-4 mr-4 '
+    }, langdetect == 'en' ? item.textEnglish : item.textArabic);
+  })))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 d-flex align-items-center p-0"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 d-flex justify-content-end w-100"
@@ -19640,7 +19680,7 @@ var HeaderWithTextSlide = function HeaderWithTextSlide(props) {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), lang.orderhistory))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -19721,7 +19761,7 @@ var HeaderWithTextSlide = function HeaderWithTextSlide(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   }))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
@@ -20247,7 +20287,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), lang.orderhistory))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -20302,7 +20342,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
@@ -20385,7 +20425,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
 
 function ownKeys$1b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var SearchHeader = function SearchHeader(props) {
+var TwoTieredHeader = function TwoTieredHeader(props) {
   var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$c, _authdetailsContext$i7, _authdetailsContext$i8, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -20458,8 +20498,7 @@ var SearchHeader = function SearchHeader(props) {
       paddingTop: sectionproperties.lowersection_paddingtop + 'px',
       paddingBottom: sectionproperties.lowersection_paddingbottom + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.lowersection_paddingleft + 'px' : sectionproperties.lowersection_paddingright + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.lowersection_paddingright + 'px' : sectionproperties.lowersection_paddingleft + 'px',
-      zIndex: 200
+      paddingRight: langdetect == 'en' ? sectionproperties.lowersection_paddingright + 'px' : sectionproperties.lowersection_paddingleft + 'px'
     }),
     upperheadertext: css({
       fontSize: sectionproperties.footerinfotext_fontsize + 'px',
@@ -20515,7 +20554,6 @@ var SearchHeader = function SearchHeader(props) {
       transition: '.3s',
       height: sectionproperties.searchbarcont_height + 'px',
       background: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
-      width: '100%',
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px',
@@ -20776,9 +20814,12 @@ var SearchHeader = function SearchHeader(props) {
       maxHeight: '100%'
     }
   }))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-7 p-0 d-flex align-items-center justify-content-start"
+    "class": "col-lg-7 p-0 d-flex align-items-center justify-content-center"
   }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": ' row w-100 d-flex justify-content-center m-0 '
+    "class": ' row d-flex justify-content-center m-0 ',
+    style: {
+      width: sectionproperties.searchbarcont_width + '%'
+    }
   }, /*#__PURE__*/React.createElement("div", {
     "class": 'col-lg-3 p-0 d-flex align-items-center justify-content-start ',
     onClick: function onClick() {
@@ -20826,9 +20867,9 @@ var SearchHeader = function SearchHeader(props) {
       "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
     }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React.createElement(Dropdown.Divider, null));
   }))))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-9 p-0 d-flex justify-content-end align-items-center"
+    "class": "col-lg-9 p-0 d-flex justify-content-start align-items-center"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": header_cssstyles.searchbarcont + ' p-0 m-0 ',
+    "class": header_cssstyles.searchbarcont + ' p-0 m-0 w-100 ',
     style: {
       position: 'relative'
     }
@@ -20852,22 +20893,19 @@ var SearchHeader = function SearchHeader(props) {
     srcfromprops: 'headerfullwidth',
     actions: actions
   }))))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-3 d-flex align-items-center justify-content-end p-0"
+    "class": "col-lg-1 p-0"
+  }), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-2 p-0"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 d-flex align-items-center justify-content-end h-100"
+    "class": "row m-0 w-100 d-flex align-items-center justify-content-between h-100"
   }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "d-flex align-items-center justify-content-center pl-3 pr-3",
-    style: {
-      height: '40px',
-      borderRight: langdetect == 'en' ? '1px solid ' + sectionproperties.upperheaderseparatorcolor : 0,
-      borderLeft: langdetect == 'en' ? 0 : '1px solid ' + sectionproperties.upperheaderseparatorcolor
-    }
+    "class": "d-flex align-items-center justify-content-end"
   }, /*#__PURE__*/React.createElement("a", {
     href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.mobile),
     target: '_self',
     "class": header_cssstyles.upperheadertext + ' d-flex justify-content-center align-items-center '
   }, /*#__PURE__*/React.createElement("div", {
-    "class": '   ml-2 mr-2 '
+    "class": ' ml-2 mr-2 '
   }, /*#__PURE__*/React.createElement("i", {
     "class": ' allcentered '
   }, langdetect == 'en' && /*#__PURE__*/React.createElement(FaPhoneAlt, {
@@ -20884,18 +20922,17 @@ var SearchHeader = function SearchHeader(props) {
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0",
     style: {
-      textTransform: 'lowercase',
       fontSize: '15px',
       color: sectionproperties.footerinfotext_secondarycolor,
       lineHeight: '15px'
     }
-  }, lang.callus), /*#__PURE__*/React.createElement("p", {
+  }, lang.callus2), /*#__PURE__*/React.createElement("p", {
     style: {
       lineHeight: sectionproperties.footerinfotext_fontsize + 'px'
     },
     "class": ' p-0 m-0 '
   }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.mobile)))), /*#__PURE__*/React.createElement("div", {
-    "class": "headerdropdownml ml-3 mr-3"
+    "class": langdetect == 'en' ? 'headerdropdownml dropdown-toggle_w100' : 'headerdropdownmr dropdown-toggle_w100'
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     "class": ' d-flex justify-content-center align-items-center '
   }, /*#__PURE__*/React.createElement("span", {
@@ -20918,12 +20955,12 @@ var SearchHeader = function SearchHeader(props) {
     },
     "class": "m-0 p-0"
   }, lang.account), /*#__PURE__*/React.createElement("p", {
-    "class": '  m-0 p-0 text-overflow ',
+    "class": ' m-0 p-0 text-overflow ',
     style: {
-      maxWidth: '60px',
+      maxWidth: '120px',
       fontSize: '13px'
     }
-  }, lang.login, "/ ", lang.register)))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
+  }, lang.loginregister)))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.userBtnLoggedinContainer + ' allcentered ',
     sytle: {
       position: 'relative'
@@ -21035,10 +21072,11 @@ var SearchHeader = function SearchHeader(props) {
     "class": header_cssstyles.lowerheaderSection + ' row m-0 w-100 '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-9 p-0 d-flex justify-content-start align-items-center "
-  }, /*#__PURE__*/React.createElement("nav", {
-    "class": ' row m-0 w-100 '
-  }, /*#__PURE__*/React.createElement("ul", {
-    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "scrollhorizontal w-100 align-items-center justify-content-start",
+    style: {
+      display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
+    }
   }, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1) {
       return /*#__PURE__*/React.createElement("li", {
@@ -21054,7 +21092,16 @@ var SearchHeader = function SearchHeader(props) {
         "class": "".concat(headerstyles$4.navbar_item, " ").concat(header_cssstyles.navbar_item)
       }, langdetect == 'en' ? item.pagename : item.pagename_ar)));
     }
-  })))), /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement(Subheader, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions,
+    subheaderpropertiesprops: {
+      subheaderpositionprops: 'in nav',
+      paddingLeftprops: '35px',
+      paddingRightprops: '35px',
+      subheadercontentpositionprops: 'start'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-3 d-flex align-items-center justify-content-end"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
@@ -21062,8 +21109,8 @@ var SearchHeader = function SearchHeader(props) {
       routingcountext(StaticPagesLinksContext.Wishlist);
     },
     style: {
-      marginRight: langdetect == 'en' ? '1rem' : 0,
-      marginLeft: langdetect == 'ar' ? '1rem' : 0
+      marginRight: langdetect == 'en' ? '1.5rem' : 0,
+      marginLeft: langdetect == 'ar' ? '1.5rem' : 0
     }
   }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
@@ -21072,8 +21119,8 @@ var SearchHeader = function SearchHeader(props) {
   })), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": 'd-flex align-items-center justify-content-end',
     style: {
-      marginRight: sectionproperties.showupperheadersection == 'Hide' ? langdetect == 'en' ? '1.5rem' : 0 : 0,
-      marginLeft: sectionproperties.showupperheadersection == 'Hide' ? langdetect == 'ar' ? '1.5rem' : 0 : 0
+      marginRight: langdetect == 'en' ? '1.5rem' : 0,
+      marginLeft: langdetect == 'ar' ? '1.5rem' : 0
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.cart_btn) + ' allcentered ',
@@ -21099,12 +21146,6 @@ var SearchHeader = function SearchHeader(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   }))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginLeft: langdetect == 'en' ? '1rem' : 0,
-      marginRight: langdetect == 'ar' ? '1rem' : 0
-    },
-    "class": 'd-flex align-items-center justify-content-center'
-  }, /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
     "class": "".concat(headerstyles$4.header_menu) + ' allcentered '
@@ -21113,8 +21154,8 @@ var SearchHeader = function SearchHeader(props) {
   }, /*#__PURE__*/React.createElement("img", {
     src: egyptflag,
     style: {
-      maxWidth: '2.5vh',
-      maxHeight: '2.5vh'
+      maxWidth: '2vh',
+      maxHeight: '2vh'
     }
   }), /*#__PURE__*/React.createElement("div", {
     style: {
@@ -21124,14 +21165,14 @@ var SearchHeader = function SearchHeader(props) {
     },
     "class": "ml-2 mr-2"
   }), /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0"
+    "class": "m-0 p-0 font-weight-500"
   }, "\u0639")), langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("img", {
     src: usflag,
     style: {
-      maxWidth: '2.5vh',
-      maxHeight: '2.5vh'
+      maxWidth: '2vh',
+      maxHeight: '2vh'
     }
   }), /*#__PURE__*/React.createElement("div", {
     style: {
@@ -21141,7 +21182,7 @@ var SearchHeader = function SearchHeader(props) {
     },
     "class": "ml-2 mr-2"
   }), /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0"
+    "class": "m-0 p-0 font-weight-500"
   }, "En")))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
     "class": "".concat(header_cssstyles.dropdownitem),
     onClick: function onClick() {
@@ -21176,7 +21217,18 @@ var SearchHeader = function SearchHeader(props) {
     }
   }), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
-  }, lang.english))))))))))), /*#__PURE__*/React.createElement("div", {
+  }, lang.english))))))))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React.createElement(Subheader, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions,
+    subheaderpropertiesprops: {
+      subheaderpositionprops: 'Full Width',
+      paddingLeftprops: '35px',
+      paddingRightprops: '35px',
+      subheadercontentpositionprops: 'center'
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
@@ -21696,7 +21748,7 @@ var NewHeader = function NewHeader(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
     style: {
@@ -21912,7 +21964,7 @@ var NewHeader = function NewHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   }))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 justify-content-center align-items-center",
@@ -26299,7 +26351,7 @@ var CardsSection = function CardsSection(props) {
             className: "row m-0 w-100"
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
             return /*#__PURE__*/React.createElement("div", {
-              "class": sectionproperties.numberOfColsvertical == '1' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto' : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '2' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0  ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft ' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : sectionproperties.numberOfColsvertical == '3' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '4' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '12' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6  d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : '' : sectionproperties.numberOfColsvertical == '6' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-2 p-0 col-lg-2 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ''
+              "class": sectionproperties.numberOfColsvertical == '1' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '2' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0  ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft ' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : sectionproperties.numberOfColsvertical == '3' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '4' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '12' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6  d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : '' : sectionproperties.numberOfColsvertical == '6' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-2 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ''
             }, /*#__PURE__*/React.createElement(Sectioncomp, {
               sectiontypeprops: 'horizontal',
               fetchingtypeprops: fetchingtype,
@@ -27713,6 +27765,19 @@ var ModernCardsSection = function ModernCardsSection(props) {
       }
     })
   };
+  var SectionTitle = function SectionTitle() {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex justify-content-center mb-md-0' : 'col-lg-12 d-flex justify-content-md-center mb-md-0'
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_cssstyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_cssstyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start  justify-content-md-center' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : "".concat(section_cssstyles.sectiontitlespan) + '  mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start justify-content-md-center ',
+      style: {
+        color: sectionproperties.sectionTitleColor,
+        fontWeight: sectionproperties.sectionTitleFontWeight,
+        paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+        paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0
+      }
+    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar));
+  };
   var cardsrender = function cardsrender() {
     return /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100",
@@ -27731,17 +27796,18 @@ var ModernCardsSection = function ModernCardsSection(props) {
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 allcentered w-100"
     }, /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex justify-content-center mb-md-0' : 'col-lg-12 d-flex justify-content-md-center mb-md-0'
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_cssstyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_cssstyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start  justify-content-md-center' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : "".concat(section_cssstyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ',
+      "class": ' col-lg-12 p-0 d-flex d-md-none align-items-center ',
       style: {
-        fontSize: sectionproperties.sectionTitleFontSize + 'px',
-        color: sectionproperties.sectionTitleColor,
-        fontWeight: sectionproperties.sectionTitleFontWeight,
-        paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
-        paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+        fontSize: sectionproperties.sectionTitleFontSize + 'px'
       }
-    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
+    }, SectionTitle()), /*#__PURE__*/React.createElement("div", {
+      "class": ' col-lg-12 p-0 d-none d-md-flex align-items-center ',
+      style: {
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
+      }
+    }, SectionTitle()), /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex align-items-center justify-content-center mb-md-0' : 'col-lg-12 d-flex align-items-center justify-content-start justify-content-md-center mb-md-0',
       style: {
         marginBottom: sectionproperties.descriptionMarginBottom + 'px'
@@ -29607,7 +29673,8 @@ var BackgroundSectionWithServicesCards = function BackgroundSectionWithServicesC
         width: 40,
         height: 40,
         marginBottom: 'auto',
-        marginRight: '10px'
+        marginRight: langdetect == 'en' ? '10px' : 0,
+        marginLeft: langdetect == 'ar' ? '10px' : 0
       }
     }, /*#__PURE__*/React.createElement(IKImage, {
       urlEndpoint: IKurlEndpoint,
@@ -31701,8 +31768,41 @@ var Twobgimages = function Twobgimages(props) {
       height: '100%',
       zIndex: 1000
     }),
+    bgimage: css({
+      ':before': {
+        content: 'h',
+        position: 'absolute',
+        width: '100%',
+        height: '100%',
+        backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')',
+        top: 0,
+        borrom: 0,
+        right: 0,
+        left: 0,
+        zIndex: 1,
+        fontSize: 0,
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
+      }
+    }),
+    text1styles: css({
+      fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+      fontWeight: sectionproperties.slideshowText1ContentFontWeight,
+      marginTop: sectionproperties.slideshowText1Content_marginTop + 'px',
+      marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
+      marginLeft: sectionproperties.slideshowText1Content_marginLeft + 'px',
+      textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    }),
+    text2styles: css({
+      marginBottom: sectionproperties.slideshowText2Content_marginBottom + 'px',
+      fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
+      fontWeight: sectionproperties.slideshowText2ContentFontWeight,
+      marginLeft: sectionproperties.generaltext2_leftposition + 'px',
+      textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    }),
     btnone: css({
-      position: 'absolute',
       width: sectionproperties.generalbtn_width + 'px',
       height: sectionproperties.generalbtn_height + 'px',
       background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
@@ -31715,6 +31815,10 @@ var Twobgimages = function Twobgimages(props) {
       borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
       fontWeight: sectionproperties.generalbtn_fontweight,
       border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+      marginLeft: sectionproperties.generalbtn_position == 'Centered' ? 'auto' : langdetect == 'en' ? sectionproperties.generalbtn_leftposition + 'px' : '',
+      marginRight: sectionproperties.generalbtn_position == 'Centered' ? 'auto' : langdetect == 'ar' ? sectionproperties.generalbtn_leftposition + 'px' : '',
+      marginTop: 'auto',
+      marginBottom: sectionproperties.generalbtn_topposition + 'px',
       transition: '.3s',
       ':hover': {
         background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
@@ -31722,8 +31826,6 @@ var Twobgimages = function Twobgimages(props) {
       }
     }),
     btnresp: css({
-      // position: 'absolute',
-      // bottom: 10,
       width: sectionproperties.generalbtn_width + 'px',
       height: sectionproperties.generalbtn_height + 'px',
       background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
@@ -31736,30 +31838,13 @@ var Twobgimages = function Twobgimages(props) {
       borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
       fontWeight: sectionproperties.generalbtn_fontweight,
       border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+      marginLeft: sectionproperties.generalbtn_position == 'Centered' ? 'auto' : langdetect == 'en' ? sectionproperties.generalbtn_leftposition + 'px' : '',
+      marginRight: sectionproperties.generalbtn_position == 'Centered' ? 'auto' : langdetect == 'ar' ? sectionproperties.generalbtn_leftposition + 'px' : '',
       transition: '.3s',
       ':hover': {
         background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
         color: sectionproperties.generalbtn_textColoronhover
       }
-    }),
-    bgimage: css({
-      ':before': {
-        content: 'h',
-        position: 'absolute',
-        width: '100%',
-        height: '100%',
-        backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')',
-        top: 0,
-        borrom: 0,
-        right: 0,
-        left: 0,
-        zIndex: 1,
-        fontSize: 0,
-        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
-        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
-        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
-      }
     })
   };
   var BackgroundImage = function BackgroundImage() {
@@ -31864,49 +31949,27 @@ var Twobgimages = function Twobgimages(props) {
           zIndex: 1
         }
       }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(bgcssstyles.centered_container) + ' row m-0 d-flex pt-0 '
+        className: "".concat(bgcssstyles.centered_container) + ' row m-0 d-flex pt-0 d-flex align-items-stretch '
       }, /*#__PURE__*/React.createElement("div", {
-        className: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? ' p-0 d-flex flex-column d-md-none col-lg-12 ' : ' p-0 d-flex flex-column d-md-none col-lg-6 ',
+        className: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? ' d-flex flex-column d-md-none col-lg-12 d-flex align-items-stretch ' : bgimagearrayofobjs[index].bg1_numberofcols >= '6' ? ' d-flex flex-column d-md-none col-lg-6 d-flex align-items-stretch ' : ' d-flex flex-column d-md-none col-lg-10 d-flex align-items-stretch ',
         style: {
           position: 'relative',
           overflow: 'hidden'
         }
       }, /*#__PURE__*/React.createElement("p", {
-        className: 'd-flex justify-content-md-center wordbreak',
+        className: bgcssstyles.text1styles + ' d-flex justify-content-md-center wordbreak ',
         style: {
           maxWidth: '100%',
-          position: 'relative',
-          fontSize: bgimagearrayofobjs[index].bg1_fontsize + 'px',
-          color: bgimagearrayofobjs[index].bg1_txtcolor,
-          textTransform: bgimagearrayofobjs[index].bg1_txttransform,
-          fontWeight: bgimagearrayofobjs[index].bg1_fontweight,
-          top: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : bgimagearrayofobjs[index].bg1_texttop + 'px',
-          left: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : langdetect == 'en' ? bgimagearrayofobjs[index].bg1_textleft + 'px' : '',
-          right: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : langdetect == 'en' ? '' : bgimagearrayofobjs[index].bg1_textleft + 'px',
-          bottom: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : '',
-          margin: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 'auto' : '',
-          textAlign: langdetect == 'en' ? 'left' : 'right'
+          color: bgimagearrayofobjs[index].bg1_txtcolor
         }
       }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_text_en : bgimagearrayofobjs[index].bg1_text_ar), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React.createElement("p", {
-        className: 'd-flex justify-content-md-center wordbreak',
+        className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak ',
         style: {
-          // maxWidth: '97%',
-          position: 'relative',
-          fontSize: bgimagearrayofobjs[index].bg1_desfontsize + 'px',
-          color: bgimagearrayofobjs[index].bg1_descolor,
-          textTransform: bgimagearrayofobjs[index].bg1_destxttransform,
-          fontWeight: bgimagearrayofobjs[index].bg1_desfontweight,
-          top: bgimagearrayofobjs[index].desc1top + 'px',
-          left: langdetect == 'en' ? bgimagearrayofobjs[index].desc1left + 'px' : '',
-          right: langdetect == 'en' ? '' : bgimagearrayofobjs[index].desc1left + 'px',
-          textAlign: langdetect == 'en' ? 'left' : 'right'
+          color: bgimagearrayofobjs[index].bg1_descolor
         }
       }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_descriptionen : bgimagearrayofobjs[index].bg1_descriptionar), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React.createElement("button", {
         className: "".concat(bgcssstyles.btnone) + ' allcentered ',
         style: {
-          top: bgimagearrayofobjs[index].bg1_btnpositiontop + 'px',
-          left: langdetect == 'en' ? bgimagearrayofobjs[index].bg1_btnpositionleft + 'px' : '',
-          right: langdetect == 'en' ? '' : bgimagearrayofobjs[index].bg1_btnpositionleft + 'px',
           letterSpacing: langdetect == 'en' ? '1px' : 0
         },
         onClick: function onClick() {
@@ -31927,24 +31990,14 @@ var Twobgimages = function Twobgimages(props) {
       }))), /*#__PURE__*/React.createElement("div", {
         className: "col-md-12 d-none d-md-flex flex-column mt-auto mb-auto "
       }, /*#__PURE__*/React.createElement("p", {
-        className: "wordbreak m-0",
+        className: bgcssstyles.text1styles + ' wordbreak m-0 ',
         style: {
-          position: 'relative',
-          fontSize: bgimagearrayofobjs[index].bg1_fontsize + 'px',
-          color: bgimagearrayofobjs[index].bg1_txtcolor,
-          textTransform: bgimagearrayofobjs[index].bg1_txttransform,
-          fontWeight: bgimagearrayofobjs[index].bg1_fontweight,
-          textAlign: langdetect == 'en' ? 'left' : 'right'
+          color: bgimagearrayofobjs[index].bg1_txtcolor
         }
       }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_text_en : bgimagearrayofobjs[index].bg1_text_ar), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React.createElement("p", {
-        className: 'd-flex justify-content-md-center wordbreak m-0',
+        className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak m-0 ',
         style: {
-          position: 'relative',
-          fontSize: bgimagearrayofobjs[index].bg1_desfontsize + 'px',
-          color: bgimagearrayofobjs[index].bg1_descolor,
-          textTransform: bgimagearrayofobjs[index].bg1_destxttransform,
-          fontWeight: bgimagearrayofobjs[index].bg1_desfontweight,
-          textAlign: langdetect == 'en' ? 'left' : 'right'
+          color: bgimagearrayofobjs[index].bg1_descolor
         }
       }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_descriptionen : bgimagearrayofobjs[index].bg1_descriptionar), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React.createElement("button", {
         className: "".concat(bgcssstyles.btnresp) + ' mt-md-5 mt-sm-3 ',
@@ -32155,7 +32208,10 @@ var AboutSection = function AboutSection(props) {
       position: 'relative'
     }
   }, /*#__PURE__*/React.createElement("span", {
-    "class": "".concat(section_styles.sectiontitlespan2) + ' wordbreak '
+    "class": "".concat(section_styles.sectiontitlespan2) + ' wordbreak text-md-center ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
   }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))))), /*#__PURE__*/React.createElement("div", {
     "class": 'col-lg-12 d-flex justify-content-center mb-3 pl-md-2 pr-md-2'
   }, /*#__PURE__*/React.createElement("p", {
@@ -33691,8 +33747,12 @@ var Slideshowfade = function Slideshowfade(props) {
     setsectionproperties = _useState2[1];
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
-    bgimagearrayofobjs = _useState4[0],
-    setbgimagearrayofobjs = _useState4[1];
+    cardsarray = _useState4[0],
+    setcardsarray = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    bgimagearrayofobjs = _useState6[0],
+    setbgimagearrayofobjs = _useState6[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -33725,34 +33785,20 @@ var Slideshowfade = function Slideshowfade(props) {
       }
     }
   }, [sectionproperties]);
+  useEffect(function () {
+    if (sectionproperties.length != 0 && sectionproperties.card_arrayofobjects != undefined) {
+      var card_arrayofobjsparsed = JSON.parse(sectionproperties.card_arrayofobjects);
+      if (Array.isArray(card_arrayofobjsparsed)) {
+        setcardsarray(_toConsumableArray(card_arrayofobjsparsed));
+      }
+    }
+  }, [sectionproperties]);
   var Slideshowsettings = {
     indicators: false,
     arrows: false,
     pauseOnHover: false,
     scale: 1.4
   };
-  var slideshow_styles = {
-    slideshow_btn: css({
-      zIndex: 1000,
-      height: sectionproperties.generalbtn_height + 'px',
-      width: sectionproperties.generalbtn_width + 'px',
-      background: sectionproperties.generalbtn_bgColor,
-      color: sectionproperties.generalbtn_textColor,
-      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
-      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
-      fontSize: sectionproperties.generalbtn_fontsize + 'px',
-      lineHeight: sectionproperties.generalbtn_fontsize + 'px',
-      textTransform: sectionproperties.generalbtn_texttransform,
-      fontWeight: sectionproperties.generalbtn_fontweight,
-      transition: '.3s',
-      ':hover': {
-        background: sectionproperties.generalbtn_bgColoronhover,
-        color: sectionproperties.generalbtn_textColoronhover
-      }
-    })
-  };
   var SlideShowTextContainer = function SlideShowTextContainer(item) {
     return /*#__PURE__*/React.createElement("div", {
       "class": 'row m-0 w-100 pl-md-2 pr-md-2',
@@ -33764,7 +33810,7 @@ var Slideshowfade = function Slideshowfade(props) {
         paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
         paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
       }
-    }, /*#__PURE__*/React.createElement("div", {
+    }, sectionproperties.slideshowtext1_show == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 d-flex justify-content-start'
     }, /*#__PURE__*/React.createElement("p", {
       className: "m-0 p-0 wordbreak PacificoFont",
@@ -33773,7 +33819,7 @@ var Slideshowfade = function Slideshowfade(props) {
         color: sectionproperties.slideshowText1ContentColor,
         fontWeight: sectionproperties.slideshowText1ContentFontWeight
       }
-    }, langdetect == 'en' ? item.titleen : item.titlear)), /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? item.titleen : item.titlear)), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 d-flex justify-content-start'
     }, /*#__PURE__*/React.createElement("p", {
       className: "m-0 p-0 wordbreak",
@@ -33792,18 +33838,53 @@ var Slideshowfade = function Slideshowfade(props) {
       onClick: function onClick() {
         routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
       }
-    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ', langdetect == 'en' ? /*#__PURE__*/React.createElement(IoIosArrowRoundForward, {
-      size: 20
-    }) : /*#__PURE__*/React.createElement(IoIosArrowRoundBack, {
-      size: 20
-    }))));
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')));
+  };
+  var slideshow_styles = {
+    slideshow_btn: css({
+      zIndex: 1000,
+      height: sectionproperties.generalbtn_height + 'px',
+      width: sectionproperties.generalbtn_width + 'px',
+      background: sectionproperties.generalbtn_bgColor,
+      color: sectionproperties.generalbtn_textColor,
+      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
+      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
+      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
+      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      lineHeight: sectionproperties.generalbtn_fontsize + 'px',
+      textTransform: sectionproperties.generalbtn_texttransform,
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.generalbtn_bgColoronhover,
+        color: sectionproperties.generalbtn_textColoronhover
+      }
+    }),
+    innerSection: css({
+      // position: 'relative',
+      zIndex: 1000,
+      bottom: 0,
+      marginTop: '-50px',
+      width: sectionproperties.innersectionWidth + '%',
+      backgroundColor: sectionproperties.reservation_bgcolor,
+      borderRadius: sectionproperties.reservation_borderradius + 'px',
+      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',
+      border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
+    })
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 d-flex justify-content-center align-items-center"
+    "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',
+    style: {
+      background: sectionproperties.lower_section_background
+    }
   }, /*#__PURE__*/React.createElement("div", {
     "class": 'col-lg-12 p-0 d-flex justify-content-center',
     style: {
-      height: sectionproperties.height + 'vh'
+      // height: sectionproperties.height + 'vh',
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -33814,8 +33895,8 @@ var Slideshowfade = function Slideshowfade(props) {
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       width: sectionproperties.width + 'vw',
       marginBottom: sectionproperties.marginBottom + 'px',
-      marginTop: sectionproperties.marginTop + 'px',
-      height: sectionproperties.height + 'vh'
+      marginTop: sectionproperties.marginTop + 'px'
+      // height: sectionproperties.height + 'vh',
     }
   }, /*#__PURE__*/React.createElement(Fade, _extends({}, Slideshowsettings, {
     transitionDuration: 1500,
@@ -33837,7 +33918,7 @@ var Slideshowfade = function Slideshowfade(props) {
           if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
             routingcountext(item.clickableimg_page_route, false, '');
           } else {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickableimg_getcoection);
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
           }
         }
       },
@@ -33859,7 +33940,7 @@ var Slideshowfade = function Slideshowfade(props) {
           if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
             routingcountext(item.clickableimg_page_route, false, '');
           } else {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickableimg_getcoection);
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
           }
         }
       },
@@ -33877,7 +33958,49 @@ var Slideshowfade = function Slideshowfade(props) {
         paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
       }
     }, SlideShowTextContainer(item)));
-  })))));
+  })), cardsarray.length != 0 && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(slideshow_styles.innerSection) + ' col-lg-9 col-md-10 col-sm-10 ml-auto mr-auto '
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": ' row m-0 w-100 align-items-center justify-content-center '
+  }, cardsarray.map(function (cardItem, cardinfoindex) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-2 mb-sm-3 p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 d-flex align-items-center"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '70px',
+        height: '70px'
+      }
+    }, /*#__PURE__*/React.createElement(IKImage, {
+      urlEndpoint: IKurlEndpoint,
+      publicKey: IKpublicKey,
+      path: cardsarray.length != 0 ? cardItem.cardobj_img : '',
+      style: {
+        width: '100%',
+        height: '100%',
+        borderRadius: '100%'
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-8 col-md-8 col-sm-8 d-flex flex-column"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "p-0 m-0 wordbreak wordbreak1",
+      style: {
+        color: sectionproperties.sectionTitleColor,
+        fontSize: sectionproperties.sectionTitleFontSize + 'px',
+        fontWeight: sectionproperties.sectionTitleFontWeight,
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? cardItem.cardobj_titleen : cardItem.cardobj_titlear), /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 wordbreak wordbreak1",
+      style: {
+        color: sectionproperties.prodCatColor,
+        fontSize: sectionproperties.prodCatFontSize + 'px',
+        fontWeight: sectionproperties.prodCatFontWeight,
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, langdetect == 'en' ? cardItem.cardobj_descripen : cardItem.cardobj_descripar))));
+  }))))));
 };
 
 function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -34835,7 +34958,7 @@ var Card21 = function Card21(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })))), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(cardsstyles2.iconsContainer2) + ' col-lg-12 col-md-12 col-sm-12 d-xl-none d-lg-none d-md-none d-sm-block p-0 justify-content-center '
@@ -34884,7 +35007,7 @@ var Card21 = function Card21(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   }))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12",
@@ -35493,7 +35616,7 @@ var Card23 = function Card23(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })), /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
@@ -35755,7 +35878,7 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })))), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(cardsstyles2.iconsContainer2) + ' d-xl-none d-lg-none d-md-none d-sm-block p-0 justify-content-center '
@@ -35804,7 +35927,7 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   }))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12",
@@ -36322,7 +36445,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })), addtocartbuttonrender()))))));
 };
@@ -38308,7 +38431,7 @@ var MenuCard = function MenuCard(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 mt-1 p-0"
@@ -38420,7 +38543,7 @@ var MenuCard = function MenuCard(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })))))))))));
 };
@@ -38626,9 +38749,11 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
-      borderRadius: sectionproperties.add_quantitybtn_borderradius + 'px',
-      // borderTopLeftRadius: 0,
-      // borderBottomLeftRadius: 0,
+      // borderRadius: sectionproperties.add_quantitybtn_borderradius + 'px',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_leftborderradius + 'px' : sectionproperties.add_quantitybtn_rightborderradius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_leftborderradius + 'px' : sectionproperties.add_quantitybtn_rightborderradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_rightborderradius + 'px' : sectionproperties.add_quantitybtn_leftborderradius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_rightborderradius + 'px' : sectionproperties.add_quantitybtn_leftborderradius + 'px',
       fontSize: sectionproperties.add_quantitybtn_textfontsize + 'px',
       color: sectionproperties.add_quantitybtn_textcolor,
       transition: '.3s',
@@ -38643,17 +38768,18 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
     }),
     minus_quantitybtn_icon_container: css({
       position: 'relative',
-      width: sectionproperties.remove_quantitybtn_width + 'px',
-      height: sectionproperties.remove_quantitybtn_height + 'px',
-      background: sectionproperties.remove_quantitybtn_bgcolor,
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
-      borderRadius: sectionproperties.remove_quantitybtn_borderradius + 'px',
+      width: sectionproperties.remove_quantitybtn_width + 'px',
+      height: sectionproperties.remove_quantitybtn_height + 'px',
+      background: sectionproperties.remove_quantitybtn_bgcolor,
       fontSize: sectionproperties.remove_quantitybtn_textfontsize + 'px',
       color: sectionproperties.remove_quantitybtn_textcolor,
-      // borderTopRightRadius: 0,
-      // borderBottomRightRadius: 0,
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_leftborderradius + 'px' : sectionproperties.remove_quantitybtn_rightborderradius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_leftborderradius + 'px' : sectionproperties.remove_quantitybtn_rightborderradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_rightborderradius + 'px' : sectionproperties.remove_quantitybtn_leftborderradius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_rightborderradius + 'px' : sectionproperties.remove_quantitybtn_leftborderradius + 'px',
       transition: '.3s',
       ':hover': {
         color: sectionproperties.remove_quantitybtn_textcoloronhover,
@@ -38773,15 +38899,9 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
   }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), showquantity == true && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 allcentered mt-3 mb-1"
   }, /*#__PURE__*/React.createElement("button", {
-    "class": "".concat(cardsstyles2.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center ',
-    style: {
-      direction: 'ltr'
-    }
+    "class": "".concat(cardsstyles2.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React.createElement("span", {
     "class": "".concat(cardsstyles2.minus_quantitybtn_icon_container),
-    style: {
-      transform: ' rotate(-180deg)'
-    },
     onClick: function onClick() {
       if (item.hasvariants == 0) {
         var tempitem = _objectSpread$f({}, item);
@@ -39240,7 +39360,7 @@ var ModernProductCard = function ModernProductCard(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })))))))));
 };
@@ -39452,7 +39572,7 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("li", {
     "class": ' cursor-pointer ',
@@ -39721,11 +39841,12 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
     style: {
       height: '100%',
       width: '100%',
-      objectFit: 'contain',
+      objectFit: sectionproperties.bgcovercontain,
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_borderTopLeftRadius + 'px' : sectionproperties.image_borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_borderTopRightRadius + 'px' : sectionproperties.image_borderTopLeftRadius + 'px'
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor
     }
   }))), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-center",
@@ -40486,7 +40607,7 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
     style: {
       width: '100%',
       height: '100%',
-      objectFit: 'cover',
+      objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
@@ -40544,7 +40665,7 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
       setProductIdProdutInfoModalContext(item.productid);
     }
   }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
-    "class": "".concat(card_cssstyles.cart_btnresponsive) + ' cursor-pointer d-none d-md-flex d-sm-flex align-items-center justify-content-center ',
+    "class": "".concat(card_cssstyles.cart_btnresponsive) + ' cursor-pointer d-none d-md-flex d-sm-flex align-items-center justify-content-center w-sm-80 ',
     onClick: function onClick(e) {
       e.stopPropagation();
       setShowProductInfoModalContext(true);
@@ -41046,7 +41167,7 @@ var Productcard7 = function Productcard7(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
   })), langdetect == 'en' ? 'add to cart' : 'اضف الى العرية')));
@@ -41272,7 +41393,7 @@ var Productcarddefault = function Productcarddefault(props) {
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": "h-100 d-flex justify-content-center align-items-center"
-  }, /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }, /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize + 'px'
   }))))), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.textContainer) + ' row m-0 w-100 '
@@ -41783,9 +41904,8 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
-    "class": card_cssstyles.cardcontainer + ' w-100 ',
+    "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 && sectionproperties.paddingTop != 0 && sectionproperties.paddingBottom != 0 ? card_cssstyles.cardcontainer + ' w-100 p-sm-2 ' : card_cssstyles.cardcontainer + ' w-100 ',
     onClick: function onClick() {
-      // e.stopPropagation();
       if (props.fetchingtypeprops == 'collections') {
         routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
       } else {
@@ -42069,7 +42189,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })), lang.addtocart))))));
 };
@@ -42388,7 +42508,7 @@ var StylishProductCard = function StylishProductCard(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })))))));
 };
@@ -42612,7 +42732,7 @@ var ProductCardWithTextOnImage = function ProductCardWithTextOnImage(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart$1, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("li", {
     "class": ' cursor-pointer ',
@@ -42708,7 +42828,7 @@ var returnLibrary = function returnLibrary() {
     HeaderWithUtilityBar: HeaderWithUtilityBar,
     HeaderWithTextSlide: HeaderWithTextSlide,
     HeaderWithSearchOnCenter: HeaderWithSearchOnCenter,
-    SearchHeader: SearchHeader,
+    TwoTieredHeader: TwoTieredHeader,
     NewHeader: NewHeader,
     // Footers
     Allinonefooter: Allinonefooter,