tabexseriescomponents 0.2.929 → 0.2.932

package/dist/index.cjs.js

@@ -48,6 +48,7 @@ var FiLayers = require('@react-icons/all-files/fi/FiLayers');
 var HiOutlinePlusCircle = require('@react-icons/all-files/hi/HiOutlinePlusCircle');
 require('@react-icons/all-files/hi/HiOutlineMinusCircle');
 var TextareaAutosize = require('react-textarea-autosize');
+var InputRange = require('react-input-range');
 var AiOutlineClockCircle = require('@react-icons/all-files/ai/AiOutlineClockCircle');
 var AiOutlinePlus = require('@react-icons/all-files/ai/AiOutlinePlus');
 var AiOutlineCheck = require('@react-icons/all-files/ai/AiOutlineCheck');
@@ -91,7 +92,6 @@ require('react-router-dom');
 require('react-query');
 var IoBagCheckOutline = require('@react-icons/all-files/io5/IoBagCheckOutline');
 var IoBagRemoveOutline = require('@react-icons/all-files/io5/IoBagRemoveOutline');
-var InputRange = require('react-input-range');
 var reactIntersectionObserver = require('react-intersection-observer');
 var FiFilter = require('@react-icons/all-files/fi/FiFilter');
 var FiSliders = require('@react-icons/all-files/fi/FiSliders');
@@ -212,6 +212,7 @@ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var ImageGallery__default = /*#__PURE__*/_interopDefaultLegacy(ImageGallery);
 var ReactStars__default = /*#__PURE__*/_interopDefaultLegacy(ReactStars);
 var TextareaAutosize__default = /*#__PURE__*/_interopDefaultLegacy(TextareaAutosize);
+var InputRange__default = /*#__PURE__*/_interopDefaultLegacy(InputRange);
 var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
 var ReactPlayer__default = /*#__PURE__*/_interopDefaultLegacy(ReactPlayer);
 var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
@@ -219,7 +220,6 @@ var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGene
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select$4);
 var PhoneInput__default = /*#__PURE__*/_interopDefaultLegacy(PhoneInput);
-var InputRange__default = /*#__PURE__*/_interopDefaultLegacy(InputRange);
 var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
 var AnimatedNumbers__default = /*#__PURE__*/_interopDefaultLegacy(AnimatedNumbers);
 var BackgroundSlideshow__default = /*#__PURE__*/_interopDefaultLegacy(BackgroundSlideshow);
@@ -3135,7 +3135,7 @@ var ProductReviews = function ProductReviews(props) {
 function ownKeys$2B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2B(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _authdetailsContext$i7, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _authdetailsContext$i13, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _authdetailsContext$i14, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _fetchProductInfoQuer87, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _fetchProductInfoQuer95, _fetchProductInfoQuer96, _fetchProductInfoQuer98, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _fetchProductInfoQuer102, _fetchProductInfoQuer103, _fetchProductInfoQuer104, _fetchProductInfoQuer105, _fetchProductInfoQuer106, _fetchProductInfoQuer107, _fetchProductInfoQuer108, _fetchProductInfoQuer109, _fetchProductInfoQuer110, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _fetchProductInfoQuer111, _fetchProductInfoQuer112, _fetchProductInfoQuer113, _fetchProductInfoQuer114, _fetchProductInfoQuer115, _fetchProductInfoQuer116, _authdetailsContext$i16, _authdetailsContext$i17, _fetchProductInfoQuer117, _fetchProductInfoQuer118, _fetchProductInfoQuer119, _fetchProductInfoQuer120, _fetchProductInfoQuer121, _fetchProductInfoQuer122, _fetchProductInfoQuer123, _fetchProductInfoQuer124, _authdetailsContext$i18, _fetchProductInfoQuer125, _fetchProductInfoQuer126, _fetchProductInfoQuer127, _fetchProductInfoQuer128, _fetchProductInfoQuer129, _fetchProductInfoQuer132, _fetchProductInfoQuer133, _authdetailsContext$i19, _fetchProductInfoQuer134, _fetchProductInfoQuer135, _fetchProductInfoQuer136, _fetchProductInfoQuer137, _fetchProductInfoQuer138, _fetchProductInfoQuer139, _fetchProductInfoQuer140, _fetchProductInfoQuer143, _fetchProductInfoQuer144, _sizeguideimage$, _authdetailsContext$i20, _fetchProductInfoQuer146, _fetchProductInfoQuer147;
+  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _authdetailsContext$i7, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _authdetailsContext$i13, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _authdetailsContext$i14, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _fetchProductInfoQuer87, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _fetchProductInfoQuer95, _fetchProductInfoQuer96, _fetchProductInfoQuer98, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _fetchProductInfoQuer102, _fetchProductInfoQuer103, _fetchProductInfoQuer104, _fetchProductInfoQuer105, _fetchProductInfoQuer106, _fetchProductInfoQuer107, _fetchProductInfoQuer108, _fetchProductInfoQuer109, _fetchProductInfoQuer110, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _fetchProductInfoQuer111, _fetchProductInfoQuer112, _fetchProductInfoQuer113, _fetchProductInfoQuer114, _fetchProductInfoQuer115, _fetchProductInfoQuer116, _authdetailsContext$i16, _authdetailsContext$i17, _fetchProductInfoQuer117, _fetchProductInfoQuer118, _fetchProductInfoQuer119, _fetchProductInfoQuer120, _fetchProductInfoQuer121, _fetchProductInfoQuer122, _fetchProductInfoQuer123, _fetchProductInfoQuer124, _authdetailsContext$i18, _fetchProductInfoQuer125, _fetchProductInfoQuer126, _fetchProductInfoQuer127, _fetchProductInfoQuer128, _fetchProductInfoQuer129, _fetchProductInfoQuer132, _fetchProductInfoQuer133, _authdetailsContext$i19, _fetchProductInfoQuer134, _fetchProductInfoQuer135, _fetchProductInfoQuer136, _fetchProductInfoQuer137, _fetchProductInfoQuer138, _fetchProductInfoQuer139, _fetchProductInfoQuer140, _fetchProductInfoQuer143, _fetchProductInfoQuer144, _sizeguideimage$, _authdetailsContext$i20, _fetchProductInfoQuer146, _fetchProductInfoQuer147;
   var lang = props.actions.lang;
   var actions = props.actions;
   var langdetect = props.actions.langdetect;
@@ -3487,25 +3487,91 @@ var Product_itemtype = function Product_itemtype(props) {
       srcfromprops: 'collap'
     }))));
   };
