npm - tabexseriescomponents - Versions diffs - 0.2.1292 → 0.2.1293 - Mend

tabexseriescomponents 0.2.1292 → 0.2.1293

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.cjs.js CHANGED Viewed

@@ -1787,29 +1787,33 @@ var Variantoptions = function Variantoptions(props) {
       var isValueinStock = isOptionInStock(optionvaluesitem.valueid);
       var is_value_permdisabled = 0;
       if ((optionvaluesitem === null || optionvaluesitem === void 0 ? void 0 : optionvaluesitem.perm_disabled) == 1) {
-        var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7;
+        var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8;
         // if()
         if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '68d28fc494276') {
           is_value_permdisabled = 1;
         }
+        // amiga
+        else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '670fc18477599') {
+          is_value_permdisabled = 1;
+        }
         // vout
-        else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68f918a4ccb85') {
+        else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '68f918a4ccb85') {
           is_value_permdisabled = 1;
         }
         //  puff
-        else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '6899e604db87f') {
+        else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '6899e604db87f') {
           is_value_permdisabled = 1;
         }
         //    dija
-        else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '682cbb9bdcd57') {
+        else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.contactinfo.instid) == '682cbb9bdcd57') {
           is_value_permdisabled = 1;
         }
         // angel
-        else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.contactinfo.instid) == '67bda57bca71d') {
+        else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '67bda57bca71d') {
           is_value_permdisabled = 1;
-        } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '69244cc88aa0a') {
+        } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '69244cc88aa0a') {
           is_value_permdisabled = 1;
-        } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '687ca57cc78e8') {
+        } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '687ca57cc78e8') {
           is_value_permdisabled = 1;
         }
       }
@@ -1838,7 +1842,7 @@ var Variantoptions = function Variantoptions(props) {
       } else if (item.optionname == 'size' || item.optionname == 'Size') {
         // if (ProductInfoObj?.data?.productinfo?.productoptions?.length == 1 || isoptionvaluedenabled == 1) {
         if (is_value_permdisabled == 0) {
-          var _authdetailsContext$i8, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22;
+          var _authdetailsContext$i9, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25;
           return /*#__PURE__*/React__default["default"].createElement("div", {
             // className={
             // issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true &&
@@ -1850,47 +1854,53 @@ var Variantoptions = function Variantoptions(props) {
             //           ' mr-2 variabttcontainer allcentered ' +
             //           `${isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''}`
             // }
-            className: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '68f918a4ccb85' ? " ".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered linethroughshowcrossicon ' + "  ".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : '') : " ".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + "  ".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
+            className: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '68f918a4ccb85' ? " ".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered linethroughshowcrossicon ' + "  ".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : '') : " ".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + "  ".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
             onClick: function onClick() {
               if (isoptionvalueselected == 0) {
-                var _authdetailsContext$i9, _authdetailsContext$i0, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14;
-                if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '68d28fc494276') {
+                var _authdetailsContext$i0, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16;
+                if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '68d28fc494276') {
+                  if (isValueinStock == 0) {
+                    return;
+                  }
+                }
+                // amiga
+                else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '670fc18477599') {
                   if (isValueinStock == 0) {
                     return;
                   }
                 }
                 // vout
-                else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '68f918a4ccb85') {
+                else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '68f918a4ccb85') {
                   if (isValueinStock == 0) {
                     return;
                   }
                 }
                 // puff
-                else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '6899e604db87f') {
+                else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) == '6899e604db87f') {
                   if (isValueinStock == 0) {
                     return;
                   }
                 }
                 // angel
-                else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '67bda57bca71d') {
+                else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) == '67bda57bca71d') {
                   if (isValueinStock == 0) {
                     return;
                   }
                 }
                 // dija
-                else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) == '682cbb9bdcd57') {
+                else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.contactinfo.instid) == '682cbb9bdcd57') {
                   if (isValueinStock == 0) {
                     return;
                   }
-                } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) == '69244cc88aa0a') {
+                } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.contactinfo.instid) == '69244cc88aa0a') {
                   if (isValueinStock == 0) {
                     return;
                   }
-                } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.contactinfo.instid) == '687ca57cc78e8') {
+                } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.contactinfo.instid) == '687ca57cc78e8') {
                   if (isValueinStock == 0) {
                     return;
                   }
-                } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.contactinfo.instid) == '6899e604db87f') {
+                } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.contactinfo.instid) == '6899e604db87f') {
                   if (isValueinStock == 0) {
                     return;
                   }
@@ -1934,16 +1944,18 @@ var Variantoptions = function Variantoptions(props) {
           }, /*#__PURE__*/React__default["default"].createElement("i", {
             "class": "h-100 allcentered"
           }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("p", {
-            className: isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.contactinfo.instid) == '68d28fc494276' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
+            className: isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.contactinfo.instid) == '68d28fc494276' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
+            // amiga
+            isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.contactinfo.instid) == '670fc18477599' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
             // vout
-            isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.contactinfo.instid) == '68f918a4ccb85' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
+            isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '68f918a4ccb85' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
             // puff
-            isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.contactinfo.instid) == '6899e604db87f' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
+            isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '6899e604db87f' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
             //   angel
-            isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.contactinfo.instid) == '67bda57bca71d' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
+            isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '67bda57bca71d' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
             // dija
-            isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '682cbb9bdcd57' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '69244cc88aa0a' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '687ca57cc78e8' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.contactinfo.instid) == '6899e604db87f' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
+            isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.contactinfo.instid) == '682cbb9bdcd57' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.contactinfo.instid) == '69244cc88aa0a' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.contactinfo.instid) == '687ca57cc78e8' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.contactinfo.instid) == '6899e604db87f' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
             style: {
               color: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null && isoptionvalueselected == 1 ? sectionproperties.activeproductcolor : sectionproperties.variantcontainer_color,
               fontSize: sectionproperties.variantcontainer_fontSize + 'px',
@@ -1952,49 +1964,55 @@ var Variantoptions = function Variantoptions(props) {
           }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
         }
       } else {
-        var _authdetailsContext$i23, _authdetailsContext$i32, _authdetailsContext$i33, _authdetailsContext$i34, _authdetailsContext$i35, _authdetailsContext$i36, _authdetailsContext$i37, _authdetailsContext$i38, _authdetailsContext$i39;
+        var _authdetailsContext$i26, _authdetailsContext$i36, _authdetailsContext$i37, _authdetailsContext$i38, _authdetailsContext$i39, _authdetailsContext$i40, _authdetailsContext$i41, _authdetailsContext$i42, _authdetailsContext$i43, _authdetailsContext$i44;
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.contactinfo.instid) == '68f918a4ccb85' ? " ".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered linethroughshowcrossicon ' + "  ".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : '') : " ".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + "  ".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
+          className: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.contactinfo.instid) == '68f918a4ccb85' ? " ".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered linethroughshowcrossicon ' + "  ".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : '') : " ".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + "  ".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
           onClick: function onClick() {
             if (isoptionvalueselected == 0) {
-              var _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i28, _authdetailsContext$i29, _authdetailsContext$i30, _authdetailsContext$i31;
-              if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.contactinfo.instid) == '68d28fc494276') {
+              var _authdetailsContext$i27, _authdetailsContext$i28, _authdetailsContext$i29, _authdetailsContext$i30, _authdetailsContext$i31, _authdetailsContext$i32, _authdetailsContext$i33, _authdetailsContext$i34, _authdetailsContext$i35;
+              if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.contactinfo.instid) == '68d28fc494276') {
+                if (isValueinStock == 0) {
+                  return;
+                }
+              }
+              // amiga
+              else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) == '670fc18477599') {
                 if (isValueinStock == 0) {
                   return;
                 }
               }
               // vout
-              if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.contactinfo.instid) == '68f918a4ccb85') {
+              else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.contactinfo.instid) == '68f918a4ccb85') {
                 if (isValueinStock == 0) {
                   return;
                 }
               }
               // puff n stuff
-              else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.contactinfo.instid) == '6899e604db87f') {
+              else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.contactinfo.instid) == '6899e604db87f') {
                 if (isValueinStock == 0) {
                   return;
                 }
-              } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.contactinfo.instid) == '69244cc88aa0a') {
+              } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.contactinfo.instid) == '69244cc88aa0a') {
                 if (isValueinStock == 0) {
                   return;
                 }
               }
               // angel
-              else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) == '67bda57bca71d') {
+              else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.contactinfo.instid) == '67bda57bca71d') {
                 if (isValueinStock == 0) {
                   return;
                 }
               }
               // dija
-              else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.contactinfo.instid) == '682cbb9bdcd57') {
+              else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.contactinfo.instid) == '682cbb9bdcd57') {
                 if (isValueinStock == 0) {
                   return;
                 }
-              } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.contactinfo.instid) == '687ca57cc78e8') {
+              } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.contactinfo.instid) == '687ca57cc78e8') {
                 if (isValueinStock == 0) {
                   return;
                 }
-              } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.contactinfo.instid) == '6899e604db87f') {
+              } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.contactinfo.instid) == '6899e604db87f') {
                 if (isValueinStock == 0) {
                   return;
                 }
@@ -2018,15 +2036,17 @@ var Variantoptions = function Variantoptions(props) {
             border: isoptionvalueselected == 1 ? '2px solid ' + sectionproperties.activeproductcolor : isoptionvaluedenabled == 1 ? '1px solid ' + sectionproperties.variantcontainerbordercolor : '1px solid ' + ' grey '
           }
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          className: isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.contactinfo.instid) == '68d28fc494276' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
+          className: isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.contactinfo.instid) == '68d28fc494276' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
+          // amiga
+          isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.contactinfo.instid) == '670fc18477599' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
           // vout
-          isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.contactinfo.instid) == '68f918a4ccb85' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
+          isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.contactinfo.instid) == '68f918a4ccb85' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
           // puff
-          isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.contactinfo.instid) == '6899e604db87f' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
+          isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.contactinfo.instid) == '6899e604db87f' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
           //   angel
-          isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.contactinfo.instid) == '67bda57bca71d' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
+          isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.contactinfo.instid) == '67bda57bca71d' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' :
           // dija