+  var TotalSection = function TotalSection() {
+    var _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "row m-0 w-100 d-flex flex-row"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: "m-0 p-0",
+      style: {
+        color: sectionproperties.total_color,
+        fontSize: sectionproperties.total_fontsize + 'px',
+        fontWeight: sectionproperties.total_fontweight,
+        textTransform: sectionproperties.total_texttransform
+      }
+    }, lang.total, ":"), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center pl-1 pr-1"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: 'm-0 p-0 wordbreak d-flex align-items-center justify-content-end',
+      style: {
+        fontSize: sectionproperties.prodpriceFontSize + 'px',
+        fontWeight: sectionproperties.prodPriceFontWeight,
+        color: sectionproperties.prodPriceColor
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right ' : ' d-flex align-items-center justify-content-end wordbreak text-left '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
+      className: 'm-0 p-0 linethrough wordbreak',
+      style: {
+        color: sectionproperties.prodsalePriceColor,
+        fontSize: sectionproperties.prodsalepriceFontSize + 'px',
+        fontWeight: sectionproperties.prodsalePriceFontWeight
+      }
+    }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && variantindexcompleted != undefined && variantindexcompleted.length == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
+      className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "ml-2 mr-2",
+      style: {
+        textDecoration: 'none'
+      }
+    }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.variants[variantindexcompleted]) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+      className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "ml-2 mr-2",
+      style: {
+        textDecoration: 'none'
+      }
+    }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))));
+  };
   var QuantityButton = function QuantityButton(position) {
     var _authdetailsContext$i3;
     return /*#__PURE__*/React__default["default"].createElement("button", {
-      className: position == 'fixedcontainer' ? " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center ' : " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
+      className: position == 'fixedcontainer' ? " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center inputrangedark ' : " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 inputrangedark ',
       style: {
-        height: sectionproperties.quantitybtn_height + 'px',
+        height: sectionproperties.quantitybtneditable == 'Slider' ? 'auto' : sectionproperties.quantitybtn_height + 'px',
         width: position == 'fixedcontainer' ? '100%' : sectionproperties.quantitybtn_width + 'px',
         flexDirection: 'row',
         direction: 'ltr'
+        // background: 'transparent',
+      }
+    }, sectionproperties.quantitybtneditable == 'Slider' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-12 px-3 px-sm-3"
+    }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
+      draggableTrack: true,
+      formatLabel: function formatLabel(value) {
+        return "".concat(value);
+      },
+      maxValue: fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant,
+      minValue: fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant,
+      value: parseInt(addtocardpayloadobj.quantity),
+      onChange: function onChange(value) {
+        var tempaddtocardpayloadobj = _objectSpread$2B({}, addtocardpayloadobj);
+        tempaddtocardpayloadobj.quantity = value;
+        setaddtocardpayloadobj(_objectSpread$2B({}, tempaddtocardpayloadobj));
       }
-    }, sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-12 p-0 mt-5 pt-4 my-3"
+    }, TotalSection())), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
       className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
       onClick: function onClick() {
-        var _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6;
+        var _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9;
         var quantitystepincrearse = 1;
         var tempaddtocardpayloadobj = _objectSpread$2B({}, addtocardpayloadobj);
-        if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.quantitystepincrearse) != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.quantitystepincrearse) != null && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.quantitystepincrearse) != 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.quantitystepincrearse) != '') {
-          var _fetchProductInfoQuer7;
-          quantitystepincrearse = parseFloat(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.quantitystepincrearse);
+        if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.quantitystepincrearse) != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.quantitystepincrearse) != null && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.quantitystepincrearse) != 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.quantitystepincrearse) != '') {
+          var _fetchProductInfoQuer0;
+          quantitystepincrearse = parseFloat(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer0 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.productinfo) === null || _fetchProductInfoQuer0 === void 0 ? void 0 : _fetchProductInfoQuer0.quantitystepincrearse);
         }
         var finalquantity = tempaddtocardpayloadobj.quantity - quantitystepincrearse;
         if (finalquantity >= 0) {
@@ -3525,12 +3591,12 @@ var Product_itemtype = function Product_itemtype(props) {
     }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '66d6de1a1e04a' ? parseFloat(addtocardpayloadobj.quantity).toFixed(3) : parseInt(addtocardpayloadobj.quantity)), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
       className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
       onClick: function onClick() {
-        var _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer0, _fetchProductInfoQuer1;
+        var _fetchProductInfoQuer1, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
         var quantitystepincrearse = 1;
         var tempaddtocardpayloadobj = _objectSpread$2B({}, addtocardpayloadobj);
-        if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.quantitystepincrearse) != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.quantitystepincrearse) != null && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer0 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.productinfo) === null || _fetchProductInfoQuer0 === void 0 ? void 0 : _fetchProductInfoQuer0.quantitystepincrearse) != 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer1 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.productinfo) === null || _fetchProductInfoQuer1 === void 0 ? void 0 : _fetchProductInfoQuer1.quantitystepincrearse) != '') {
-          var _fetchProductInfoQuer10;
-          quantitystepincrearse = parseFloat(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.quantitystepincrearse);
+        if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer1 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.productinfo) === null || _fetchProductInfoQuer1 === void 0 ? void 0 : _fetchProductInfoQuer1.quantitystepincrearse) != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.quantitystepincrearse) != null && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.quantitystepincrearse) != 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.quantitystepincrearse) != '') {
+          var _fetchProductInfoQuer13;
+          quantitystepincrearse = parseFloat(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.quantitystepincrearse);
         }
         tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + quantitystepincrearse;
         setaddtocardpayloadobj(_objectSpread$2B({}, tempaddtocardpayloadobj));
@@ -3585,7 +3651,7 @@ var Product_itemtype = function Product_itemtype(props) {
   // scrollhorizontalwithscrollbarremove
   React__default["default"].createElement("div", {
     "class": "w-100 scrollhorizontalwithscrollbar "
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productimages) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.productimages.map(function (item, index) {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productimages) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.productimages.map(function (item, index) {
     if (item.is_size_guide != 1) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' scrollhorizontalcard mx-2 ',
@@ -3607,7 +3673,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }))), sectionproperties.gallerystyle == 'One Centered Image' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 allcentered"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productimages) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.productimages.map(function (item, index) {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productimages) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.productimages.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": '  mx-2 ',
       style: {
@@ -3664,7 +3730,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
     size: 26
   }))), productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "w-100 d-block d-md-none",
+    "class": sectionproperties.showthumbnail == 'Hide' ? 'w-100 d-block d-md-none hidethumbnail' : 'w-100 d-block d-md-none',
     style: {
       // height: '500px',
       // height: sectionproperties.evencols == 'Yes' ? '550px' : '',
@@ -3723,15 +3789,15 @@ var Product_itemtype = function Product_itemtype(props) {
       fontWeight: sectionproperties.quantityfontweight
     }
   }, langdetect == 'en' ? sectionproperties.qtytextinen : sectionproperties.qtytextinar, ":", ' ', fetchProductInfoQueryContext.data.data.productinfo.currentquantity)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex align-items-center' : 'col-lg-12 p-0 mb-1 d-flex align-items-center',
+    className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex align-items-center' : 'col-lg-12 p-0 mb-1 d-flex align-items-center',
     style: {
       justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
     }
-  }, ProductNameSection()), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, ProductNameSection()), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
   }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
     count: 5,
-    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.productoverallrate,
+    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.productoverallrate,
     edit: false,
     size: 18,
     emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
@@ -3752,7 +3818,7 @@ var Product_itemtype = function Product_itemtype(props) {
     activeColor: "#ffd700"
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
-  }, sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       width: sectionproperties.availability_width + 'px',
       height: sectionproperties.availability_height + 'px',
@@ -3805,7 +3871,7 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "col-lg-12 text-start p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productfeatures) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.map(function (fitem, findex) {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productfeatures) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.map(function (fitem, findex) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": ' col-md-12 p-0 mb-3 mt-2 col-lg-' + sectionproperties.featuresnumcols
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3863,7 +3929,7 @@ var Product_itemtype = function Product_itemtype(props) {
       color: sectionproperties.prodCatColor
     },
     dangerouslySetInnerHTML: {
-      __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.short_description_ar
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.short_description_ar
     }
   })))), sectionproperties.featuresposition == 'Under Name' && sectionproperties.featurestyle == 'Table' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 text-start p-md-0"
@@ -3882,7 +3948,7 @@ var Product_itemtype = function Product_itemtype(props) {
     className: "col-lg-12 m-0 w-100 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("table", {
     className: 'table tablevertical'
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productfeatures) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.map(function (fitem, findex) {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productfeatures) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.map(function (fitem, findex) {
     return /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("th", {
       style: {
         textTransform: 'capitalize',
@@ -3914,11 +3980,11 @@ var Product_itemtype = function Product_itemtype(props) {
         fontSize: sectionproperties.featurevaluefontsize
       }
     }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar));
-  }))))), sectionproperties.defaultpricingposition == 'Under Name' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
+  }))))), sectionproperties.defaultpricingposition == 'Under Name' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
     actions: props.actions
   }), sectionproperties.featuresposition == 'Under Pricing' && sectionproperties.featurestyle == 'Table' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 text-start p-0"
-  }, ProductFeaturesTable()), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.short_description_en) != null && sectionproperties.descriptionstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, ProductFeaturesTable()), langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.short_description_en) != null && sectionproperties.descriptionstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start"
@@ -3928,9 +3994,9 @@ var Product_itemtype = function Product_itemtype(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     },
     dangerouslySetInnerHTML: {
-      __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.short_description_en
+      __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.short_description_en
     }
-  }))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.short_description_ar) != null && sectionproperties.descriptionstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.short_description_ar) != null && sectionproperties.descriptionstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start"
@@ -3940,9 +4006,9 @@ var Product_itemtype = function Product_itemtype(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     },
     dangerouslySetInnerHTML: {
-      __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.short_description_ar
+      __html: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer30 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.short_description_ar
     }