-          isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.contactinfo.instid) == '682cbb9bdcd57' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.contactinfo.instid) == '69244cc88aa0a' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.contactinfo.instid) == '687ca57cc78e8' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.contactinfo.instid) == '6899e604db87f' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
+          isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i41 = authdetailsContext.instinfo) === null || _authdetailsContext$i41 === void 0 ? void 0 : _authdetailsContext$i41.contactinfo.instid) == '682cbb9bdcd57' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i42 = authdetailsContext.instinfo) === null || _authdetailsContext$i42 === void 0 ? void 0 : _authdetailsContext$i42.contactinfo.instid) == '69244cc88aa0a' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i43 = authdetailsContext.instinfo) === null || _authdetailsContext$i43 === void 0 ? void 0 : _authdetailsContext$i43.contactinfo.instid) == '687ca57cc78e8' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : isValueinStock == 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i44 = authdetailsContext.instinfo) === null || _authdetailsContext$i44 === void 0 ? void 0 : _authdetailsContext$i44.contactinfo.instid) == '6899e604db87f' ? 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center linethrough' : 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
           style: {
             color: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null && isoptionvalueselected == 1 ? sectionproperties.activeproductcolor : sectionproperties.variantcontainer_color,
             fontSize: sectionproperties.variantcontainer_fontSize + 'px',
@@ -7666,7 +7686,7 @@ var TamaraWidget = function TamaraWidget(props) {
 function ownKeys$2C(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$2C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2C(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Productinfo = function Productinfo(props) {
-  var _css, _fetchProductInfoQuer84, _ref, _fetchProductInfoQuer85, _authdetailsContext$i36, _ref2, _fetchProductInfoQuer86, _authdetailsContext$i37, _ref3, _fetchProductInfoQuer87, _ref4, _authdetailsContext$i38, _authdetailsContext$i39, _authdetailsContext$i40, _authdetailsContext$i41, _authdetailsContext$i42, _authdetailsContext$i43, _authdetailsContext$i44, _authdetailsContext$i45, _authdetailsContext$i46, _authdetailsContext$i47, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _authdetailsContext$i48, _returnpolicyobj15, _returnpolicyobj16, _returnpolicyobj17, _returnpolicyobj18, _fetchProductInfoQuer95, _fetchProductInfoQuer96, _fetchProductInfoQuer97, _fetchProductInfoQuer98, _returnpolicyobj19, _returnpolicyobj20, _returnpolicyobj21, _returnpolicyobj22, _authdetailsContext$i49, _returnpolicyobj23, _returnpolicyobj24, _returnpolicyobj25, _returnpolicyobj26, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _returnpolicyobj27, _returnpolicyobj28, _returnpolicyobj29, _returnpolicyobj30, _authdetailsContext$i50, _fetchProductInfoQuer101, _fetchProductInfoQuer102, _fetchProductInfoQuer103, _fetchProductInfoQuer104, _returnpolicyobj31, _returnpolicyobj32, _returnpolicyobj33, _returnpolicyobj34, _authdetailsContext$i51, _authdetailsContext$i52, _authdetailsContext$i53;
+  var _css, _fetchProductInfoQuer84, _ref, _fetchProductInfoQuer85, _authdetailsContext$i37, _ref2, _fetchProductInfoQuer86, _authdetailsContext$i38, _ref3, _fetchProductInfoQuer87, _ref4, _authdetailsContext$i39, _authdetailsContext$i40, _authdetailsContext$i41, _authdetailsContext$i42, _authdetailsContext$i43, _authdetailsContext$i44, _authdetailsContext$i45, _authdetailsContext$i46, _authdetailsContext$i47, _authdetailsContext$i48, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _authdetailsContext$i49, _returnpolicyobj15, _returnpolicyobj16, _returnpolicyobj17, _returnpolicyobj18, _fetchProductInfoQuer95, _fetchProductInfoQuer96, _fetchProductInfoQuer97, _fetchProductInfoQuer98, _returnpolicyobj19, _returnpolicyobj20, _returnpolicyobj21, _returnpolicyobj22, _authdetailsContext$i50, _returnpolicyobj23, _returnpolicyobj24, _returnpolicyobj25, _returnpolicyobj26, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _returnpolicyobj27, _returnpolicyobj28, _returnpolicyobj29, _returnpolicyobj30, _authdetailsContext$i51, _fetchProductInfoQuer101, _fetchProductInfoQuer102, _fetchProductInfoQuer103, _fetchProductInfoQuer104, _returnpolicyobj31, _returnpolicyobj32, _returnpolicyobj33, _returnpolicyobj34, _authdetailsContext$i52, _authdetailsContext$i53, _authdetailsContext$i54;
   var _useState = React.useState({}),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     ProductInfoObj = _useState2[0],
@@ -8169,7 +8189,7 @@ var Productinfo = function Productinfo(props) {
   //     selectproductoptionvalue(optionindex, optionvaluesitem, optionvaluesindex, productarr);
   // };
   var isOptionInStock = function isOptionInStock(Currvalueid) {
-    var _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0, _authdetailsContext$i1, _authdetailsContext$i10;
+    var _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11;
     //    lord
     if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '68d28fc494276') {
       var _ProductInfoObj$data;
@@ -8258,8 +8278,8 @@ var Productinfo = function Productinfo(props) {
       });
       return inStock ? 1 : 0;
     }
-    // vout
-    if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '68f918a4ccb85') {
+    // amiga
+    else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '670fc18477599') {
       var _ProductInfoObj$data2;
       var _productinfo = ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data2 = ProductInfoObj.data) === null || _ProductInfoObj$data2 === void 0 ? void 0 : _ProductInfoObj$data2.productinfo;
       var _options = (_productinfo === null || _productinfo === void 0 ? void 0 : _productinfo.productoptions) || [];
@@ -8346,8 +8366,8 @@ var Productinfo = function Productinfo(props) {
       });
       return _inStock ? 1 : 0;
     }
-    // puff n stuff
-    else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '6899e604db87f') {
+    // vout
+    else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '68f918a4ccb85') {
       var _ProductInfoObj$data3;
       var _productinfo2 = ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data3 = ProductInfoObj.data) === null || _ProductInfoObj$data3 === void 0 ? void 0 : _ProductInfoObj$data3.productinfo;
       var _options2 = (_productinfo2 === null || _productinfo2 === void 0 ? void 0 : _productinfo2.productoptions) || [];
@@ -8434,8 +8454,8 @@ var Productinfo = function Productinfo(props) {
       });
       return _inStock2 ? 1 : 0;
     }
-    // dija
-    else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '682cbb9bdcd57') {
+    // puff n stuff
+    else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '6899e604db87f') {
       var _ProductInfoObj$data4;
       var _productinfo3 = ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data4 = ProductInfoObj.data) === null || _ProductInfoObj$data4 === void 0 ? void 0 : _ProductInfoObj$data4.productinfo;
       var _options3 = (_productinfo3 === null || _productinfo3 === void 0 ? void 0 : _productinfo3.productoptions) || [];
@@ -8522,8 +8542,8 @@ var Productinfo = function Productinfo(props) {
       });
       return _inStock3 ? 1 : 0;
     }
-    // angel secrets
-    else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '67bda57bca71d') {
+    // dija
+    else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '682cbb9bdcd57') {
       var _ProductInfoObj$data5;
       var _productinfo4 = ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data5 = ProductInfoObj.data) === null || _ProductInfoObj$data5 === void 0 ? void 0 : _ProductInfoObj$data5.productinfo;
       var _options4 = (_productinfo4 === null || _productinfo4 === void 0 ? void 0 : _productinfo4.productoptions) || [];
@@ -8609,7 +8629,9 @@ var Productinfo = function Productinfo(props) {
         }) && variantValueIds.includes(Currvalueid);
       });
       return _inStock4 ? 1 : 0;
-    } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '69244cc88aa0a') {
+    }
+    // angel secrets
+    else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '67bda57bca71d') {
       var _ProductInfoObj$data6;
       var _productinfo5 = ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data6 = ProductInfoObj.data) === null || _ProductInfoObj$data6 === void 0 ? void 0 : _ProductInfoObj$data6.productinfo;
       var _options5 = (_productinfo5 === null || _productinfo5 === void 0 ? void 0 : _productinfo5.productoptions) || [];
@@ -8695,7 +8717,7 @@ var Productinfo = function Productinfo(props) {
         }) && variantValueIds.includes(Currvalueid);
       });
       return _inStock5 ? 1 : 0;
-    } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '687ca57cc78e8') {
+    } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '69244cc88aa0a') {
       var _ProductInfoObj$data7;
       var _productinfo6 = ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data7 = ProductInfoObj.data) === null || _ProductInfoObj$data7 === void 0 ? void 0 : _ProductInfoObj$data7.productinfo;
       var _options6 = (_productinfo6 === null || _productinfo6 === void 0 ? void 0 : _productinfo6.productoptions) || [];
@@ -8781,13 +8803,99 @@ var Productinfo = function Productinfo(props) {
         }) && variantValueIds.includes(Currvalueid);
       });
       return _inStock6 ? 1 : 0;
+    } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) == '687ca57cc78e8') {
+      var _ProductInfoObj$data8;
+      var _productinfo7 = ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data8 = ProductInfoObj.data) === null || _ProductInfoObj$data8 === void 0 ? void 0 : _ProductInfoObj$data8.productinfo;
+      var _options7 = (_productinfo7 === null || _productinfo7 === void 0 ? void 0 : _productinfo7.productoptions) || [];
+      var _variants7 = (_productinfo7 === null || _productinfo7 === void 0 ? void 0 : _productinfo7.variants) || [];
+      // Collect selected option value IDs and find which option they belong to
+      var _selectedValues7 = [];
+      _options7.forEach(function (option) {
+        option.optionvalues.forEach(function (value) {
+          if (value.isselected === 1) {
+            _selectedValues7.push({
+              optionid: option.optionid,
+              valueid: value.valueid
+            });
+          }
+        });
+      });
+      _options7.length;
+      var _selectedCount7 = _selectedValues7.length;
+      var _inStockVariants7 = _variants7.filter(function (v) {
+        return v.current_quantity > 0;
+      });
+      // 🧠 Case 1: No selection yet → show if this value exists in any in-stock variant
+      if (_selectedCount7 === 0) {
+        return _inStockVariants7.some(function (variant) {
+          return variant.variantoptions.some(function (opt) {
+            return opt.valueid === Currvalueid;
+          });
+        }) ? 1 : 0;
+      }
+      // 🧠 Case 2: Only one option selected
+      if (_selectedCount7 === 1) {
+        var _selected7 = _selectedValues7[0];
+        var _selectedOptionId7 = _selected7.optionid;
+        // Find which option this Currvalueid belongs to
+        var _currentOptionId7 = null;
+        _options7.forEach(function (option) {
+          option.optionvalues.forEach(function (v) {
+            if (v.valueid === Currvalueid) _currentOptionId7 = option.optionid;
+          });
+        });
+        // Same option (e.g., selecting only size)
+        if (_selectedOptionId7 === _currentOptionId7) {
+          // Show all sizes that appear in any in-stock variant (any color)
+          return _inStockVariants7.some(function (variant) {
+            return variant.variantoptions.some(function (opt) {
+              return opt.valueid === Currvalueid;
+            });
+          }) ? 1 : 0;
+        }
+        // Different option (e.g., color)
+        // Only in-stock if a variant has both selected value + this value
+        return _inStockVariants7.some(function (variant) {
+          var variantValueIds = variant.variantoptions.map(function (v) {
+            return v.valueid;
+          });
+          return variantValueIds.includes(_selected7.valueid) && variantValueIds.includes(Currvalueid);
+        }) ? 1 : 0;
+      }
+      // 🧠 Case 3: Multiple options selected (e.g., color + size)
+      // Check if this value can exist with all selected options except its own type in any in-stock variant
+      var _inStock7 = _inStockVariants7.some(function (variant) {
+        var variantValueIds = variant.variantoptions.map(function (v) {
+          return v.valueid;
+        });
+        // Must match all selected except the one that belongs to same option
+        return _selectedValues7.every(function (sel) {
+          if (_options7.some(function (opt) {
+            return opt.optionvalues.some(function (v) {
+              return v.valueid === Currvalueid && v.optionid === sel.optionid;
+            });
+          })) {
+            // Skip same option
+            return true;
+          }
+          return variantValueIds.includes(sel.valueid);
+        }) && variantValueIds.includes(Currvalueid);
+      });
+      return _inStock7 ? 1 : 0;
     } else {
       return 1;
     }
   };
   var clearchoosenvaluesbutkeepcurrentvalue = function clearchoosenvaluesbutkeepcurrentvalue(optionindex, optionvaluesitem, optionvaluesindex) {
-    var _authdetailsContext$i11, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17;
-    if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) == '68d28fc494276') {
+    var _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18;
+    if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) == '68d28fc494276') {
       var _productarr$data, _productarr$data$prod;
       var _productarr = ProductInfoObj;
       if (!(_productarr !== null && _productarr !== void 0 && (_productarr$data = _productarr.data) !== null && _productarr$data !== void 0 && _productarr$data.productinfo)) return;
@@ -8841,7 +8949,7 @@ var Productinfo = function Productinfo(props) {
       }
     }
     // vout