-  }))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.productinfo) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start mt-2 mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
@@ -3953,24 +4019,24 @@ var Product_itemtype = function Product_itemtype(props) {
     onClick: function onClick() {
       var _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0;
       if (sectionproperties.vendornameclickable == 'Yes') {
-        var _fetchProductInfoQuer29;
+        var _fetchProductInfoQuer32;
         routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify({
-          vendorsarr: [fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.vendorinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.vendorid]
+          vendorsarr: [fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.vendorinfo) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.vendorid]
         })));
       } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '683c163d7f996') {
-        var _fetchProductInfoQuer30;
+        var _fetchProductInfoQuer33;
         routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify({
-          vendorsarr: [fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer30 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.vendorinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.vendorid]
+          vendorsarr: [fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.vendorinfo) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.vendorid]
         })));
       } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '67f3c23abb18f') {
-        var _fetchProductInfoQuer31;
+        var _fetchProductInfoQuer34;
         routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify({
-          vendorsarr: [fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.productinfo) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.vendorinfo) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.vendorid]
+          vendorsarr: [fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.vendorinfo) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.vendorid]
         })));
       } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '6805437ab0f3b') {
-        var _fetchProductInfoQuer32;
+        var _fetchProductInfoQuer35;
         routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify({
-          vendorsarr: [fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.vendorinfo) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.vendorid]
+          vendorsarr: [fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer35 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.productinfo) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.vendorinfo) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : _fetchProductInfoQuer35.vendorid]
         })));
       }
     }
@@ -3979,15 +4045,15 @@ var Product_itemtype = function Product_itemtype(props) {
       fontWeight: 600,
       textDecoration: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) == '67f3c23abb18f' ? 'underline' : 'none'
     }
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.vendorinfo) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.vendorname))), sectionproperties.showSKU == 'Show' && sectionproperties.skuposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
-  }, ProductsSKUContainer()), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer35 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.productinfo) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : _fetchProductInfoQuer35.currentquantity) < 1 && sectionproperties.showoutofstock == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer36 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer36 === void 0 || (_fetchProductInfoQuer36 = _fetchProductInfoQuer36.data) === null || _fetchProductInfoQuer36 === void 0 || (_fetchProductInfoQuer36 = _fetchProductInfoQuer36.productinfo) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : _fetchProductInfoQuer36.quantavailtype) == 'limit' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 || (_fetchProductInfoQuer37 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer37 === void 0 || (_fetchProductInfoQuer37 = _fetchProductInfoQuer37.productinfo) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : _fetchProductInfoQuer37.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer36 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer36 === void 0 || (_fetchProductInfoQuer36 = _fetchProductInfoQuer36.data) === null || _fetchProductInfoQuer36 === void 0 || (_fetchProductInfoQuer36 = _fetchProductInfoQuer36.productinfo) === null || _fetchProductInfoQuer36 === void 0 || (_fetchProductInfoQuer36 = _fetchProductInfoQuer36.vendorinfo) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : _fetchProductInfoQuer36.vendorname))), sectionproperties.showSKU == 'Show' && sectionproperties.skuposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 || (_fetchProductInfoQuer37 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer37 === void 0 || (_fetchProductInfoQuer37 = _fetchProductInfoQuer37.productinfo) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : _fetchProductInfoQuer37.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
+  }, ProductsSKUContainer()), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer38 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer38 === void 0 || (_fetchProductInfoQuer38 = _fetchProductInfoQuer38.data) === null || _fetchProductInfoQuer38 === void 0 || (_fetchProductInfoQuer38 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : _fetchProductInfoQuer38.currentquantity) < 1 && sectionproperties.showoutofstock == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer39 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer39 === void 0 || (_fetchProductInfoQuer39 = _fetchProductInfoQuer39.data) === null || _fetchProductInfoQuer39 === void 0 || (_fetchProductInfoQuer39 = _fetchProductInfoQuer39.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.quantavailtype) == 'limit' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer40 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer40 === void 0 || (_fetchProductInfoQuer40 = _fetchProductInfoQuer40.data) === null || _fetchProductInfoQuer40 === void 0 || (_fetchProductInfoQuer40 = _fetchProductInfoQuer40.productinfo) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : _fetchProductInfoQuer40.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(productinfo_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
-  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer38 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer38 === void 0 || (_fetchProductInfoQuer38 = _fetchProductInfoQuer38.data) === null || _fetchProductInfoQuer38 === void 0 || (_fetchProductInfoQuer38 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : _fetchProductInfoQuer38.deliverydatetext) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer41 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer41 === void 0 || (_fetchProductInfoQuer41 = _fetchProductInfoQuer41.data) === null || _fetchProductInfoQuer41 === void 0 || (_fetchProductInfoQuer41 = _fetchProductInfoQuer41.productinfo) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : _fetchProductInfoQuer41.deliverydatetext) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "mb-4 col-lg-12 allcentered",
     style: {
       width: '100%',
@@ -4008,7 +4074,7 @@ var Product_itemtype = function Product_itemtype(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right',
       color: sectionproperties.deliverytimecontainercolor
     }
-  }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, langdetect == 'en' ? sectionproperties.deliverycontent_en : sectionproperties.deliverycontent_ar, ": "), ' ', fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer39 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer39 === void 0 || (_fetchProductInfoQuer39 = _fetchProductInfoQuer39.data) === null || _fetchProductInfoQuer39 === void 0 || (_fetchProductInfoQuer39 = _fetchProductInfoQuer39.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.deliverydatetext)), sectionproperties.defaultpricingposition != 'Under Name' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer40 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer40 === void 0 || (_fetchProductInfoQuer40 = _fetchProductInfoQuer40.data) === null || _fetchProductInfoQuer40 === void 0 || (_fetchProductInfoQuer40 = _fetchProductInfoQuer40.productinfo) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : _fetchProductInfoQuer40.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
+  }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, langdetect == 'en' ? sectionproperties.deliverycontent_en : sectionproperties.deliverycontent_ar, ": "), ' ', fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer42 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer42 === void 0 || (_fetchProductInfoQuer42 = _fetchProductInfoQuer42.data) === null || _fetchProductInfoQuer42 === void 0 || (_fetchProductInfoQuer42 = _fetchProductInfoQuer42.productinfo) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : _fetchProductInfoQuer42.deliverydatetext)), sectionproperties.defaultpricingposition != 'Under Name' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer43 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer43 === void 0 || (_fetchProductInfoQuer43 = _fetchProductInfoQuer43.data) === null || _fetchProductInfoQuer43 === void 0 || (_fetchProductInfoQuer43 = _fetchProductInfoQuer43.productinfo) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : _fetchProductInfoQuer43.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
     actions: props.actions
   }), sectionproperties.descriptionposition != 'Under Name' && sectionproperties.descriptionposition == 'Top' && sectionproperties.descriptionstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
@@ -4019,7 +4085,9 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right',
-      color: sectionproperties.generaltext_fontColor
+      color: sectionproperties.generaltext_fontColor,
+      fontSize: 17,
+      fontWeight: 700
     }
   }, langdetect == 'en' ? 'Description' : 'التفاصيل')), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
@@ -4049,7 +4117,7 @@ var Product_itemtype = function Product_itemtype(props) {
       marginTop: sectionproperties.ctabuttnnsmarginvertical + 'px',
       marginBottom: sectionproperties.ctabuttnnsmarginvertical + 'px'
     }
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer41 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer41 === void 0 || (_fetchProductInfoQuer41 = _fetchProductInfoQuer41.data) === null || _fetchProductInfoQuer41 === void 0 || (_fetchProductInfoQuer41 = _fetchProductInfoQuer41.productinfo) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : _fetchProductInfoQuer41.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer42 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer42 === void 0 || (_fetchProductInfoQuer42 = _fetchProductInfoQuer42.data) === null || _fetchProductInfoQuer42 === void 0 || (_fetchProductInfoQuer42 = _fetchProductInfoQuer42.productinfo) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : _fetchProductInfoQuer42.isproducthasquantitychange) == 1 && sectionproperties.quantitybtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer44 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer44 === void 0 || (_fetchProductInfoQuer44 = _fetchProductInfoQuer44.data) === null || _fetchProductInfoQuer44 === void 0 || (_fetchProductInfoQuer44 = _fetchProductInfoQuer44.productinfo) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : _fetchProductInfoQuer44.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer45 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer45 === void 0 || (_fetchProductInfoQuer45 = _fetchProductInfoQuer45.data) === null || _fetchProductInfoQuer45 === void 0 || (_fetchProductInfoQuer45 = _fetchProductInfoQuer45.productinfo) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : _fetchProductInfoQuer45.isproducthasquantitychange) == 1 && sectionproperties.quantitybtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-2 d-flex justofy-content-start"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "m-0 p-0",
@@ -4066,11 +4134,11 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       justifyContent: sectionproperties.cartbtncentered == 'Centered' ? 'center' : 'start'
     }