-    if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) == '68f918a4ccb85') {
+    if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.contactinfo.instid) == '68f918a4ccb85') {
       var _productarr2$data, _productarr2$data$pro;
       var _productarr2 = ProductInfoObj;
       if (!(_productarr2 !== null && _productarr2 !== void 0 && (_productarr2$data = _productarr2.data) !== null && _productarr2$data !== void 0 && _productarr2$data.productinfo)) return;
@@ -8895,7 +9003,7 @@ var Productinfo = function Productinfo(props) {
       }
     }
     // puff n stuff
-    if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.contactinfo.instid) == '6899e604db87f') {
+    if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.contactinfo.instid) == '6899e604db87f') {
       var _productarr3$data, _productarr3$data$pro;
       var _productarr3 = ProductInfoObj;
       if (!(_productarr3 !== null && _productarr3 !== void 0 && (_productarr3$data = _productarr3.data) !== null && _productarr3$data !== void 0 && _productarr3$data.productinfo)) return;
@@ -8949,7 +9057,7 @@ var Productinfo = function Productinfo(props) {
       }
     }
     // dija
-    else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.contactinfo.instid) == '682cbb9bdcd57') {
+    else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.contactinfo.instid) == '682cbb9bdcd57') {
       var _productarr4$data, _productarr4$data$pro;
       var _productarr4 = ProductInfoObj;
       if (!(_productarr4 !== null && _productarr4 !== void 0 && (_productarr4$data = _productarr4.data) !== null && _productarr4$data !== void 0 && _productarr4$data.productinfo)) return;
@@ -9003,7 +9111,7 @@ var Productinfo = function Productinfo(props) {
       }
     }
     // angel