-  }, sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer43 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer43 === void 0 || (_fetchProductInfoQuer43 = _fetchProductInfoQuer43.data) === null || _fetchProductInfoQuer43 === void 0 || (_fetchProductInfoQuer43 = _fetchProductInfoQuer43.productinfo) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : _fetchProductInfoQuer43.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer44 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer44 === void 0 || (_fetchProductInfoQuer44 = _fetchProductInfoQuer44.data) === null || _fetchProductInfoQuer44 === void 0 || (_fetchProductInfoQuer44 = _fetchProductInfoQuer44.productinfo) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : _fetchProductInfoQuer44.isproducthasquantitychange) == 1 && QuantityButton(), sectionproperties.featuresposition != 'Under Name' && sectionproperties.featuresposition == 'Under Description' && sectionproperties.featurestyle != 'Table' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer46 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer46 === void 0 || (_fetchProductInfoQuer46 = _fetchProductInfoQuer46.data) === null || _fetchProductInfoQuer46 === void 0 || (_fetchProductInfoQuer46 = _fetchProductInfoQuer46.productinfo) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : _fetchProductInfoQuer46.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer47 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer47 === void 0 || (_fetchProductInfoQuer47 = _fetchProductInfoQuer47.data) === null || _fetchProductInfoQuer47 === void 0 || (_fetchProductInfoQuer47 = _fetchProductInfoQuer47.productinfo) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : _fetchProductInfoQuer47.isproducthasquantitychange) == 1 && QuantityButton(), sectionproperties.featuresposition != 'Under Name' && sectionproperties.featuresposition == 'Under Description' && sectionproperties.featurestyle != 'Table' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 text-start p-md-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer45 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer45 === void 0 || (_fetchProductInfoQuer45 = _fetchProductInfoQuer45.data) === null || _fetchProductInfoQuer45 === void 0 || (_fetchProductInfoQuer45 = _fetchProductInfoQuer45.productinfo) === null || _fetchProductInfoQuer45 === void 0 || (_fetchProductInfoQuer45 = _fetchProductInfoQuer45.productfeatures) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : _fetchProductInfoQuer45.map(function (fitem, findex) {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer48 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer48 === void 0 || (_fetchProductInfoQuer48 = _fetchProductInfoQuer48.data) === null || _fetchProductInfoQuer48 === void 0 || (_fetchProductInfoQuer48 = _fetchProductInfoQuer48.productinfo) === null || _fetchProductInfoQuer48 === void 0 || (_fetchProductInfoQuer48 = _fetchProductInfoQuer48.productfeatures) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : _fetchProductInfoQuer48.map(function (fitem, findex) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": ' col-md-12 p-0 mb-3 mt-2 col-lg-' + sectionproperties.featuresnumcols
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -4108,12 +4176,12 @@ var Product_itemtype = function Product_itemtype(props) {
         fontSize: sectionproperties.featurevaluefontsize
       }
     }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar))));
-  }))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer46 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer46 === void 0 || (_fetchProductInfoQuer46 = _fetchProductInfoQuer46.data) === null || _fetchProductInfoQuer46 === void 0 || (_fetchProductInfoQuer46 = _fetchProductInfoQuer46.productinfo) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : _fetchProductInfoQuer46.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
+  }))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer49 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer49 === void 0 || (_fetchProductInfoQuer49 = _fetchProductInfoQuer49.data) === null || _fetchProductInfoQuer49 === void 0 || (_fetchProductInfoQuer49 = _fetchProductInfoQuer49.productinfo) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : _fetchProductInfoQuer49.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
     className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
     onClick: function onClick() {
       if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
-        var _fetchProductInfoQuer47;
-        window.open('tel:' + ((_fetchProductInfoQuer47 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : _fetchProductInfoQuer47.product_phonenumber), '_blank');
+        var _fetchProductInfoQuer50;
+        window.open('tel:' + ((_fetchProductInfoQuer50 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : _fetchProductInfoQuer50.product_phonenumber), '_blank');
       } else {
         if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
           addtocartfunc();
@@ -4144,7 +4212,7 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer48 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer48 === void 0 || (_fetchProductInfoQuer48 = _fetchProductInfoQuer48.data) === null || _fetchProductInfoQuer48 === void 0 || (_fetchProductInfoQuer48 = _fetchProductInfoQuer48.productinfo) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : _fetchProductInfoQuer48.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer49 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer49 === void 0 || (_fetchProductInfoQuer49 = _fetchProductInfoQuer49.data) === null || _fetchProductInfoQuer49 === void 0 || (_fetchProductInfoQuer49 = _fetchProductInfoQuer49.productinfo) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : _fetchProductInfoQuer49.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer51 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer51 === void 0 || (_fetchProductInfoQuer51 = _fetchProductInfoQuer51.data) === null || _fetchProductInfoQuer51 === void 0 || (_fetchProductInfoQuer51 = _fetchProductInfoQuer51.productinfo) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : _fetchProductInfoQuer51.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer52 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer52 === void 0 || (_fetchProductInfoQuer52 = _fetchProductInfoQuer52.data) === null || _fetchProductInfoQuer52 === void 0 || (_fetchProductInfoQuer52 = _fetchProductInfoQuer52.productinfo) === null || _fetchProductInfoQuer52 === void 0 ? void 0 : _fetchProductInfoQuer52.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
     color: sectionproperties.cartBtnTextcolor,
@@ -4189,7 +4257,7 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       fontSize: sectionproperties.favBtnTextfontsize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.favbtnaddedcontent_en : sectionproperties.favbtnaddedcontent_ar))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer50 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer50 === void 0 || (_fetchProductInfoQuer50 = _fetchProductInfoQuer50.data) === null || _fetchProductInfoQuer50 === void 0 || (_fetchProductInfoQuer50 = _fetchProductInfoQuer50.productinfo) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : _fetchProductInfoQuer50.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.favbtnaddedcontent_en : sectionproperties.favbtnaddedcontent_ar))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer53 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer53 === void 0 || (_fetchProductInfoQuer53 = _fetchProductInfoQuer53.data) === null || _fetchProductInfoQuer53 === void 0 || (_fetchProductInfoQuer53 = _fetchProductInfoQuer53.productinfo) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : _fetchProductInfoQuer53.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 mt-3",
     style: {
       overflow: 'hidden'
@@ -4201,8 +4269,8 @@ var Product_itemtype = function Product_itemtype(props) {
     },
     onClick: function onClick() {
       if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
-        var _fetchProductInfoQuer51;
-        window.open('tel:' + ((_fetchProductInfoQuer51 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : _fetchProductInfoQuer51.product_phonenumber), '_blank');
+        var _fetchProductInfoQuer54;
+        window.open('tel:' + ((_fetchProductInfoQuer54 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : _fetchProductInfoQuer54.product_phonenumber), '_blank');
       } else {
         if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
           addtocartfunc();
@@ -4233,7 +4301,7 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer52 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer52 === void 0 || (_fetchProductInfoQuer52 = _fetchProductInfoQuer52.data) === null || _fetchProductInfoQuer52 === void 0 || (_fetchProductInfoQuer52 = _fetchProductInfoQuer52.productinfo) === null || _fetchProductInfoQuer52 === void 0 ? void 0 : _fetchProductInfoQuer52.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer53 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer53 === void 0 || (_fetchProductInfoQuer53 = _fetchProductInfoQuer53.data) === null || _fetchProductInfoQuer53 === void 0 || (_fetchProductInfoQuer53 = _fetchProductInfoQuer53.productinfo) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : _fetchProductInfoQuer53.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer55 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer55 === void 0 || (_fetchProductInfoQuer55 = _fetchProductInfoQuer55.data) === null || _fetchProductInfoQuer55 === void 0 || (_fetchProductInfoQuer55 = _fetchProductInfoQuer55.productinfo) === null || _fetchProductInfoQuer55 === void 0 ? void 0 : _fetchProductInfoQuer55.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer56 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer56 === void 0 || (_fetchProductInfoQuer56 = _fetchProductInfoQuer56.data) === null || _fetchProductInfoQuer56 === void 0 || (_fetchProductInfoQuer56 = _fetchProductInfoQuer56.productinfo) === null || _fetchProductInfoQuer56 === void 0 ? void 0 : _fetchProductInfoQuer56.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
     color: sectionproperties.cartBtnTextcolor,
@@ -4298,7 +4366,7 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       width: sectionproperties.cartBtnWidth + '%'
     }
-  }, langdetect == 'en' ? sectionproperties.directwabtntitleen : sectionproperties.directwabtntitlear))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.showbuynowbtn == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer54 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer54 === void 0 || (_fetchProductInfoQuer54 = _fetchProductInfoQuer54.data) === null || _fetchProductInfoQuer54 === void 0 || (_fetchProductInfoQuer54 = _fetchProductInfoQuer54.productinfo) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : _fetchProductInfoQuer54.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.directwabtntitleen : sectionproperties.directwabtntitlear))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.showbuynowbtn == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer57 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer57 === void 0 || (_fetchProductInfoQuer57 = _fetchProductInfoQuer57.data) === null || _fetchProductInfoQuer57 === void 0 || (_fetchProductInfoQuer57 = _fetchProductInfoQuer57.productinfo) === null || _fetchProductInfoQuer57 === void 0 ? void 0 : _fetchProductInfoQuer57.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 mt-3",
     style: {
       overflow: 'hidden'
@@ -4334,7 +4402,7 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "col-lg-12 text-start p-md-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer55 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer55 === void 0 || (_fetchProductInfoQuer55 = _fetchProductInfoQuer55.data) === null || _fetchProductInfoQuer55 === void 0 || (_fetchProductInfoQuer55 = _fetchProductInfoQuer55.productinfo) === null || _fetchProductInfoQuer55 === void 0 || (_fetchProductInfoQuer55 = _fetchProductInfoQuer55.productfeatures) === null || _fetchProductInfoQuer55 === void 0 ? void 0 : _fetchProductInfoQuer55.map(function (fitem, findex) {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer58 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer58 === void 0 || (_fetchProductInfoQuer58 = _fetchProductInfoQuer58.data) === null || _fetchProductInfoQuer58 === void 0 || (_fetchProductInfoQuer58 = _fetchProductInfoQuer58.productinfo) === null || _fetchProductInfoQuer58 === void 0 || (_fetchProductInfoQuer58 = _fetchProductInfoQuer58.productfeatures) === null || _fetchProductInfoQuer58 === void 0 ? void 0 : _fetchProductInfoQuer58.map(function (fitem, findex) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": ' col-md-12 p-0 mb-3 mt-2 col-lg-' + sectionproperties.featuresnumcols
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -4372,19 +4440,19 @@ var Product_itemtype = function Product_itemtype(props) {
         fontSize: sectionproperties.featurevaluefontsize
       }
     }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar))));