-    else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.contactinfo.instid) == '67bda57bca71d') {
+    else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.contactinfo.instid) == '67bda57bca71d') {
       var _productarr5$data, _productarr5$data$pro;
       var _productarr5 = ProductInfoObj;
       if (!(_productarr5 !== null && _productarr5 !== void 0 && (_productarr5$data = _productarr5.data) !== null && _productarr5$data !== void 0 && _productarr5$data.productinfo)) return;
@@ -9055,7 +9163,7 @@ var Productinfo = function Productinfo(props) {
         // optional: show user message or disable click
         console.warn('Attempted to select an out-of-stock value:', optionvaluesitem);
       }
-    } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.contactinfo.instid) == '69244cc88aa0a') {
+    } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.contactinfo.instid) == '69244cc88aa0a') {
       var _productarr6$data, _productarr6$data$pro;
       var _productarr6 = ProductInfoObj;
       if (!(_productarr6 !== null && _productarr6 !== void 0 && (_productarr6$data = _productarr6.data) !== null && _productarr6$data !== void 0 && _productarr6$data.productinfo)) return;
@@ -9107,7 +9215,7 @@ var Productinfo = function Productinfo(props) {
         // optional: show user message or disable click
         console.warn('Attempted to select an out-of-stock value:', optionvaluesitem);
       }
-    } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.contactinfo.instid) == '687ca57cc78e8') {
+    } else if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.contactinfo.instid) == '687ca57cc78e8') {
       var _productarr7$data, _productarr7$data$pro;
       var _productarr7 = ProductInfoObj;
       if (!(_productarr7 !== null && _productarr7 !== void 0 && (_productarr7$data = _productarr7.data) !== null && _productarr7$data !== void 0 && _productarr7$data.productinfo)) return;
@@ -9640,10 +9748,10 @@ var Productinfo = function Productinfo(props) {
         if (addtocardpayloadobj.variantid.length != 0) {
           runfunc = true;
         } else {
-          var _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20;
+          var _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21;
           // here
           setvariantnotchosendisclaimer('This field is required');
-          NotificationManager.warning('', (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.contactinfo.instid) == '674f0617c7811' ? langdetect == 'en' ? 'Please Choose Size & Color' : 'من فضلك اخنر اللون و المقاس' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '693fdc5a14f45' ? langdetect == 'en' ? 'Please Choose Size & Color' : 'من فضلك اخنر اللون و المقاس' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '67e448d2ef6e0' ? langdetect == 'en' ? 'Please Choose Color' : 'من فضلك اختر لون' : langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر من المتغيرات');
+          NotificationManager.warning('', (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '674f0617c7811' ? langdetect == 'en' ? 'Please Choose Size & Color' : 'من فضلك اخنر اللون و المقاس' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '693fdc5a14f45' ? langdetect == 'en' ? 'Please Choose Size & Color' : 'من فضلك اخنر اللون و المقاس' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '67e448d2ef6e0' ? langdetect == 'en' ? 'Please Choose Color' : 'من فضلك اختر لون' : langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر من المتغيرات');
         }
       } else {
         runfunc = true;
@@ -9727,9 +9835,9 @@ var Productinfo = function Productinfo(props) {
     };
   };
   var returnpolicyobj = function returnpolicyobj(policytype) {
-    var _authdetailsContext$i21;
+    var _authdetailsContext$i22;
     var policyobj = {};
-    authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 || (_authdetailsContext$i21 = _authdetailsContext$i21.instpolicies) === null || _authdetailsContext$i21 === void 0 || _authdetailsContext$i21.forEach(function (item, index) {
+    authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 || (_authdetailsContext$i22 = _authdetailsContext$i22.instpolicies) === null || _authdetailsContext$i22 === void 0 || _authdetailsContext$i22.forEach(function (item, index) {
       if (item.policytype == policytype) {
         policyobj = item;
       }
@@ -9738,7 +9846,7 @@ var Productinfo = function Productinfo(props) {
   };
   var relatedproducts = function relatedproducts() {
     if (Relatedproducts.length != 0) {
-      var _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26;
+      var _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27;
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "w-100 row ml-0 mr-0 d-flex justify-content-start pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
         style: {
@@ -9760,9 +9868,9 @@ var Productinfo = function Productinfo(props) {
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100",
         style: {
-          background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.contactinfo.instid) == '69a3437faf64f' ? '#fff' : 'transparent'
+          background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.contactinfo.instid) == '69a3437faf64f' ? '#fff' : 'transparent'
         }
-      }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.contactinfo.instid) == '69a3437faf64f' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.contactinfo.instid) == '69a3437faf64f' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "py-3 col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 flex-column mx-auto",
         style: {
           justifyContent: sectionproperties.relatedtitleposition == 'Centered' ? 'center' : 'start',
@@ -9781,7 +9889,7 @@ var Productinfo = function Productinfo(props) {
           background: sectionproperties.relatedproducttitlelinebgcolor,
           borderRadius: 5
         }
-      })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.contactinfo.instid) != '69a3437faf64f' && /*#__PURE__*/React__default["default"].createElement("div", {
+      })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.contactinfo.instid) != '69a3437faf64f' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 flex-column",
         style: {
           justifyContent: sectionproperties.relatedtitleposition == 'Centered' ? 'center' : 'start',
@@ -9802,8 +9910,8 @@ var Productinfo = function Productinfo(props) {
       }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
         transitionBehavior: 'auto',
         wrapperClassName: '',
-        itemClassName: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.contactinfo.instid) == '67dc756de56bd' ? 'scrollmenuclassnameitemrelatedproductkingtut' : 'scrollmenuclassnameitemrelatedproduct',
-        scrollContainerClassName: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.contactinfo.instid) == '68e7c7c93c5bd' ? '' : 'scrollmenuclasssubscrollbarrelatedproducts'
+        itemClassName: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.contactinfo.instid) == '67dc756de56bd' ? 'scrollmenuclassnameitemrelatedproductkingtut' : 'scrollmenuclassnameitemrelatedproduct',
+        scrollContainerClassName: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.contactinfo.instid) == '68e7c7c93c5bd' ? '' : 'scrollmenuclasssubscrollbarrelatedproducts'
       }, Relatedproducts.map(function (item, index) {
         if (item.productinfo != null) {
           var _fetchProductInfoQuer49;
@@ -9873,10 +9981,10 @@ var Productinfo = function Productinfo(props) {
         if (addtocartobjparam.variantid.length != 0) {
           runfunc = true;
         } else {
-          var _authdetailsContext$i27;
+          var _authdetailsContext$i28;
           // here
           setvariantnotchosendisclaimer('This field is required');
-          NotificationManager.warning('', (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.contactinfo.instid) == '674f0617c7811' ? 'Please Choose Size & Color' : 'Please Choose Product Options');
+          NotificationManager.warning('', (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) == '674f0617c7811' ? 'Please Choose Size & Color' : 'Please Choose Product Options');
         }
       } else {
         runfunc = true;
@@ -9919,8 +10027,8 @@ var Productinfo = function Productinfo(props) {
     isVarianturlLoaded = _useState58[0],
     setisVarianturlLoaded = _useState58[1];
   React.useEffect(function () {
-    var _authdetailsContext$i28;
-    if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) == '68f918a4ccb85') {
+    var _authdetailsContext$i29;
+    if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.contactinfo.instid) == '68f918a4ccb85') {
       var params = new URLSearchParams(window.location.search);
       var variantId = params.get('variant');
       if (isVarianturlLoaded == false) {
@@ -10719,7 +10827,7 @@ var Productinfo = function Productinfo(props) {
     })));
   };
   var StoreInfo = function StoreInfo(position) {
-    var _fetchProductInfoQuer78, _authdetailsContext$i30, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _authdetailsContext$i31, _authdetailsContext$i33;
+    var _fetchProductInfoQuer78, _authdetailsContext$i31, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _authdetailsContext$i32, _authdetailsContext$i34;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.storeinformationcontainerborderwidth != 0 ? 'row m-0 w-100 p-3' : 'row m-0 w-100',
       style: {
@@ -10798,8 +10906,8 @@ var Productinfo = function Productinfo(props) {
     }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber))), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "".concat(productinfo_cssstyles.storeinfobtn, " ").concat(productinfo_cssstyles.storeinfocontainer) + ' mt-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
       onClick: function onClick() {
-        var _authdetailsContext$i29;
-        window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 || (_authdetailsContext$i29 = _authdetailsContext$i29.contactinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.email), '_self');
+        var _authdetailsContext$i30;
+        window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 || (_authdetailsContext$i30 = _authdetailsContext$i30.contactinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.email), '_self');
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": productinfo_cssstyles.iconContainer + ' iconContainer '
@@ -10819,7 +10927,7 @@ var Productinfo = function Productinfo(props) {
       style: {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
-    }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 || (_authdetailsContext$i30 = _authdetailsContext$i30.contactinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.email))), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 || (_authdetailsContext$i31 = _authdetailsContext$i31.contactinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.email))), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 my-2",
       style: {
         display: sectionproperties.showfirstpolicy_storeinfo == 'Hide' && sectionproperties.showsecondpolicy_storeinfo == 'Hide' ? 'none' : 'block'
@@ -10871,25 +10979,25 @@ var Productinfo = function Productinfo(props) {
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "m-0 p-0"
-    }, langdetect == 'en' ? sectionproperties.phonetitle_en : sectionproperties.phonetitle_ar))), sectionproperties.showfooteremail == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 || (_authdetailsContext$i31 = _authdetailsContext$i31.contactinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.email) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? sectionproperties.phonetitle_en : sectionproperties.phonetitle_ar))), sectionproperties.showfooteremail == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 || (_authdetailsContext$i32 = _authdetailsContext$i32.contactinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.email) != null && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": position == 'belowinfo' ? 'col-lg-12 allcentered mb-2 p-0' : 'col-lg-12 allcentered mb-2 p-sm-0'
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
       onClick: function onClick() {
-        var _authdetailsContext$i32;
-        window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 || (_authdetailsContext$i32 = _authdetailsContext$i32.contactinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.email), '_self');
+        var _authdetailsContext$i33;
+        window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 || (_authdetailsContext$i33 = _authdetailsContext$i33.contactinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.email), '_self');
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "m-0 p-0"
-    }, langdetect == 'en' ? sectionproperties.emailtitle_en : sectionproperties.emailtitle_ar))), sectionproperties.showwhatsapp == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? sectionproperties.emailtitle_en : sectionproperties.emailtitle_ar))), sectionproperties.showwhatsapp == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": position == 'belowinfo' ? 'col-lg-12 allcentered mb-2 p-0' : 'col-lg-12 allcentered mb-2 p-sm-0'
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
       onClick: function onClick() {
-        var _authdetailsContext$i34;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.whatsappnumber) != null) {
-          var _authdetailsContext$i35;
-          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.whatsappnumber), '_blank');
+        var _authdetailsContext$i35;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.whatsappnumber) != null) {
+          var _authdetailsContext$i36;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.whatsappnumber), '_blank');
         }
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -10985,7 +11093,7 @@ var Productinfo = function Productinfo(props) {
       lang: lang,
       srcfromprops: props.srcfromprops
     }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), "productVideos", productVideos), "getprice_discountpriceprops", getprice_discountpriceprops), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "variantsku", variantsku), "variantvalueidentifier", variantvalueidentifier), "sizeguideimage", sizeguideimage), "setopensizeguidemodal", setopensizeguidemodal), "addtocartfunc_extras", addtocartfunc_extras), "productpdfsarray", productpdfsarray))
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer85 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer85 === void 0 || (_fetchProductInfoQuer85 = _fetchProductInfoQuer85.data) === null || _fetchProductInfoQuer85 === void 0 || (_fetchProductInfoQuer85 = _fetchProductInfoQuer85.productinfo) === null || _fetchProductInfoQuer85 === void 0 ? void 0 : _fetchProductInfoQuer85.item_type) == 'Article' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.contactinfo.instid) != '6946c118427af' && /*#__PURE__*/React__default["default"].createElement(Article_itemtype, {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer85 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer85 === void 0 || (_fetchProductInfoQuer85 = _fetchProductInfoQuer85.data) === null || _fetchProductInfoQuer85 === void 0 || (_fetchProductInfoQuer85 = _fetchProductInfoQuer85.productinfo) === null || _fetchProductInfoQuer85 === void 0 ? void 0 : _fetchProductInfoQuer85.item_type) == 'Article' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.contactinfo.instid) != '6946c118427af' && /*#__PURE__*/React__default["default"].createElement(Article_itemtype, {
     actions: (_ref2 = {
       variantnotchosendisclaimer: variantnotchosendisclaimer,
       setisoutofstock: setisoutofstock,
@@ -10995,7 +11103,7 @@ var Productinfo = function Productinfo(props) {
       lang: lang,
       srcfromprops: props.srcfromprops
     }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), "getprice_discountpriceprops", getprice_discountpriceprops), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), "variantsku", variantsku), _defineProperty__default["default"](_defineProperty__default["default"](_ref2, "variantvalueidentifier", variantvalueidentifier), "productpdfsarray", productpdfsarray))
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer86 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer86 === void 0 || (_fetchProductInfoQuer86 = _fetchProductInfoQuer86.data) === null || _fetchProductInfoQuer86 === void 0 || (_fetchProductInfoQuer86 = _fetchProductInfoQuer86.productinfo) === null || _fetchProductInfoQuer86 === void 0 ? void 0 : _fetchProductInfoQuer86.item_type) == 'Article' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.contactinfo.instid) == '6946c118427af' && /*#__PURE__*/React__default["default"].createElement(Product_itemtype_Article, {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer86 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer86 === void 0 || (_fetchProductInfoQuer86 = _fetchProductInfoQuer86.data) === null || _fetchProductInfoQuer86 === void 0 || (_fetchProductInfoQuer86 = _fetchProductInfoQuer86.productinfo) === null || _fetchProductInfoQuer86 === void 0 ? void 0 : _fetchProductInfoQuer86.item_type) == 'Article' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.contactinfo.instid) == '6946c118427af' && /*#__PURE__*/React__default["default"].createElement(Product_itemtype_Article, {
     actions: (_ref3 = {
       isOptionInStock: isOptionInStock,
       variantnotchosendisclaimer: variantnotchosendisclaimer,
@@ -11021,7 +11129,7 @@ var Productinfo = function Productinfo(props) {
       lang: lang,
       srcfromprops: props.srcfromprops
     }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref4, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref4, "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "StaticPagesLinksContext", StaticPagesLinksContext), "variantindexcompleted", variantindexcompleted), "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref4, "NotificationManager", NotificationManager), "getprice_discountpriceprops", getprice_discountpriceprops), "quantityconditionfoundobjprops", quantityconditionfoundobj), "relatedproducts", relatedproducts), "getQuantityCondition", getQuantityCondition), "StoreInfoprops", StoreInfo), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "sizeguideimage", sizeguideimage), "setopensizeguidemodal", setopensizeguidemodal), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref4, "isOptionInStock", isOptionInStock), "addtocartfunc_extras", addtocartfunc_extras), "productpdfsarray", productpdfsarray))
-  }), props.srcfromprops != 'templatedraftrouter' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.contactinfo.instid) != '6852e5ed44e14' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.contactinfo.instid) != '696b839eebc8c' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.contactinfo.instid) != '68a9e83c05b75' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i41 = authdetailsContext.instinfo) === null || _authdetailsContext$i41 === void 0 ? void 0 : _authdetailsContext$i41.contactinfo.instid) != '68c27b4570751' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i42 = authdetailsContext.instinfo) === null || _authdetailsContext$i42 === void 0 ? void 0 : _authdetailsContext$i42.contactinfo.instid) != '68e4efe8cb18e' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i43 = authdetailsContext.instinfo) === null || _authdetailsContext$i43 === void 0 ? void 0 : _authdetailsContext$i43.contactinfo.instid) != '694befd291698' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i44 = authdetailsContext.instinfo) === null || _authdetailsContext$i44 === void 0 ? void 0 : _authdetailsContext$i44.contactinfo.instid) != '693ae1f70d9a4' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i45 = authdetailsContext.instinfo) === null || _authdetailsContext$i45 === void 0 ? void 0 : _authdetailsContext$i45.contactinfo.instid) != '68e7c7c93c5bd' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i46 = authdetailsContext.instinfo) === null || _authdetailsContext$i46 === void 0 ? void 0 : _authdetailsContext$i46.contactinfo.instid) != '69ef34fd77c0f' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i47 = authdetailsContext.instinfo) === null || _authdetailsContext$i47 === void 0 ? void 0 : _authdetailsContext$i47.contactinfo.instid) != '693ae1f70d9a4' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), props.srcfromprops != 'templatedraftrouter' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.contactinfo.instid) != '6852e5ed44e14' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.contactinfo.instid) != '696b839eebc8c' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i41 = authdetailsContext.instinfo) === null || _authdetailsContext$i41 === void 0 ? void 0 : _authdetailsContext$i41.contactinfo.instid) != '68a9e83c05b75' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i42 = authdetailsContext.instinfo) === null || _authdetailsContext$i42 === void 0 ? void 0 : _authdetailsContext$i42.contactinfo.instid) != '68c27b4570751' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i43 = authdetailsContext.instinfo) === null || _authdetailsContext$i43 === void 0 ? void 0 : _authdetailsContext$i43.contactinfo.instid) != '68e4efe8cb18e' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i44 = authdetailsContext.instinfo) === null || _authdetailsContext$i44 === void 0 ? void 0 : _authdetailsContext$i44.contactinfo.instid) != '694befd291698' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i45 = authdetailsContext.instinfo) === null || _authdetailsContext$i45 === void 0 ? void 0 : _authdetailsContext$i45.contactinfo.instid) != '693ae1f70d9a4' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i46 = authdetailsContext.instinfo) === null || _authdetailsContext$i46 === void 0 ? void 0 : _authdetailsContext$i46.contactinfo.instid) != '68e7c7c93c5bd' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i47 = authdetailsContext.instinfo) === null || _authdetailsContext$i47 === void 0 ? void 0 : _authdetailsContext$i47.contactinfo.instid) != '69ef34fd77c0f' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i48 = authdetailsContext.instinfo) === null || _authdetailsContext$i48 === void 0 ? void 0 : _authdetailsContext$i48.contactinfo.instid) != '693ae1f70d9a4' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
     style: {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -11212,7 +11320,7 @@ var Productinfo = function Productinfo(props) {
       productinfo_cssstyles: productinfo_cssstyles,
       sectionproperties: sectionproperties
     })
-  }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i48 = authdetailsContext.instinfo) === null || _authdetailsContext$i48 === void 0 ? void 0 : _authdetailsContext$i48.contactinfo.instid) == '693ae1f70d9a4' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i49 = authdetailsContext.instinfo) === null || _authdetailsContext$i49 === void 0 ? void 0 : _authdetailsContext$i49.contactinfo.instid) == '693ae1f70d9a4' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
     style: {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -11362,7 +11470,7 @@ var Productinfo = function Productinfo(props) {
       productinfo_cssstyles: productinfo_cssstyles,
       sectionproperties: sectionproperties
     })
-  }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i49 = authdetailsContext.instinfo) === null || _authdetailsContext$i49 === void 0 ? void 0 : _authdetailsContext$i49.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i50 = authdetailsContext.instinfo) === null || _authdetailsContext$i50 === void 0 ? void 0 : _authdetailsContext$i50.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
     style: {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -11504,7 +11612,7 @@ var Productinfo = function Productinfo(props) {
       productinfo_cssstyles: productinfo_cssstyles,
       sectionproperties: sectionproperties
     })
-  }))))), props.srcfromprops != 'templatedraftrouter' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i50 = authdetailsContext.instinfo) === null || _authdetailsContext$i50 === void 0 ? void 0 : _authdetailsContext$i50.contactinfo.instid) == '68e4efe8cb18e' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))), props.srcfromprops != 'templatedraftrouter' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i51 = authdetailsContext.instinfo) === null || _authdetailsContext$i51 === void 0 ? void 0 : _authdetailsContext$i51.contactinfo.instid) == '68e4efe8cb18e' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
     style: {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -11655,7 +11763,7 @@ var Productinfo = function Productinfo(props) {
       productinfo_cssstyles: productinfo_cssstyles,
       sectionproperties: sectionproperties
     })
-  }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i51 = authdetailsContext.instinfo) === null || _authdetailsContext$i51 === void 0 ? void 0 : _authdetailsContext$i51.contactinfo.instid) == '68e7c7c93c5bd' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i52 = authdetailsContext.instinfo) === null || _authdetailsContext$i52 === void 0 ? void 0 : _authdetailsContext$i52.contactinfo.instid) == '68e7c7c93c5bd' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 w-100 pl-5 pr-5 p-md-0 allcentered"
   }, productVideos.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11672,12 +11780,12 @@ var Productinfo = function Productinfo(props) {
       loop: true,
       muted: true
     }));
-  })), props.srcfromprops != 'templatedraftrouter' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i52 = authdetailsContext.instinfo) === null || _authdetailsContext$i52 === void 0 ? void 0 : _authdetailsContext$i52.contactinfo.instid) != '644aac19db95b' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), props.srcfromprops != 'templatedraftrouter' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i53 = authdetailsContext.instinfo) === null || _authdetailsContext$i53 === void 0 ? void 0 : _authdetailsContext$i53.contactinfo.instid) != '644aac19db95b' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
     style: {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
       paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0,
-      marginBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i53 = authdetailsContext.instinfo) === null || _authdetailsContext$i53 === void 0 ? void 0 : _authdetailsContext$i53.contactinfo.instid) == '69a3437faf64f' ? 30 : 0
+      marginBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i54 = authdetailsContext.instinfo) === null || _authdetailsContext$i54 === void 0 ? void 0 : _authdetailsContext$i54.contactinfo.instid) == '69a3437faf64f' ? 30 : 0
     }
   }, relatedproducts()))));
 };
@@ -37176,42 +37284,45 @@ var SubheaderDropdown = function SubheaderDropdown(props) {
             setChoosenindex(index);
           }
         }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: ' row m-0 p-0 mb-2 '
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: ' row m-0 w-100 px-3 '
+          className: header_cssstyles.catcontainer + ' row m-0 p-0 mb-3 px-3 '
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "col-10  p-0 text-start"
-        }, /*#__PURE__*/React__default["default"].createElement("p", {
-          className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+          className: "col-10 d-flex justify-content-start align-items-center"
+        }, sectionproperties.catslidershowpcollimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": header_cssstyles.pcollimage,
+          style: {}
+        }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+          urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+          publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+          path: '/tr:w-500,h-500/' + item.parentcollectionlogo,
+          style: {
+            width: '100%',
+            height: '100%',
+            objectFit: 'cover',
+            borderRadius: sectionproperties.catsliderpcollimageborderradius + 'px',
+            border: sectionproperties.catsliderpcollimageborderwidth + 'px solid ' + sectionproperties.catsliderpcollimagebordercolor
+          }
+        })), /*#__PURE__*/React__default["default"].createElement("p", {
+          className: "".concat(header_cssstyles.closesliderpcoll) + ' cattext  mb-0 p-0 mx-3 '
         }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
+          className: "col-lg-2 col-md-2 col-sm-2 text-end"
         }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
           if (state.expanded == true) {
             return /*#__PURE__*/React__default["default"].createElement("i", {
-              className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+              className: "".concat(header_cssstyles.closesliderpcoll) + ' cattext h-100 d-flex align-items-center justify-content-end   '
             }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
               style: {
-                // color: '#000',
                 fontSize: 15
               }
             }));
           } else {
             return /*#__PURE__*/React__default["default"].createElement("i", {
-              className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+              className: "".concat(header_cssstyles.closesliderpcoll) + ' cattext h-100 d-flex align-items-center justify-content-end   '
             }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
               style: {
-                // color: '#000',
                 fontSize: 15
               }
             }));
           }
-        }))), /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "col-lg-12 p-0"
-        }, /*#__PURE__*/React__default["default"].createElement("hr", {
-          className: "mt-4 mb-4",
-          style: {
-            borderColor: sectionproperties.resp_header_separatorbg
-          }
         }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
           className: "p-0"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -37219,26 +37330,51 @@ var SubheaderDropdown = function SubheaderDropdown(props) {
         }, Choosenindex.length != 0 && (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && (item === null || item === void 0 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
           if (collitem.isshowntocustomers == 1) {
             return /*#__PURE__*/React__default["default"].createElement("div", {
-              "class": "col-lg-12 p-0"
-            }, /*#__PURE__*/React__default["default"].createElement("div", {
-              className: ' row m-0 p-0 mb-2 '
+              className: header_cssstyles.collcontainer + ' row m-0 p-0 mb-4 px-4 '
             }, /*#__PURE__*/React__default["default"].createElement("div", {
               className: ' row m-0 w-100 px-5 '
             }, /*#__PURE__*/React__default["default"].createElement("div", {
-              className: "col-10 p-0 text-start",
+              className: "col-12 d-flex justify-content-start align-items-center p-0",
               onClick: function onClick() {
                 routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
               }
-            }, /*#__PURE__*/React__default["default"].createElement("p", {
-              className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
-            }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
-              className: "col-lg-12 p-0"
-            }, /*#__PURE__*/React__default["default"].createElement("hr", {
-              className: "mt-4 mb-4",
+            }, sectionproperties.catslidershowcollimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+              "class": header_cssstyles.collimage,
+              style: {}
+            }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+              urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+              publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+              path: '/tr:w-500,h-500/' + collitem.collectionlogo,
               style: {
-                borderColor: sectionproperties.resp_header_separatorbg
+                width: '100%',
+                height: '100%',
+                objectFit: 'contain',
+                borderRadius: sectionproperties.catslidercollimageborderradius + 'px',
+                border: sectionproperties.catslidercollimageborderwidth + 'px solid ' + sectionproperties.catslidercollimagebordercolor
               }
-            }))));
+            })), /*#__PURE__*/React__default["default"].createElement("p", {
+              className: "".concat(header_cssstyles.closeslidercoll) + ' colltext mb-0 p-0 mx-3 '
+            }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))))
+            // <div class="col-lg-12 p-0">
+            //     <div className={' row m-0 p-0 mb-2 '}>
+            //         <div className={' row m-0 w-100 px-5 '}>
+            //             <div
+            //                 className="col-10 p-0 text-start"
+            //                 onClick={() => {
+            //                     routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
+            //                 }}
+            //             >
+            //                 <p className={`${header_cssstyles.navbar_item_text_responsive}` + ' mb-0 p-0 '}>
+            //                     {langdetect == 'en' ? collitem.title_en : collitem.title_ar}
+            //                 </p>
+            //             </div>
+            //         </div>
+            //         <div className="col-lg-12 p-0">
+            //             <hr className="mt-4 mb-4" style={{ borderColor: sectionproperties.resp_header_separatorbg }} />
+            //         </div>
+            //     </div>
+            // </div>
+;
           }
         })))));
       }
@@ -37274,23 +37410,7 @@ var SubheaderDropdown = function SubheaderDropdown(props) {
           }
         })), /*#__PURE__*/React__default["default"].createElement("p", {
           className: "".concat(header_cssstyles.closeslidercoll) + ' colltext mb-0 p-0 mx-3 '
-        }, langdetect == 'en' ? collitem.title_en : collitem.title_ar)))
-        // <div className={' row m-0 p-0 mb-2  w-100 '}>
-        //     <div
-        //         className="col-12 p-0 text-start px-3"
-        //         onClick={() => {
-        //             routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
-        //         }}
-        //     >
-        //         <p className={`${header_cssstyles.navbar_item_text_responsive}` + ' mb-0 p-0 '}>{langdetect == 'en' ? collitem.title_en : collitem.title_ar}</p>
-        //     </div>
-        //     <div className="col-lg-12 p-0">
-        //         <hr className="mt-4 mb-4" style={{ borderColor: sectionproperties.resp_header_separatorbg }} />
-        //     </div>
-        // </div>
-;
+        }, langdetect == 'en' ? collitem.title_en : collitem.title_ar)));
       }
     }));
   };