-  }))), sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer56 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer56 === void 0 || (_fetchProductInfoQuer56 = _fetchProductInfoQuer56.data) === null || _fetchProductInfoQuer56 === void 0 || (_fetchProductInfoQuer56 = _fetchProductInfoQuer56.productinfo) === null || _fetchProductInfoQuer56 === void 0 ? void 0 : _fetchProductInfoQuer56.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer59 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : _fetchProductInfoQuer59.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-12 text-start mt-3"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": productinfo_cssstyles.sizeguidebtn + ' m-0 p-0 cursor-pointer mb-auto ',
     onClick: function onClick() {
       setopensizeguidemodal(true);
     }
-  }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic)), sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer57 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer57 === void 0 || (_fetchProductInfoQuer57 = _fetchProductInfoQuer57.data) === null || _fetchProductInfoQuer57 === void 0 || (_fetchProductInfoQuer57 = _fetchProductInfoQuer57.productinfo) === null || _fetchProductInfoQuer57 === void 0 ? void 0 : _fetchProductInfoQuer57.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic)), sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer60 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.productinfo) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 my-3 p-md-0"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     "class": "m-0"
   })), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer58 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer58 === void 0 || (_fetchProductInfoQuer58 = _fetchProductInfoQuer58.data) === null || _fetchProductInfoQuer58 === void 0 || (_fetchProductInfoQuer58 = _fetchProductInfoQuer58.productinfo) === null || _fetchProductInfoQuer58 === void 0 ? void 0 : _fetchProductInfoQuer58.hasvariants) == 0 ? 'col-lg-12 col-md-12 p-md-0' : 'col-lg-12 col-md-12 p-md-0 mt-3'
+    "class": sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.productinfo) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : _fetchProductInfoQuer61.hasvariants) == 0 ? 'col-lg-12 col-md-12 p-md-0' : 'col-lg-12 col-md-12 p-md-0 mt-3'
   }, sectionproperties.descriptioncollapseopen == 'Yes' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
     allowMultipleExpanded: true,
     allowZeroExpanded: true,
@@ -4432,7 +4500,7 @@ var Product_itemtype = function Product_itemtype(props) {
       color: sectionproperties.prodCatColor
     },
     dangerouslySetInnerHTML: {
-      __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer59 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : _fetchProductInfoQuer59.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer60 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.productinfo) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.short_description_ar
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer62 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : _fetchProductInfoQuer62.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer63 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.productinfo) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.short_description_ar
     }
   })))))), sectionproperties.descriptionstyle == 'Style 2' && sectionproperties.showshortdescription == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 my-3 p-md-0"
@@ -4606,51 +4674,9 @@ var Product_itemtype = function Product_itemtype(props) {
     })
     // actions={props.actions}
     // srcfromprops={'collapsepinfo'}
-  })))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.productinfo) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : _fetchProductInfoQuer61.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.productinfo) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : _fetchProductInfoQuer64.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 w-100 d-flex flex-row"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "m-0 p-0",
-    style: {
-      color: sectionproperties.total_color,
-      fontSize: sectionproperties.total_fontsize + 'px',
-      fontWeight: sectionproperties.total_fontweight,
-      textTransform: sectionproperties.total_texttransform
-    }
-  }, lang.total, ":"), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center pl-1 pr-1"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: 'm-0 p-0 wordbreak d-flex align-items-center justify-content-end',
-    style: {
-      fontSize: sectionproperties.prodpriceFontSize + 'px',
-      fontWeight: sectionproperties.prodPriceFontWeight,
-      color: sectionproperties.prodPriceColor
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right ' : ' d-flex align-items-center justify-content-end wordbreak text-left '
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer62 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.variants[variantindexcompleted]) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : _fetchProductInfoQuer62.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer63 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.productinfo) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.variants[variantindexcompleted]) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
-    className: 'm-0 p-0 linethrough wordbreak',
-    style: {
-      color: sectionproperties.prodsalePriceColor,
-      fontSize: sectionproperties.prodsalepriceFontSize + 'px',
-      fontWeight: sectionproperties.prodsalePriceFontWeight
-    }
-  }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && variantindexcompleted != undefined && variantindexcompleted.length == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
-    className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "ml-2 mr-2",
-    style: {
-      textDecoration: 'none'
-    }
-  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.productinfo) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.variants[variantindexcompleted]) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : _fetchProductInfoQuer64.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
-    className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "ml-2 mr-2",
-    style: {
-      textDecoration: 'none'
-    }
-  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer65 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : _fetchProductInfoQuer65.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, TotalSection()), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer65 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : _fetchProductInfoQuer65.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-3 mt-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
@@ -5163,11 +5189,13 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.showshortdescription == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 mb-2"
+    "class": "col-lg-12 p-0 mb-2 "
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right',
-      color: sectionproperties.generaltext_fontColor
+      color: sectionproperties.generaltext_fontColor,
+      fontWeight: 700,
+      fontSize: 17
     }
   }, langdetect == 'en' ? 'Description' : 'التفاصيل')), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
@@ -20379,8 +20407,8 @@ var Filter$1 = function Filter(props) {
       }
     }),
     filtercard: glamor.css({
-      minWidth: sectionproperties.filtercardwidth + 'px',
-      maxWidth: sectionproperties.filtercardwidth + 'px'
+      minWidth: sectionproperties.filterdirection == 'Collections Vertical' ? '100%' : sectionproperties.filtercardwidth + 'px',
+      maxWidth: sectionproperties.filterdirection == 'Collections Vertical' ? '100%' : sectionproperties.filtercardwidth + 'px'
     }),
     filtercardfilter: glamor.css({
       minWidth: '100px',
@@ -20725,8 +20753,99 @@ var Filter$1 = function Filter(props) {
       minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh'
     }
   }, props.typeprops != 'vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none'
-  }, sectionproperties.filterType == 'Title & Sort By Only' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: sectionproperties.filterdirection == 'Horizontal' || sectionproperties.filterdirection == 'Collections Vertical' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none'
+  }, sectionproperties.filterdirection == 'Horizontal' && window.location.pathname != '/Portfolio' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 mb-4"
+  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
+    transitionBehavior: 'auto',
+    wrapperClassName: '',
+    itemClassName: '',
+    scrollContainerClassName: 'scrollmenuclasssubscrollbar2'
+  }, collectionstobevisible.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100 mb-2 '
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(filter_cssstyles.timeline_text, " ").concat(filter_cssstyles.filtercard) + ' p-0 cursor-pointer ',
+      onClick: function onClick() {
+        setCollectionFilterFunc(item.collectionid);
+      },
+      style: {
+        color: item.isfilterselected == true ? sectionproperties.activecat_color : ''
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered mb-2"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        width: sectionproperties.filterimagewidthheight + '%',
+        height: sectionproperties.filterimagewidthheight + '%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: '/tr:w-' + sectionproperties.filterimage_tr + ',h-' + sectionproperties.filterimage_h + '/' + item.collectionlogo,
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover',
+        borderRadius: sectionproperties.filterimageborderradius + 'px'
+      },
+      loading: "lazy"
+    }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-10 text-start"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": ' m-0 p-0 '
+    }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-2 text-end"
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      "class": "h-100 allcentered"
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null) : /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null))))));
+  })))), sectionproperties.filterdirection == 'Collections Vertical' && window.location.pathname != '/Portfolio' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 allcentered mt-md-3"
+  }, collectionstobevisible.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: ' col-xl-2 col-lg-3 col-md-3 col-sm-4 w-100 mb-2 '
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(filter_cssstyles.timeline_text, " ").concat(filter_cssstyles.filtercard) + ' p-0 cursor-pointer ',
+      onClick: function onClick() {
+        setCollectionFilterFunc(item.collectionid);
+      },
+      style: {
+        color: item.isfilterselected == true ? sectionproperties.activecat_color : ''
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered mb-2 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        width: sectionproperties.filterimagewidthheight + '%',
+        height: sectionproperties.filterimagewidthheight + '%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: '/tr:w-' + sectionproperties.filterimage_tr + ',h-' + sectionproperties.filterimage_h + '/' + item.collectionlogo,
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover',
+        borderRadius: sectionproperties.filterimageborderradius + 'px'
+      },
+      loading: "lazy"
+    }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-10  col-sm-9 text-start"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": ' m-0 p-0 '
+    }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-2 col-sm-3 text-end"
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      "class": "h-100 allcentered"
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null) : /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null))))));
+  })), sectionproperties.filterType == 'Title & Sort By Only' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row mx-0 w-100",
     style: {
       marginTop: sectionproperties.sectionTitleMarginTop + 'px',
@@ -20814,72 +20933,7 @@ var Filter$1 = function Filter(props) {
         }
       }, valueitem.name);
     }));