@@ -37426,7 +37546,7 @@ if(item.isnavigation==1&&item.isactive==1&&item.pageorderindex>0){if(window.loca
 function ownKeys$1_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1_(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header8 = function Header8(props) {
-  var _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _authdetailsContext$i8, _authdetailsContext$i0, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$i11, _authdetailsContext$i12, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i22, _authdetailsContext$i24, _fetchcustomercartQue4, _fetchcustomercartQue5;
+  var _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _authdetailsContext$i8, _authdetailsContext$i0, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$i13, _authdetailsContext$i14, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i24, _authdetailsContext$i26, _fetchcustomercartQue4, _fetchcustomercartQue5;
   var actions = props.actions;
   props.actions.history;
   var lang = props.actions.lang;
@@ -37521,6 +37641,10 @@ var Header8 = function Header8(props) {
     flooringmenu2 = _useState36[0],
     setflooringmenu2 = _useState36[1];
   var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
+  var _useState37 = React.useState(false),
+    _useState38 = _slicedToArray__default["default"](_useState37, 2),
+    menuactive = _useState38[0],
+    setmenuactive = _useState38[1];
   React.useEffect(function () {
     var _StatePagePropertiesC;
     var secpropobj = {};
@@ -37671,6 +37795,21 @@ var Header8 = function Header8(props) {
     })));
   };
   var header_cssstyles = {
+    menuiconn: glamor.css({
+      backgroundColor: sectionproperties.menuiconbgcolor,
+      width: sectionproperties.menuiconwidth,
+      height: sectionproperties.menuiconheight,
+      marginRight: langdetect == 'en' ? 30 : 0,
+      marginLeft: langdetect == 'en' ? 0 : 30,
+      borderRadius: 100,
+      color: sectionproperties.menuiconcolor,
+      ':hover': {
+        transition: '.3s',
+        cursor: 'pointer',
+        backgroundColor: sectionproperties.menuiconbgcoloronhover,
+        color: sectionproperties.menuiconcoloronhover
+      }
+    }),
     floatingwaicon: glamor.css({
       position: 'fixed',
       bottom: sectionproperties.floatingwhatsapppositionfrombottom + 'px',
@@ -38059,11 +38198,13 @@ var Header8 = function Header8(props) {
     sectionpropertiesprops: sectionproperties,
     templateproperties_contextprops: templateproperties_context,
     actions: actions
-  })), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
+  })), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-12 p-0 d-flex d-md-none"
+  }, /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
     sectionpropertiesprops: sectionproperties,
     templateproperties_contextprops: templateproperties_context,
     actions: actions
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.headercontainer) + ' row ml-0 mr-0 d-flex d-md-none align-items-center  ',
     style: {
       position: sectionproperties.headerstyles_position,
@@ -38074,8 +38215,20 @@ var Header8 = function Header8(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.upperheadersection + ' row w-100 m-0 align-items-center px-1025-1 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-2 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-2 p-0 d-flex align-items-center"
+  }, sectionproperties.showmenuicon == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {},
+    "class": header_cssstyles.menuiconn + ' allcentered ',
+    onClick: function onClick() {
+      if (menuactive == true) {
+        setmenuactive(false);
+      } else {
+        setmenuactive(true);
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(FiMenu.FiMenu, {
+    size: sectionproperties.menuiconfontsize
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center ',
     style: {
       cursor: 'pointer'
@@ -38174,7 +38327,7 @@ var Header8 = function Header8(props) {
     }
   }), /*#__PURE__*/React__default["default"].createElement("button", {
     "class": " ".concat(header_cssstyles.searchbar_icon_cont) + ' d-flex align-items-center justify-content-center '
-  }, /*#__PURE__*/React__default["default"].createElement(BsSearch.BsSearch, {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '683c163d7f996' && langdetect == 'en' ? 'Search' : 'ابحث', (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) != '683c163d7f996' && /*#__PURE__*/React__default["default"].createElement(BsSearch.BsSearch, {
     color: sectionproperties.searchbaricon_color,
     size: sectionproperties.searchbaricon_fontsize
   })), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
@@ -38199,7 +38352,7 @@ var Header8 = function Header8(props) {
     "class": "d-flex align-items-center flex-column"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": header_cssstyles.storeinfotext + ' m-0 storeinfotext '
-  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 || (_authdetailsContext$i0 = _authdetailsContext$i0.contactinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.mobile), /*#__PURE__*/React__default["default"].createElement("p", {
+  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.contactinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.mobile), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "mb-0 w-100",
     style: {
       textAlign: langdetect == 'en' ? 'right' : 'left',
@@ -38215,7 +38368,7 @@ var Header8 = function Header8(props) {
       paddingLeft: langdetect == 'en' ? sectionproperties.showfooterphonenumber == 'Show' ? authdetailsContext.loggedin == true ? '.3rem' : '3rem' : authdetailsContext.loggedin == true ? '4rem' : '6rem' : 0,
       paddingRight: langdetect == 'en' ? 0 : sectionproperties.showfooterphonenumber == 'Show' ? authdetailsContext.loggedin == true ? '1rem' : '3rem' : authdetailsContext.loggedin == true ? '4rem' : '6rem'
     }
-  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '696e02860f043' && /*#__PURE__*/React__default["default"].createElement("button", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) == '696e02860f043' && /*#__PURE__*/React__default["default"].createElement("button", {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Compare);
     },
@@ -38224,7 +38377,7 @@ var Header8 = function Header8(props) {
     "class": header_cssstyles.wishlist_btn + '  allcentered p-0 '
   }, /*#__PURE__*/React__default["default"].createElement(MdCompareArrows.MdCompareArrows, {
     size: sectionproperties.userBtniconfontsize
-  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '69a3437faf64f' && /*#__PURE__*/React__default["default"].createElement("button", {
+  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) == '69a3437faf64f' && /*#__PURE__*/React__default["default"].createElement("button", {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Compare);
     },
@@ -38332,9 +38485,9 @@ var Header8 = function Header8(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) == '6808c6295b598' && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.contactinfo.instid) == '6808c6295b598' && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "ml-2 mr-2"
-  }, " ", langdetect == 'en' ? lang.wishlist : 'المفضلة'), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) != '6808c6295b598' && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, " ", langdetect == 'en' ? lang.wishlist : 'المفضلة'), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.contactinfo.instid) != '6808c6295b598' && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.wishlist)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
@@ -38387,7 +38540,7 @@ var Header8 = function Header8(props) {
     "class": "".concat(header_cssstyles.cart_btn) + ' cursor-pointer d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.cartbadge)
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0), /*#__PURE__*/React__default["default"].createElement("i", {
+  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0), sectionproperties.carticonstyle != "I'll use my own SVG" && /*#__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
@@ -38403,7 +38556,51 @@ var Header8 = function Header8(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
     size: sectionproperties.cartBtn_iconFontSize
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.carticonstyle == "I'll use my own SVG" && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "h-100 allcentered ",
+    style: {
+      width: sectionproperties.cartBtn_iconFontSize + 'px',
+      height: sectionproperties.cartBtn_iconFontSize + 'px'
+    }
+    // dangerouslySetInnerHTML={{ __html: sectionproperties.cartsvg }}
+  }, /*#__PURE__*/React__default["default"].createElement("svg", {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "#ffffff"
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
+    id: "SVGRepo_bgCarrier",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default["default"].createElement("g", {
+    id: "SVGRepo_tracerCarrier",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React__default["default"].createElement("g", {
+    id: "SVGRepo_iconCarrier"
+  }, ' ', /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z",
+    stroke: "#ffffff",
+    "stroke-width": "1.5"
+  }), ' ', /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z",
+    stroke: "#ffffff",
+    "stroke-width": "1.5"
+  }), ' ', /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M9.5 9L10.0282 12.1179",
+    stroke: "#ffffff",
+    "stroke-width": "1.5",
+    "stroke-linecap": "round"
+  }), ' ', /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M15.5283 9L15.0001 12.1179",
+    stroke: "#ffffff",
+    "stroke-width": "1.5",
+    "stroke-linecap": "round"
+  }), ' ', /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M2 3L2.26121 3.09184C3.5628 3.54945 4.2136 3.77826 4.58584 4.32298C4.95808 4.86771 4.95808 5.59126 4.95808 7.03836V9.76C4.95808 12.7016 5.02132 13.6723 5.88772 14.5862C6.75412 15.5 8.14857 15.5 10.9375 15.5H12M16.2404 15.5C17.8014 15.5 18.5819 15.5 19.1336 15.0504C19.6853 14.6008 19.8429 13.8364 20.158 12.3075L20.6578 9.88275C21.0049 8.14369 21.1784 7.27417 20.7345 6.69708C20.2906 6.12 18.7738 6.12 17.0888 6.12H11.0235M4.95808 6.12H7",
+    stroke: "#ffffff",
+    "stroke-width": "1.5",
+    "stroke-linecap": "round"
+  }), ' ')))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? 'ml-2 d-flex d-lg-none' : 'mr-2 d-flex d-lg-none'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center flex-column justify-content-start"
@@ -38426,7 +38623,7 @@ var Header8 = function Header8(props) {
       fontWeight: sectionproperties.secondaryfontweight,
       cursor: 'pointer'
     }
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", subtotalcart(), " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.showlanuagecontainer == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.contactinfo.instid) != '68c69dcc53e94' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.contactinfo.instid) != '696691293c2a6' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.contactinfo.instid) != '69a3437faf64f' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", subtotalcart(), " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.showlanuagecontainer == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.contactinfo.instid) != '68c69dcc53e94' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.contactinfo.instid) != '696691293c2a6' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.contactinfo.instid) != '69a3437faf64f' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "d-flex flex-row justify-content-end align-items-center",
     onClick: function onClick() {
       if (langdetect == 'en') {
@@ -38447,7 +38644,7 @@ var Header8 = function Header8(props) {
     "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "mx-2"
-  }, sectionproperties.englishlanguagetext))), sectionproperties.showlanuagecontainer == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.contactinfo.instid) == '696691293c2a6' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
+  }, sectionproperties.englishlanguagetext))), sectionproperties.showlanuagecontainer == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.contactinfo.instid) == '696691293c2a6' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": "".concat(header_cssstyles.header_menu2) + ' allcentered mx-2 '
   }, langdetect == 'ar' &&
   /*#__PURE__*/
@@ -38485,7 +38682,7 @@ var Header8 = function Header8(props) {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "ml-2 mr-2"
-  }, 'English')))))), sectionproperties.showlanuagecontainer == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.contactinfo.instid) == '69a3437faf64f' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
+  }, 'English')))))), sectionproperties.showlanuagecontainer == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '69a3437faf64f' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-2 '
   }, /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, {
     size: 23
@@ -38511,7 +38708,7 @@ var Header8 = function Header8(props) {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "ml-2 mr-2"
-  }, 'English')))))), sectionproperties.showlanuagecontainer == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.contactinfo.instid) == '68c69dcc53e94' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
+  }, 'English')))))), sectionproperties.showlanuagecontainer == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '68c69dcc53e94' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": "".concat(header_cssstyles.header_menu) + ' allcentered mx-2 '
   }, langdetect == 'ar' &&
   /*#__PURE__*/