-  }))))), sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Horizontal' && window.location.pathname != '/Portfolio' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 mb-4"
-  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
-    transitionBehavior: 'auto',
-    wrapperClassName: '',
-    itemClassName: '',
-    scrollContainerClassName: 'scrollmenuclasssubscrollbar2'
-  }, collectionstobevisible.map(function (item, index) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100 mb-2 '
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "".concat(filter_cssstyles.timeline_text, " ").concat(filter_cssstyles.filtercard) + ' p-0 cursor-pointer ',
-      onClick: function onClick() {
-        setCollectionFilterFunc(item.collectionid);
-      },
-      style: {
-        color: item.isfilterselected == true ? sectionproperties.activecat_color : ''
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 allcentered mb-2"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      style: {
-        width: sectionproperties.filterimagewidthheight + '%',
-        height: sectionproperties.filterimagewidthheight + '%'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: '/tr:w-' + sectionproperties.filterimage_tr + ',h-' + sectionproperties.filterimage_h + '/' + item.collectionlogo,
-      style: {
-        width: '100%',
-        height: '100%',
-        objectFit: 'cover',
-        borderRadius: sectionproperties.filterimageborderradius + 'px'
-      },
-      loading: "lazy"
-    }))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-10 text-start"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": ' m-0 p-0 '
-    }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-2 text-end"
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      "class": "h-100 allcentered"
-    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null) : /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null))))));
-  }))), sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 text-start px-4 mb-5",
-    style: {
-      fontSize: 15,
-      color: '#62554a'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": "cursor-pointer",
-    onClick: function onClick() {
-      routingcountext('home', false, '');
-    }
-  }, 'Home', " /", ' '), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
-    style: {
-      textTransform: 'capitalize'
-    },
-    "class": "mx-2"
-  }, props.show_product_group_titles()['title_en']))), authdetailsContext.instinfo.instid == '6790ae890234e' && window.location.pathname == '/Portfolio' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))), authdetailsContext.instinfo.instid == '6790ae890234e' && window.location.pathname == '/Portfolio' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 mx-auto col-md-12 pl-md-2 pr-md-2 mb-4 allcentered",
     style: {
       paddingLeft: 300,
@@ -22484,6 +22538,7 @@ var CardsSection = function CardsSection(props) {
     innercardssection: glamor.css({
       paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
       paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0,
+      paddingTop: sectionproperties.paddingTop + 'px',
       '@media (max-width: 800px)': {
         paddingLeft: langdetect == 'en' ? sectionproperties.paddinghorizontalresponsive + 'px' : sectionproperties.paddinghorizontalresponsive + 'px',
         paddingRight: langdetect == 'en' ? sectionproperties.paddinghorizontalresponsive + 'px' : sectionproperties.paddinghorizontalresponsive + 'px'
@@ -22506,7 +22561,7 @@ var CardsSection = function CardsSection(props) {
     pageLinkClassName: glamor.css({
       minWidth: sectionproperties.paginationContainerWidth + 'vh',
       height: sectionproperties.paginationContainerHeight + 'vh',
-      padding: '17px',
+      // padding: '17px',
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
@@ -22605,7 +22660,6 @@ var CardsSection = function CardsSection(props) {
     cards_sections: glamor.css({
       paddingLeft: sectionproperties.showFilter == 'show' ? 0 : langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: sectionproperties.showFilter == 'show' ? 0 : langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
       paddingBottom: sectionproperties.paddingBottom + 'px',
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
@@ -22673,6 +22727,50 @@ var CardsSection = function CardsSection(props) {
         paddingLeft: sectionproperties.sectiontitlepaddinghorizontalresponsive + 'rem',
         paddingRight: sectionproperties.sectiontitlepaddinghorizontalresponsive + 'rem'
       }
+    }),
+    groupbysectionimage: glamor.css({
+      ':after': {
+        content: 's',
+        fontSize: 0,
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        left: 0,
+        width: '100%',
+        height: '100%',
+        zIndex: 1,
+        transition: ' 0.3s',
+        background: '#000',
+        opacity: 0.2,
+        borderRadius: sectionproperties.groupbysectionimageborderradius + 'px'
+      }
+    }),
+    groupbytitle: glamor.css({
+      // fontWeight: 700,
+      // fontSize: 27,
+      // color: sectionproperties.sectionTitleColor,
+      color: sectionproperties.groupbytitlecolor,
+      fontSize: sectionproperties.groupbytitlefontsize + 'px',
+      fontWeight: sectionproperties.groupbytitlefontweight,
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.groupbytitlefontsizeresp + 'px'
+      }
+    }),
+    groupbydescription: glamor.css({
+      // fontSize: 18,
+      // color: sectionproperties.sectionTitleColor,
+      // textAlign: langdetect == 'en' ? 'left' : 'right',
+      // color: '#fff',
+      // fontSize: 20,
+      // fontWeight: 500,
+
+      color: sectionproperties.groupbydescriptioncolor,
+      fontSize: sectionproperties.groupbydescriptionfontsize + 'px',
+      fontWeight: sectionproperties.groupbydescriptionfontweight,
+      // color: '#62554a',
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.groupbydescriptionfontsizeresp + 'px'
+      }
     })
   };
   var SectionTitle = function SectionTitle() {
@@ -22896,67 +22994,105 @@ var CardsSection = function CardsSection(props) {
   };
   var GroupByTitleSection = function GroupByTitleSection() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": authdetailsContext.instinfo.instid == '67d6bda67adf6' ? 'row m-0 w-100 px-5 px-md-0' : 'row m-0 w-100'
-    }, authdetailsContext.instinfo.instid == '67d6bda67adf6' && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-md-6 col-sm-12 d-none d-md-flex justify-content-end"
+      "class": 'row m-0 w-100',
+      style: {
+        position: 'relative'
+      }
+    }, sectionproperties.groupbysectionimage == 'Show' && sectionproperties.groupbysectionimageposition == 'Top' && show_product_group_titles()['logo'] != '' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-12 p-0 d-flex align-items-center",
+      style: {
+        justifyContent: sectionproperties.groupbysectionimagehorizontalposition == 'Center' ? 'center' : 'start'
+      }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.groupbysectionimage + ' ',
       style: {
-        width: '90%',
-        height: '90%'
+        width: sectionproperties.groupbysectionimagewidthheight == 0 ? '100%' : sectionproperties.groupbysectionimagewidthheight + '%',
+        height: sectionproperties.groupbysectionimagewidthheight == 0 ? '100%' : sectionproperties.groupbysectionimagewidthheight + '%'
       }
     }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
       path: show_product_group_titles()['logo'],
-      className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
+      "class": 'w-100 h-100',
       style: {
-        maxHeight: '100%',
-        maxWidth: '100%'
+        borderRadius: sectionproperties.groupbysectionimageborderradius + 'px'
       }
     }))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": authdetailsContext.instinfo.instid == '67d6bda67adf6' ? 'col-lg-8 p-0' : 'col-lg-12 p-0'
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100"
+      "class": "col-12 allcentered",
+      style: {
+        position: sectionproperties.groupbysectiontextposition == 'On Image' ? 'absolute' : 'relative',
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+        margin: 'auto'
+      }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": authdetailsContext.instinfo.instid == '67d6bda67adf6' ? 'col-lg-12 mb-3 mt-5 text-start mt-md-2' : 'col-lg-12 mb-3 mt-5 text-start'
+      "class": sectionproperties.groupbysectiontextposition == 'On Image' ? 'row m-0 w-100 px-4 px-md-2 px-sm-0' : 'row m-0 w-100'
+    }, sectionproperties.groupbytitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionproperties.groupbysectiontextposition == 'On Image' ? 'col-lg-12 d-flex align-items-center mb-1' : 'col-lg-12 mb-3 mt-5 d-flex align-items-center',
+      style: {
+        justifyContent: sectionproperties.groupbytitleposition == 'Center' ? 'center' : 'start'
+      }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0",
+      "class": section_cssstyles.groupbytitle + ' m-0 '
+    }, langdetect == 'en' ? show_product_group_titles()['title_en'] : show_product_group_titles()['title_ar'])), sectionproperties.groupbydescriptionshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionproperties.groupbysectiontextposition == 'On Image' ? 'col-lg-12 d-flex align-items-center' : 'col-lg-12 mb-3 mt-5 d-flex align-items-center',
       style: {
-        fontWeight: 700,
-        fontSize: 27,
-        color: sectionproperties.sectionTitleColor
+        justifyContent: sectionproperties.groupbydescriptionposition == 'Center' ? 'center' : 'start'
       }
-    }, langdetect == 'en' ? show_product_group_titles()['title_en'] : show_product_group_titles()['title_ar'])), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 mb-3"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0",
+      "class": section_cssstyles.groupbydescription + ' m-0 ',
       style: {
-        fontSize: 18,
-        color: sectionproperties.sectionTitleColor,
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-
-        // color: '#62554a',
+        textAlign: sectionproperties.groupbydescriptionposition == 'Center' ? 'center' : langdetect == 'en' ? 'left' : 'right'
       },
       dangerouslySetInnerHTML: {
         __html: langdetect == 'en' ? show_product_group_titles()['description_en'] : show_product_group_titles()['description_ar']
       }
-    })))), authdetailsContext.instinfo.instid == '67d6bda67adf6' && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-4 d-flex d-md-none justify-content-end pt-4"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      style: {
-        width: '90%',
-        height: '90%'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: show_product_group_titles()['logo'],
-      className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
-      style: {
-        maxHeight: '100%',
-        maxWidth: '100%'
-      }
-    }))));
+    })))))
+    //     <div class={ 'row m-0 w-100'}>
+    //     <div class="col-12 p-0 allcentered">
+    //         <div class="w-100 h-100">
+    //             <Imagekitimagecomp
+    //                 urlEndpoint={ikimagecredcontext?.ikimageendpoint}
+    //                 publicKey={ikimagecredcontext?.ikimagepublickey}
+    //                 path={show_product_group_titles()['logo']}
+    //                 className={sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain w-100 h-100' : 'w-100 h-100'}
+    //             />
+    //         </div>
+    //     </div>
+
+    //     <div class={'col-lg-12 mb-3 mt-5 allcentered'}>
+    //         {/* <div class={ 'col-lg-12 mb-3 mt-5 text-start'}> */}
+    //         <p
+    //             class="m-0"
+    //             style={{
+    //                 fontWeight: 700,
+    //                 fontSize: 27,
+
+    //                 color: sectionproperties.sectionTitleColor,
+    //             }}
+    //         >
+    //             {langdetect == 'en' ? show_product_group_titles()['title_en'] : show_product_group_titles()['title_ar']}
+    //         </p>
+    //     </div>
+    //     <div class="col-lg-12 mb-3 allcentered">
+    //         <p
+    //             class="m-0"
+    //             style={{
+    //                 fontSize: 18,
+    //                 color: sectionproperties.sectionTitleColor,
+    //                 textAlign: langdetect == 'en' ? 'left' : 'right',
+
+    //                 // color: '#62554a',
+    //             }}
+    //             dangerouslySetInnerHTML={{
+    //                 __html: langdetect == 'en' ? show_product_group_titles()['description_en'] : show_product_group_titles()['description_ar'],
+    //             }}
+    //         ></p>
+    //     </div>
+    // </div>
+    ;
   };
   var cardsrender = function cardsrender() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -23118,7 +23254,7 @@ var CardsSection = function CardsSection(props) {
       size: sectionproperties.viewmoreiconfontsizeresp,
       color: sectionproperties.viewmorebtn_Textcolor
     })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 1' && authdetailsContext.instinfo.instid != '6790ae890234e' && window.location.pathname != '/Portfolio' && /*#__PURE__*/React__default["default"].createElement("button", {
-      "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
+      "class": sectionproperties.filterdirection == 'Horizontal' || sectionproperties.filterdirection == 'Collections Vertical' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
       onClick: function onClick() {
         setopenFilterSlider(true);
         // var element = document.getElementById('filterslider');
@@ -23138,7 +23274,7 @@ var CardsSection = function CardsSection(props) {
         fontSize: sectionproperties.filterbtniconfontsize
       }
     })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("button", {
-      "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
+      "class": sectionproperties.filterdirection == 'Horizontal' || sectionproperties.filterdirection == 'Collections Vertical' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
       onClick: function onClick() {
         setopenFilterSlider(true);
       },
@@ -23566,6 +23702,44 @@ var CardsSection = function CardsSection(props) {
       "class": "col-lg-12 p-0 allcentered"
     }, ViewMoreButton())));
   };