@@ -38549,7 +38746,7 @@ var Header8 = function Header8(props) {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "ml-2 mr-2"
-  }, 'English')))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 || (_authdetailsContext$i19 = _authdetailsContext$i19.instcurrencies) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.length) > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, 'English')))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 || (_authdetailsContext$i21 = _authdetailsContext$i21.instcurrencies) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.length) > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? 'col-lasdg-2 d-flex align-items-center justify-content-end ml-2 ' : 'col-lasdg-2 d-flex align-items-center justify-content-end mr-2 '
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": ' d-flex align-items-center justify-content-center ',
@@ -38564,8 +38761,8 @@ var Header8 = function Header8(props) {
     "class": ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 ml-2 mr-2"
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 || (_authdetailsContext$i20 = _authdetailsContext$i20.instcurrencies) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.map(function (item, index) {
-    var _authdetailsContext$i21;
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 || (_authdetailsContext$i22 = _authdetailsContext$i22.instcurrencies) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.map(function (item, index) {
+    var _authdetailsContext$i23;
     return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
       onClick: function onClick() {
         setcurrencyfunccontext(item);
@@ -38585,7 +38782,7 @@ var Header8 = function Header8(props) {
       }
     }, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("span", {
       "class": 'ml-2 mr-2'
-    }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 || (_authdetailsContext$i21 = _authdetailsContext$i21.instcurrencies) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 || (_authdetailsContext$i23 = _authdetailsContext$i23.instcurrencies) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0"
     }, /*#__PURE__*/React__default["default"].createElement("hr", {
       "class": "m-0"
@@ -38617,9 +38814,9 @@ var Header8 = function Header8(props) {
   }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("ul", {
     "class": "w-100 mt-2",
     style: {}
-  }, sectionproperties.fetchparenttype == 'Categories' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 || (_authdetailsContext$i22 = _authdetailsContext$i22.instcategories) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.map(function (item, index) {
-    var _authdetailsContext$i23;
-    var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.instcategories;
+  }, sectionproperties.fetchparenttype == 'Categories' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 || (_authdetailsContext$i24 = _authdetailsContext$i24.instcategories) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.map(function (item, index) {
+    var _authdetailsContext$i25;
+    var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.instcategories;
     if (item.isshowntocustomers == 1) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "w-100"
@@ -38632,9 +38829,9 @@ var Header8 = function Header8(props) {
         "class": "w-100"
       }, ButtonDropdown(item, index, fetchedarray));
     }
-  })), sectionproperties.fetchparenttype == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 || (_authdetailsContext$i24 = _authdetailsContext$i24.instcollections) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.map(function (item, index) {
-    var _authdetailsContext$i25;
-    var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.instcollections;
+  })), sectionproperties.fetchparenttype == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 || (_authdetailsContext$i26 = _authdetailsContext$i26.instcollections) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.map(function (item, index) {
+    var _authdetailsContext$i27;
+    var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.instcollections;
     if (item.isshowntocustomers == 1) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "w-100"
@@ -38650,15 +38847,15 @@ var Header8 = function Header8(props) {
       justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
     }
   }, templatepropcontext.pagesnprop.map(function (item, index) {
-    var _authdetailsContext$i26;
+    var _authdetailsContext$i28;
     var activeclass = '';
     if (item.isselected) {
       activeclass = header_cssstyles.navbar_item_active;
     }
-    if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.instid) == '68c69dcc53e94') {
+    if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.instid) == '68c69dcc53e94') {
       if (item.isnavigation == 1 && item.isactive == 1) {
         if (item.pagename != 'Services' && item.pagename != 'Isolation' && item.pagename != 'Flooring' && item.pagename != 'Projects') {
-          var _authdetailsContext$i27, _authdetailsContext$i28;
+          var _authdetailsContext$i29, _authdetailsContext$i30;
           return /*#__PURE__*/React__default["default"].createElement("div", {
             "class": "".concat(activeclass) + ' cursor-pointer scrollhorizontalcard ',
             onClick: function onClick() {
@@ -38667,21 +38864,21 @@ var Header8 = function Header8(props) {
             style: {
               marginRight: langdetect == 'en' ? '25px' : 0,
               marginLeft: langdetect == 'en' ? 0 : '25px',
-              paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingtop + 'px' : 0,
-              paddingBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingbottom + 'px' : 0
+              paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingtop + 'px' : 0,
+              paddingBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingbottom + 'px' : 0
             }
           }, /*#__PURE__*/React__default["default"].createElement("div", {
             "class": "".concat(header_cssstyles.navbar_item_text)
           }, " ", langdetect == 'en' ? item.pagename : item.pagename_ar));
         } else if (item.pagename == 'Services') {
-          var _authdetailsContext$i29, _authdetailsContext$i30;
+          var _authdetailsContext$i31, _authdetailsContext$i32;
           return /*#__PURE__*/React__default["default"].createElement("div", {
             "class": "".concat(activeclass) + ' cursor-pointer dropdownoutersecuritykey ',
             style: {
               marginRight: langdetect == 'en' ? '25px' : 0,
               marginLeft: langdetect == 'en' ? 0 : '25px',
-              paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingtop + 'px' : 0,
-              paddingBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingbottom + 'px' : 0
+              paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingtop + 'px' : 0,
+              paddingBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingbottom + 'px' : 0
             },
             onMouseEnter: function onMouseEnter() {
               setservicesmenu(true);
@@ -38857,14 +39054,14 @@ var Header8 = function Header8(props) {
             "class": "".concat(header_cssstyles.navbar_item_text) + ' mb-0 p-0 ml-md-3 mr-md-3 text-black '
           }, langdetect == 'en' ? 'Soil drying' : 'تجفيف التربة'))))))));
         } else if (item.pagename == 'Isolation') {
-          var _authdetailsContext$i31, _authdetailsContext$i32;
+          var _authdetailsContext$i33, _authdetailsContext$i34;
           return /*#__PURE__*/React__default["default"].createElement("div", {
             "class": "".concat(activeclass) + ' cursor-pointer dropdownoutersecuritykey ',
             style: {
               marginRight: langdetect == 'en' ? '25px' : 0,
               marginLeft: langdetect == 'en' ? 0 : '25px',
-              paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingtop + 'px' : 0,
-              paddingBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingbottom + 'px' : 0
+              paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingtop + 'px' : 0,
+              paddingBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingbottom + 'px' : 0
             },
             onMouseEnter: function onMouseEnter() {
               setisolationmenu(true);
@@ -39268,14 +39465,14 @@ var Header8 = function Header8(props) {
             "class": "".concat(header_cssstyles.navbar_item_text) + ' mb-0 p-0 ml-md-3 mr-md-3 text-black '
           }, "\u0641\u064A\u0646\u064A\u0644")))))))))))));
         } else if (item.pagename == 'Flooring') {
-          var _authdetailsContext$i33, _authdetailsContext$i34;
+          var _authdetailsContext$i35, _authdetailsContext$i36;
           return /*#__PURE__*/React__default["default"].createElement("div", {
             "class": "".concat(activeclass) + ' cursor-pointer dropdownoutersecuritykey ',
             style: {
               marginRight: langdetect == 'en' ? '25px' : 0,
               marginLeft: langdetect == 'en' ? 0 : '25px',
-              paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingtop + 'px' : 0,
-              paddingBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingbottom + 'px' : 0
+              paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingtop + 'px' : 0,
+              paddingBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingbottom + 'px' : 0
             },
             onMouseEnter: function onMouseEnter() {
               setflooringmenu(true);
@@ -39612,14 +39809,14 @@ var Header8 = function Header8(props) {
             "class": "".concat(header_cssstyles.navbar_item_text) + ' mb-0 p-0 ml-md-3 mr-md-3 text-black '
           }, "\u0627\u0631\u0636\u064A\u0627\u062A \u0627\u0644\u0635\u0627\u0644\u0627\u062A \u0627\u0644\u0631\u064A\u0627\u0636\u064A\u0629"))))))));
         } else if (item.pagename == 'Projects') {
-          var _authdetailsContext$i35, _authdetailsContext$i36;
+          var _authdetailsContext$i37, _authdetailsContext$i38;
           return /*#__PURE__*/React__default["default"].createElement("div", {
             "class": "".concat(activeclass) + ' cursor-pointer dropdownoutersecuritykey ',
             style: {
               marginRight: langdetect == 'en' ? '25px' : 0,
               marginLeft: langdetect == 'en' ? 0 : '25px',
-              paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingtop + 'px' : 0,
-              paddingBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingbottom + 'px' : 0
+              paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingtop + 'px' : 0,
+              paddingBottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.contactinfo.instid) == '68c69dcc53e94' ? sectionproperties.lowersection_paddingbottom + 'px' : 0
             },
             onMouseEnter: function onMouseEnter() {
               setflooringmenu2(true);
@@ -39770,7 +39967,57 @@ var Header8 = function Header8(props) {
   }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader Only' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }));
+  }), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
+    show: menuactive,
+    onHide: function onHide() {
+      setmenuactive(false);
+    },
+    placement: langdetect == 'en' ? 'start' : 'end',
+    scroll: true,
+    style: {
+      width: sectionproperties.categoriessliderwidth + '%',
+      background: sectionproperties.categoriessliderbgcolor
+    },
+    backdrop: true
+  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 mb-4 pt-4 pl-3 pr-3",
+    style: {}
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'col-9 d-flex align-items-center '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "m-0 p-0",
+    style: {
+      fontWeight: sectionproperties.categoriesslidertitlefontweight,
+      fontSize: sectionproperties.categoriesslidertitlefontsize + 'px',
+      color: sectionproperties.categoriesslidertitlecolor
+    }
+  }, langdetect == 'en' ? sectionproperties.categoriesslidertitleenglish : sectionproperties.categoriesslidertitlearabic)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-3 text-end",
+    onClick: function onClick() {
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "allcentered",
+    style: {
+      width: sectionproperties.categoriesslidercloseiconwidth,
+      height: sectionproperties.categoriesslidercloseiconheight,
+      background: sectionproperties.categoriesslidercloseiconbgcolor,
+      cursor: 'pointer'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+    color: sectionproperties.categoriesslidercloseiconcolor,
+    size: sectionproperties.categoriesslidercloseiconsize
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-12 mt-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      borderBottom: sectionproperties.categoriesslidertitleborderwidth + 'px solid ' + sectionproperties.categoriesslidertitlebordercolor
+    }
+  }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement(SubheaderDropdown, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions,
+    setmenuactive: setmenuactive
+  }))));
 };
 var css_248z$u = ".headerresturant-module_header_innercontainer__K3I1g {\r\n    display: flex;\r\n    align-items: center;\r\n    align-content: center;\r\n    z-index: 10;\r\n}\r\n/* .header_innercontainer .navbar ul {\r\n    margin: 0;\r\n    padding: 0;\r\n    display: flex;\r\n    list-style: none;\r\n    align-items: center;\r\n}\r\n.header_innercontainer .navbar ul li {\r\n    position: relative !important;\r\n} */\r\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar_item__Exl8b {\r\n    position: relative;\r\n    cursor: pointer;\r\n    white-space: nowrap;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar_item__Exl8b .headerresturant-module_navbar_item_text__psv09 {\r\n    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\r\n    transition: 0.3s;\r\n    padding: 0;\r\n}\r\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar_item__Exl8b .headerresturant-module_navbar_item_text__psv09:after {\r\n    content: '';\r\n    width: 7px;\r\n    height: 7px;\r\n    position: absolute;\r\n    left: -12px !important;\r\n    bottom: 0;\r\n    top:0;\r\n    margin: auto !important;\r\n    border-radius: 50%;\r\n    margin: 0 auto;\r\n    opacity: 0;\r\n    -webkit-transition: all, 0.3s;\r\n    -moz-transition: all, 0.3s;\r\n    -ms-transition: all, 0.3s;\r\n    -o-transition: all, 0.3s;\r\n    transition: all, 0.3s;\r\n}\r\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar_item__Exl8b:hover .headerresturant-module_navbar_item_text__psv09:after {\r\n    opacity: 1;\r\n}\r\n.headerresturant-module_navbar_item_active__8BCbD .headerresturant-module_navbar_item_text__psv09:after{\r\n    opacity: 1 !important;\r\n}\r\n/* Side Nav Active */\r\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_navbar_item_active__8BCbD .headerresturant-module_navbar_item_text__psv09:after {\r\n    opacity: 1;\r\n}\r\n\r\n/* Search Bar */\r\n.headerresturant-module_header_innercontainer__K3I1g .headerresturant-module_searchbarcont__4VPWj input::placeholder {\r\n    color: #8c8c8c;\r\n    font-weight: normal;\r\n}\r\n\r\n/* Language Container */\r\n.headerresturant-module_language_cont__LwHIK {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    text-align: center;\r\n    width: 3.5vh;\r\n    height: 3.5vh;\r\n    border-radius: 5px;\r\n    /* color: #022648; */\r\n    /* background-color: white; */\r\n    font-size: 13px;\r\n    line-height: 4vh;\r\n    transition: 0.3s ease, color 0.3s ease;\r\n    font-weight: 600;\r\n}\r\n\r\n/* Badge */\r\n.headerresturant-module_badge_counter_header_notifications__mGA2- {\r\n    position: absolute;\r\n    transform: scale(0.3);\r\n    transform-origin: top right;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}";