+  var CardsSectionContent = function CardsSectionContent() {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": ' row m-0 w-100 '
+    }, sectionproperties.showproductgroupbytitle == 'Show' && GroupByTitleSection(), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      className: sectionproperties.filterdirection == 'Horizontal' || sectionproperties.filterdirection == 'Collections Vertical' ? 'col-lg-12 d-flex p-0' : sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
+    }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
+      sectionpropertiesprops: sectionproperties,
+      actions: actions,
+      openFilterSlider: openFilterSlider,
+      setopenFilterSlider: setopenFilterSlider,
+      show_product_group_titles: show_product_group_titles
+    })), sectionproperties.showvariantfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      className: sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
+    }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
+      sectionpropertiesprops: sectionproperties,
+      actions: actions,
+      openFilterSlider: openFilterSlider,
+      setopenFilterSlider: setopenFilterSlider,
+      show_product_group_titles: show_product_group_titles,
+      typeprops: 'vertical'
+    })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender(), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered my-5"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered mb-3"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": section_cssstyles.titleee + ' m-0 p-0 ',
+      style: {}
+    }, langdetect == 'en' ? "Didn't find what you're looking for?" : 'مش لاقي اللي بتدور عليه؟')), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered"
+    }, /*#__PURE__*/React__default["default"].createElement("button", {
+      "class": section_cssstyles.btnnn + ' w-md-100 ',
+      onClick: function onClick() {
+        routingcountext('inquiryform', false, '');
+      }
+    }, langdetect == 'en' ? 'Contact Us' : 'إتصل بنا')))));
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     ref: refscr,
     "class": section_cssstyles.sectioncontainerr + ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto  ',
@@ -23575,75 +23749,9 @@ var CardsSection = function CardsSection(props) {
   }, sectionproperties.length != 0 && sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": section_cssstyles.innercardssection + ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 ',
     "data-aos": 'fade-up'
-  }, sectionproperties.showproductgroupbytitle == 'Show' && GroupByTitleSection(), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex p-0' : sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
-  }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions,
-    openFilterSlider: openFilterSlider,
-    setopenFilterSlider: setopenFilterSlider,
-    show_product_group_titles: show_product_group_titles
-  })), sectionproperties.showvariantfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
-  }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions,
-    openFilterSlider: openFilterSlider,
-    setopenFilterSlider: setopenFilterSlider,
-    show_product_group_titles: show_product_group_titles,
-    typeprops: 'vertical'
-  })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender(), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered my-5"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": section_cssstyles.titleee + ' m-0 p-0 ',
-    style: {}
-  }, langdetect == 'en' ? "Didn't find what you're looking for?" : 'مش لاقي اللي بتدور عليه؟')), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": section_cssstyles.btnnn + ' w-md-100 ',
-    onClick: function onClick() {
-      routingcountext('inquiryform', false, '');
-    }
-  }, langdetect == 'en' ? 'Contact Us' : 'إتصل بنا'))))), sectionproperties.length != 0 && sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, CardsSectionContent()), sectionproperties.length != 0 && sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": section_cssstyles.innercardssection + ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 '
-  }, sectionproperties.showproductgroupbytitle == 'Show' && GroupByTitleSection(), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex p-0' : sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
-  }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions,
-    openFilterSlider: openFilterSlider,
-    setopenFilterSlider: setopenFilterSlider,
-    show_product_group_titles: show_product_group_titles
-  })), sectionproperties.showvariantfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
-  }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
-    sectionpropertiesprops: sectionproperties,
-    actions: actions,
-    openFilterSlider: openFilterSlider,
-    setopenFilterSlider: setopenFilterSlider,
-    show_product_group_titles: show_product_group_titles,
-    typeprops: 'vertical'
-  })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender(), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered my-5"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": section_cssstyles.titleee + ' m-0 p-0 ',
-    style: {}
-  }, langdetect == 'en' ? "Didn't find what you're looking for?" : 'مش لاقي اللي بتدور عليه؟')), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": section_cssstyles.btnnn + ' w-md-100 ',
-    onClick: function onClick() {
-      routingcountext('inquiryform', false, '');
-    }
-  }, langdetect == 'en' ? 'Contact Us' : 'إتصل بنا'))))));
+  }, CardsSectionContent()));
 };
 
 function ownKeys$2h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -36530,7 +36638,7 @@ var SubheaderDropdown = function SubheaderDropdown(props) {
 function ownKeys$1Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Simpleheader = function Simpleheader(props) {
-  var _authdetailsContext$i, _authdetailsContext$i2, _header_cssstyles, _authdetailsContext$i3, _authdetailsContext$i4, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i5, _authdetailsContext$i15, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$c2, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _logoarrayofobjects$3, _logoarrayofobjects$4;
+  var _authdetailsContext$i, _authdetailsContext$i2, _header_cssstyles, _authdetailsContext$i3, _authdetailsContext$i4, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i5, _authdetailsContext$i15, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$c, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$c2, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _logoarrayofobjects$3, _logoarrayofobjects$4;
   var actions = props.actions;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -36831,13 +36939,18 @@ var Simpleheader = function Simpleheader(props) {
       borderColor: sectionproperties.closeSlider_colorOnHover
     }
   })), "headerinnercontainer", glamor.css({
-    borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
+    // borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
     paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
     paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
     paddingTop: sectionproperties.header_paddingTop + 'px',
     paddingBottom: sectionproperties.header_paddingBottom + 'px',
     backgroundColor: sectionproperties.keepheadertransparent == 'Yes' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && window.location.pathname == '/login' ? sectionproperties.header_backgroundColor : sectionproperties.keepheadertransparent == 'Yes' ? 'transparent' : sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor,
     borderBottom: sectionproperties.headerborderbottomwidth + 'px solid ' + sectionproperties.headerbordercolor,
+    borderTopLeftRadius: sectionproperties.headerbordertopleftradius + 'px',
+    borderTopRightRadius: sectionproperties.headerbordertoprightradius + 'px',
+    borderBottomLeftRadius: sectionproperties.headerborderbottomleftradius + 'px',
+    borderBottomRightRadius: sectionproperties.headerborderbottomrightradius + 'px',
+    marginTop: sectionproperties.header_marginTop + 'px',
     ':hover': {
       backgroundColor: sectionproperties.header_backgroundColor,
       transition: '.3s ease-in-out'
@@ -36963,6 +37076,8 @@ var Simpleheader = function Simpleheader(props) {
     }
   }, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isselected) ;
+    // activepagecolor
+    // actibepagebgcolor
     if (item.isnavigation == 1 && item.isactive == 1) {
       var _authdetailsContext$i6, _authdetailsContext$i1, _authdetailsContext$i14;
       if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instid) == '684aa79857878') {
@@ -37346,7 +37461,7 @@ var Simpleheader = function Simpleheader(props) {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.cartbadge)
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart.cartitems_count_withquantity : 0), /*#__PURE__*/React__default["default"].createElement("i", {
+  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart.cartitems_count_withquantity) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.customercart.cartitems_count_withquantity : 0), /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "h-100 allcentered"
   }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
     size: sectionproperties.cartBtn_iconFontSize
@@ -57681,7 +57796,10 @@ var Newsletterfooter = function Newsletterfooter(props) {
       paddingLeft: langdetect == 'en' ? sectionproperties.footer_paddingLeft + 'px' : sectionproperties.footer_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px',
       paddingBottom: sectionproperties.footer_paddingBottom + 'px',
-      width: '100vw'
+      width: '100vw',
+      '@media (max-width: 800px)': {
+        paddingBottom: sectionproperties.showbottomnav == 'Show' ? 140 : sectionproperties.footer_paddingBottom + 'px'
+      }
     }),
     footerlogo: glamor.css({
       width: sectionproperties.logo_width + 'px',