@@ -77004,16 +77251,31 @@ var Servicesection = function Servicesection(props) {
       }
     }),
     sectiontitlespan: glamor.css({
+      color: sectionproperties.sectionTitleColor,
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      textTransform: sectionproperties.sectionTitleTextTransform,
+      fontWeight: sectionproperties.sectionTitleFontWeight,
+      textAlign: langdetect == 'en' ? 'left' : 'right',
       ':after': {
         width: sectionproperties.sectitle_lineafterwidth + '%',
         backgroundColor: sectionproperties.linebgcolor
+      },
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
       }
     }),
     sectiontitlespan2: glamor.css({
+      color: sectionproperties.sectionTitleColor,
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      textTransform: sectionproperties.sectionTitleTextTransform,
+      fontWeight: sectionproperties.sectionTitleFontWeight,
       ':after': {
         width: sectionproperties.sectitle_lineafterwidth + 'px',
         height: '100%',
         backgroundColor: sectionproperties.linebgcolor
+      },
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
       }
     })
   };
@@ -77086,13 +77348,7 @@ var Servicesection = function Servicesection(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_styles.sectiontitlespan) + ' PacificoFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_styles.sectiontitlespan) + ' PlayfairFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_styles.sectiontitlespan) + ' GreatvibesFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(section_styles.sectiontitlespan) + ' QuicksandFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_styles.sectiontitlespan) + ' SatisfyFont mb-0 pb-0 wordbreak ' : "".concat(section_styles.sectiontitlespan) + ' mb-0 pb-0 wordbreak ',
-    style: {
-      color: sectionproperties.sectionTitleColor,
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      textTransform: sectionproperties.sectionTitleTextTransform,
-      fontWeight: sectionproperties.sectionTitleFontWeight,
-      textAlign: langdetect == 'en' ? 'left' : 'right'
-    }
+    style: {}
   }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), sectionproperties.sectiontitleshow == 'Show' && sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0",
     style: {
@@ -77106,12 +77362,7 @@ var Servicesection = function Servicesection(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "".concat(section_styles.sectiontitlespan2),
-    style: {
-      color: sectionproperties.sectionTitleColor,
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      textTransform: sectionproperties.sectionTitleTextTransform,
-      fontWeight: sectionproperties.sectionTitleFontWeight
-    }
+    style: {}
   }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' col-lg-12 col-md-12 col-sm-12 d-flex d-md-none align-items-center p-0 ',
     style: {
@@ -93252,14 +93503,15 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
       height: sectionproperties.cartBtnHeight + 'px',
       background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
-      color: sectionproperties.cart_iconcolor,
+      color: sectionproperties.cartBtnTextcolor,
       fontSize: sectionproperties.cartBtnTextfontsize + 'px',
       textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
       border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
       ':hover': {
         background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
-        color: sectionproperties.cartBtnTextcoloronhover
+        color: sectionproperties.cartBtnTextcoloronhover,
+        borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     cart_btn_bottom: glamor.css((_css = {
@@ -93271,9 +93523,10 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
       margin: 'auto',
       transition: 'all, 0.3s',
       width: sectionproperties.cartBtnWidth + 'px'
-    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "width", sectionproperties.cartBtnWidth + '%'), "maxWidth", '100%'), "height", sectionproperties.cartBtnHeight + 'px'), "background", sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor), "borderRadius", sectionproperties.cart_btn_borderBottomLeftRadius + 'px'), "color", sectionproperties.cart_iconcolor), "fontSize", sectionproperties.cartBtnTextfontsize + 'px'), "textTransform", sectionproperties.cartBtnTexttransform), "fontWeight", sectionproperties.cartBtnTextfontweight), "border", sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor), _defineProperty__default["default"](_css, ':hover', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "width", sectionproperties.cartBtnWidth + '%'), "maxWidth", '100%'), "height", sectionproperties.cartBtnHeight + 'px'), "background", sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor), "borderRadius", sectionproperties.cart_btn_borderBottomLeftRadius + 'px'), "color", sectionproperties.cartBtnTextcolor), "fontSize", sectionproperties.cartBtnTextfontsize + 'px'), "textTransform", sectionproperties.cartBtnTexttransform), "fontWeight", sectionproperties.cartBtnTextfontweight), "border", sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor), _defineProperty__default["default"](_css, ':hover', {
       background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
-      color: sectionproperties.cartBtnTextcoloronhover
+      color: sectionproperties.cartBtnTextcoloronhover,
+      borderColor: sectionproperties.cartBtnTextcoloronhover
     }))),
     cart_btn_center: glamor.css((_css2 = {
       position: 'absolute',
@@ -93284,9 +93537,10 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
       margin: 'auto',
       transition: 'all, 0.3s',
       width: sectionproperties.cartBtnWidth + 'px'
-    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css2, "width", sectionproperties.cartBtnWidth + '%'), "maxWidth", '100%'), "height", sectionproperties.cartBtnHeight + 'px'), "background", sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor), "borderRadius", sectionproperties.cart_btn_borderBottomLeftRadius + 'px'), "color", sectionproperties.cart_iconcolor), "fontSize", sectionproperties.cartBtnTextfontsize + 'px'), "textTransform", sectionproperties.cartBtnTexttransform), "fontWeight", sectionproperties.cartBtnTextfontweight), "border", sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor), _defineProperty__default["default"](_css2, ':hover', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css2, "width", sectionproperties.cartBtnWidth + '%'), "maxWidth", '100%'), "height", sectionproperties.cartBtnHeight + 'px'), "background", sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor), "borderRadius", sectionproperties.cart_btn_borderBottomLeftRadius + 'px'), "color", sectionproperties.cartBtnTextcolor), "fontSize", sectionproperties.cartBtnTextfontsize + 'px'), "textTransform", sectionproperties.cartBtnTexttransform), "fontWeight", sectionproperties.cartBtnTextfontweight), "border", sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor), _defineProperty__default["default"](_css2, ':hover', {
       background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
-      color: sectionproperties.cartBtnTextcoloronhover
+      color: sectionproperties.cartBtnTextcoloronhover,
+      borderColor: sectionproperties.cartBtnTextcoloronhover
     }))),
     productcard: glamor.css({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -93325,9 +93579,10 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
       margin: 'auto',
       transition: 'all, 0.3s',
       width: sectionproperties.cartBtnWidth + 'px'
-    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css3, "width", sectionproperties.cartBtnWidth + '%'), "maxWidth", '100%'), "height", sectionproperties.cartBtnHeight + 'px'), "background", sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor), "borderRadius", sectionproperties.cart_btn_borderBottomLeftRadius + 'px'), "color", sectionproperties.cart_iconcolor), "fontSize", sectionproperties.cartBtnTextfontsize + 'px'), "textTransform", sectionproperties.cartBtnTexttransform), "fontWeight", sectionproperties.cartBtnTextfontweight), "border", sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor), _defineProperty__default["default"](_css3, ':hover', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css3, "width", sectionproperties.cartBtnWidth + '%'), "maxWidth", '100%'), "height", sectionproperties.cartBtnHeight + 'px'), "background", sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor), "borderRadius", sectionproperties.cart_btn_borderBottomLeftRadius + 'px'), "color", sectionproperties.cartBtnTextcolor), "fontSize", sectionproperties.cartBtnTextfontsize + 'px'), "textTransform", sectionproperties.cartBtnTexttransform), "fontWeight", sectionproperties.cartBtnTextfontweight), "border", sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor), _defineProperty__default["default"](_css3, ':hover', {
       background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
-      color: sectionproperties.cartBtnTextcoloronhover
+      color: sectionproperties.cartBtnTextcoloronhover,
+      borderColor: sectionproperties.cartBtnTextcoloronhover
     }))),
     imageContainer: glamor.css({
       backgroundColor: sectionproperties.image_bgcolor,
@@ -93505,13 +93760,36 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
     "class": "m-0 p-0"
   }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.paddingLeft == 0 ? 'row m-0 w-100 text-center mt-2 px-2' : 'row m-0 w-100 text-center mt-2'
-  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-12 p-0 d-flex flex-row align-items-center justify-content-center",
+    style: {
+      visibility: item.quantavailtype == 'nolimit' ? 'visible' : item.currentquantity > 1 ? 'visible' : 'hidden'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      width: 8,
+      height: 8,
+      borderRadius: 100,
+      background: 'green'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": 'm-0 mx-2 p-0',
+    style: {
+      color: 'green',
+      fontSize: 13,
+      fontWeight: 400
+    }
+  }, langdetect == 'en' ? 'In Stock' : 'متوفر')), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
-    "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center ' : sectionproperties.wordbreak == '2' ? "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak2 text-center ' : "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak3 text-center '
+    "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center ' : sectionproperties.wordbreak == '2' ? "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak2 text-center ' : "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak3 text-center ',
+    style: {
+      // height: sectionproperties.wordbreak == '2' ? '6vh' : 'auto',
+    }
   }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 flex-md-column",
     style: {