tabexseriescomponents 0.0.697 → 0.0.699

package/dist/index.esm.js

@@ -2,10 +2,9 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React, { useState, useEffect, Component, createRef, useContext } from 'react';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
-import _inherits from '@babel/runtime/helpers/inherits';
 import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
 import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import _inherits from '@babel/runtime/helpers/inherits';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import Cookies from 'universal-cookie';
 import { CircularProgress, Messaging } from 'react-cssfx-loading';
@@ -193,18 +192,16 @@ var AwesomeButton = function AwesomeButton(props) {
   }, "123sdasdasdadsd", children.toUpperCase());
 };
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var LanguageContext = /*#__PURE__*/React.createContext();
 var LanguageProvider = /*#__PURE__*/function (_Component) {
-  _inherits(LanguageProvider, _Component);
-  var _super = _createSuper(LanguageProvider);
   function LanguageProvider(props) {
     var _en, _ar;
     var _this;
     _classCallCheck(this, LanguageProvider);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "setlangdefault", function (key) {
+    _this = _callSuper(this, LanguageProvider, [props]);
+    _defineProperty(_this, "setlangdefault", function (key) {
       var cookies = new Cookies();
       cookies.set('sitelang', key, {
         path: '/'
@@ -213,7 +210,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
         langdetect: key
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "setlang", function (key) {
+    _defineProperty(_this, "setlang", function (key) {
       var cookies = new Cookies();
       cookies.set('sitelang', key, {
         path: '/'
@@ -300,7 +297,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           loginwithfacebook: 'Sign in with facebook',
           orsigninwith: 'Or Sign in with',
           orsignupwith: 'Or Sign up with'
-        }, _defineProperty(_en, "price", 'Price'), _defineProperty(_en, "relatedproducts", 'Related products'), _defineProperty(_en, "qty", 'QTY'), _defineProperty(_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty(_en, "shopnow", 'Shop now'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "otherinformation", 'Other information'), _defineProperty(_en, "productname", 'Product name'), _defineProperty(_en, "quantity", 'Quantity'), _defineProperty(_en, "orderid", 'Order ID'), _defineProperty(_en, "numberofproducts", 'Number of products'), _defineProperty(_en, "checkyourorder", 'Check your order'), _defineProperty(_en, "search", 'Search'), _defineProperty(_en, "searchproducts", 'Search for products...'), _defineProperty(_en, "choosecity", 'Choose city'), _defineProperty(_en, "choosestategov", 'Choose state/governorate'), _defineProperty(_en, "choosecountry", 'Choose country'), _defineProperty(_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty(_en, "nosearchresults", 'No search results'), _defineProperty(_en, "sale", 'Sale'), _defineProperty(_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty(_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty(_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty(_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty(_en, "promocoderemoved", 'Promo code is removed'), _defineProperty(_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty(_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty(_en, "addedtowishlist", 'Added to your favourites'), _defineProperty(_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty(_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty(_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty(_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty(_en, "subtotal", 'Sub total'), _defineProperty(_en, "discount", 'Discount'), _defineProperty(_en, "outofzone", 'Out of zone'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "cod", 'Cash on Delivery'), _defineProperty(_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty(_en, "onlinepayment", 'Online Payment'), _defineProperty(_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty(_en, "shippingfees", 'Shipping fees'), _defineProperty(_en, "shippingaddress", 'Shipping address'), _defineProperty(_en, "cardnumber", 'Card number'), _defineProperty(_en, "year", 'Year'), _defineProperty(_en, "month", 'Month'), _defineProperty(_en, "cvv", 'CVV'), _defineProperty(_en, "nameoncard", 'Name On Card'), _defineProperty(_en, "country", 'Country'), _defineProperty(_en, "addressdetails", 'ِAddress details'), _defineProperty(_en, "stategov", 'State/Governorate'), _defineProperty(_en, "city", 'City'), _defineProperty(_en, "paymentmethod", 'Payment method'), _defineProperty(_en, "productimage", 'Product image'), _defineProperty(_en, "orderdetails", 'Order details'), _defineProperty(_en, "orderinvoice", 'Order invoice'), _defineProperty(_en, "promocodediscount", 'Promo code discount'), _defineProperty(_en, "address", 'Address'), _defineProperty(_en, "update", 'Update'), _defineProperty(_en, "phonenumber", 'Mobile number'), _defineProperty(_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty(_en, "name", 'Name'), _defineProperty(_en, "email", 'Email'), _defineProperty(_en, "password", 'Password'), _defineProperty(_en, "confirmpassword", 'Confirm password'), _defineProperty(_en, "showmore", 'Show more'), _defineProperty(_en, "showless", 'Show less'), _defineProperty(_en, "contactdetails", 'Contact Information'), _defineProperty(_en, "asaguest", 'As A Guest'), _defineProperty(_en, "choosecountryfirst", 'Please choose country first'), _defineProperty(_en, "security", 'Security'), _defineProperty(_en, "personalinformation", 'Personal Information'), _defineProperty(_en, "contactus", 'Contact us'), _defineProperty(_en, "slogan", 'Your website & mobile application in one place'), _defineProperty(_en, "recent", 'Recent'), _defineProperty(_en, "oldest", 'Oldest'), _defineProperty(_en, "pricehightolow", 'High to low'), _defineProperty(_en, "pricelowtohigh", 'Low to High'), _defineProperty(_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _defineProperty(_en, "instock", 'In Stock'), _en),
+        }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, "price", 'Price'), "relatedproducts", 'Related products'), "qty", 'QTY'), "emptyshoppingcart", 'Your shopping cart is empty'), "shopnow", 'Shop now'), "total", 'Total'), "otherinformation", 'Other information'), "productname", 'Product name'), "quantity", 'Quantity'), "orderid", 'Order ID'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, "numberofproducts", 'Number of products'), "checkyourorder", 'Check your order'), "search", 'Search'), "searchproducts", 'Search for products...'), "choosecity", 'Choose city'), "choosestategov", 'Choose state/governorate'), "choosecountry", 'Choose country'), "giftcarddicountcode", 'Gift Card Or Discount Code...'), "nosearchresults", 'No search results'), "sale", 'Sale'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, "nofavoriteproducts", 'Your wishlist is empty'), "loggedoutsuccess", 'Logged out successfully'), "addedtocartsuccess", 'Cart is updated successfully'), "promocodeapplied", 'Promo code is applied.'), "promocoderemoved", 'Promo code is removed'), "countryandstateupdatedsuccess", 'Country and state are updated successfully'), "orderaddedsuccess", 'Order is added successfully'), "addedtowishlist", 'Added to your favourites'), "productrmovedfromwishlist", 'Removed from your favourites'), "fillthemissingfields", 'Please complete the missing fields'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, "passwordsdontmatch", "Passwords don't match"), "loggedinsuccess", 'Logged in successfully'), "subtotal", 'Sub total'), "discount", 'Discount'), "outofzone", 'Out of zone'), "total", 'Total'), "cod", 'Cash on Delivery'), "cardondelivery", 'Credit Card On Delivery'), "onlinepayment", 'Online Payment'), "paymentcardinformation", 'Payment Card Information'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, "shippingfees", 'Shipping fees'), "shippingaddress", 'Shipping address'), "cardnumber", 'Card number'), "year", 'Year'), "month", 'Month'), "cvv", 'CVV'), "nameoncard", 'Name On Card'), "country", 'Country'), "addressdetails", 'ِAddress details'), "stategov", 'State/Governorate'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, "city", 'City'), "paymentmethod", 'Payment method'), "productimage", 'Product image'), "orderdetails", 'Order details'), "orderinvoice", 'Order invoice'), "promocodediscount", 'Promo code discount'), "address", 'Address'), "update", 'Update'), "phonenumber", 'Mobile number'), "completerequiredfields", 'Please complete all required fields'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, "name", 'Name'), "email", 'Email'), "password", 'Password'), "confirmpassword", 'Confirm password'), "showmore", 'Show more'), "showless", 'Show less'), "contactdetails", 'Contact Information'), "asaguest", 'As A Guest'), "choosecountryfirst", 'Please choose country first'), "security", 'Security'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, "personalinformation", 'Personal Information'), "contactus", 'Contact us'), "slogan", 'Your website & mobile application in one place'), "recent", 'Recent'), "oldest", 'Oldest'), "pricehightolow", 'High to low'), "pricelowtohigh", 'Low to High'), "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), "instock", 'In Stock')),
         ar: (_ar = {
           sortby: 'ترتيب حسب',
           maximum: 'اقصى كمية',
@@ -381,7 +378,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           loginwithfacebook: 'تسجيل الدخول عن طريق فيسبوك',
           orsigninwith: 'او تسجيل الدخول عن طريق',
           orsignupwith: 'او انشاء حساب عن طريق'
-        }, _defineProperty(_ar, "price", 'السعر'), _defineProperty(_ar, "relatedproducts", 'منتجات ذات صلة'), _defineProperty(_ar, "qty", 'الكمية'), _defineProperty(_ar, "emptyshoppingcart", 'حقيبة التسوق فارغة'), _defineProperty(_ar, "shopnow", 'تسوق الان'), _defineProperty(_ar, "total", 'الإجمالى'), _defineProperty(_ar, "otherinformation", 'معلومات اخرى'), _defineProperty(_ar, "productname", 'إسم المنتج'), _defineProperty(_ar, "quantity", 'الكمية'), _defineProperty(_ar, "orderid", 'رقم الطلب'), _defineProperty(_ar, "numberofproducts", 'عدد المنتجات'), _defineProperty(_ar, "checkyourorder", 'الذهاب إلى طلبك'), _defineProperty(_ar, "search", 'ابحث'), _defineProperty(_ar, "searchproducts", 'ابحث...'), _defineProperty(_ar, "choosecity", 'إختر المدينة'), _defineProperty(_ar, "choosestategov", 'إختر المحافظة/الولاية'), _defineProperty(_ar, "choosecountry", 'إختر البلد'), _defineProperty(_ar, "giftcarddicountcode", 'كود خصم'), _defineProperty(_ar, "nosearchresults", 'لا توجد نتائج'), _defineProperty(_ar, "sale", 'خصم'), _defineProperty(_ar, "nofavoriteproducts", 'لا توجد منتجات مفضلة'), _defineProperty(_ar, "loggedoutsuccess", 'تم تسجيل الخروج'), _defineProperty(_ar, "addedtocartsuccess", 'تم  تعديل عربة التسوق'), _defineProperty(_ar, "promocodeapplied", 'تم تطبيق كود الخصم'), _defineProperty(_ar, "promocoderemoved", 'تم حذف كود الخصم'), _defineProperty(_ar, "countryandstateupdatedsuccess", 'تم تحديث البلد و المدينة'), _defineProperty(_ar, "orderaddedsuccess", 'تم إضافة الطلب'), _defineProperty(_ar, "addedtowishlist", 'تم الإضافة لمفضلاتك'), _defineProperty(_ar, "productrmovedfromwishlist", 'تم الحذف من مفضلاتك'), _defineProperty(_ar, "fillthemissingfields", 'من فضلك اكمل باقى البيانات'), _defineProperty(_ar, "passwordsdontmatch", 'كلمات السر لا تتطابق'), _defineProperty(_ar, "loggedinsuccess", 'تم تسجيل الدخول'), _defineProperty(_ar, "subtotal", 'إجمالي المبلغ'), _defineProperty(_ar, "discount", 'الخصم'), _defineProperty(_ar, "outofzone", 'خارج نطاق الشحن'), _defineProperty(_ar, "total", 'المبلغ الكلي'), _defineProperty(_ar, "cod", 'الدفع عند الإستلام'), _defineProperty(_ar, "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), _defineProperty(_ar, "onlinepayment", 'الدفع الإلكترونى'), _defineProperty(_ar, "paymentcardinformation", 'بيانات البطاقة'), _defineProperty(_ar, "shippingfees", 'مصاريف الشحن'), _defineProperty(_ar, "shippingaddress", 'عنوان الشحن'), _defineProperty(_ar, "cardnumber", 'رقم البطاقة'), _defineProperty(_ar, "year", 'السنة'), _defineProperty(_ar, "month", 'الشهر'), _defineProperty(_ar, "cvv", 'رقم البطاقة'), _defineProperty(_ar, "nameoncard", 'الإسم على البطاقة'), _defineProperty(_ar, "country", 'البلد'), _defineProperty(_ar, "addressdetails", 'العنوان'), _defineProperty(_ar, "stategov", 'المحافظة/الولاية'), _defineProperty(_ar, "city", 'المدينة'), _defineProperty(_ar, "paymentmethod", 'طريقة الدفع'), _defineProperty(_ar, "productimage", 'صورة المنتج'), _defineProperty(_ar, "orderdetails", 'تفاصيل الطلب'), _defineProperty(_ar, "orderinvoice", 'فاتورة الطلب'), _defineProperty(_ar, "promocodediscount", 'كود الخصم'), _defineProperty(_ar, "address", 'العنوان'), _defineProperty(_ar, "update", 'تحديث'), _defineProperty(_ar, "phonenumber", 'الهاتف'), _defineProperty(_ar, "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty(_ar, "name", 'الإسم'), _defineProperty(_ar, "email", 'البريد الإلكترونى'), _defineProperty(_ar, "password", 'كلمة السر'), _defineProperty(_ar, "confirmpassword", 'تأكيد كلمة السر'), _defineProperty(_ar, "showless", 'اعرض اقل'), _defineProperty(_ar, "showmore", 'اعرض المزيد'), _defineProperty(_ar, "contactdetails", 'معلومات التواصل'), _defineProperty(_ar, "asaguest", 'كزائر'), _defineProperty(_ar, "choosecountryfirst", 'من فضلك اختر البلد اولاً'), _defineProperty(_ar, "security", 'الخصوصية و الأمان'), _defineProperty(_ar, "personalinformation", 'البيانات الشخصية'), _defineProperty(_ar, "contactus", 'تواصل معنا'), _defineProperty(_ar, "slogan", 'موقعك و تطبيقك فى مكان واحد'), _defineProperty(_ar, "instock", 'متوفر'), _ar)
+        }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ar, "price", 'السعر'), "relatedproducts", 'منتجات ذات صلة'), "qty", 'الكمية'), "emptyshoppingcart", 'حقيبة التسوق فارغة'), "shopnow", 'تسوق الان'), "total", 'الإجمالى'), "otherinformation", 'معلومات اخرى'), "productname", 'إسم المنتج'), "quantity", 'الكمية'), "orderid", 'رقم الطلب'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ar, "numberofproducts", 'عدد المنتجات'), "checkyourorder", 'الذهاب إلى طلبك'), "search", 'ابحث'), "searchproducts", 'ابحث...'), "choosecity", 'إختر المدينة'), "choosestategov", 'إختر المحافظة/الولاية'), "choosecountry", 'إختر البلد'), "giftcarddicountcode", 'كود خصم'), "nosearchresults", 'لا توجد نتائج'), "sale", 'خصم'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ar, "nofavoriteproducts", 'لا توجد منتجات مفضلة'), "loggedoutsuccess", 'تم تسجيل الخروج'), "addedtocartsuccess", 'تم  تعديل عربة التسوق'), "promocodeapplied", 'تم تطبيق كود الخصم'), "promocoderemoved", 'تم حذف كود الخصم'), "countryandstateupdatedsuccess", 'تم تحديث البلد و المدينة'), "orderaddedsuccess", 'تم إضافة الطلب'), "addedtowishlist", 'تم الإضافة لمفضلاتك'), "productrmovedfromwishlist", 'تم الحذف من مفضلاتك'), "fillthemissingfields", 'من فضلك اكمل باقى البيانات'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ar, "passwordsdontmatch", 'كلمات السر لا تتطابق'), "loggedinsuccess", 'تم تسجيل الدخول'), "subtotal", 'إجمالي المبلغ'), "discount", 'الخصم'), "outofzone", 'خارج نطاق الشحن'), "total", 'المبلغ الكلي'), "cod", 'الدفع عند الإستلام'), "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), "onlinepayment", 'الدفع الإلكترونى'), "paymentcardinformation", 'بيانات البطاقة'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ar, "shippingfees", 'مصاريف الشحن'), "shippingaddress", 'عنوان الشحن'), "cardnumber", 'رقم البطاقة'), "year", 'السنة'), "month", 'الشهر'), "cvv", 'رقم البطاقة'), "nameoncard", 'الإسم على البطاقة'), "country", 'البلد'), "addressdetails", 'العنوان'), "stategov", 'المحافظة/الولاية'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ar, "city", 'المدينة'), "paymentmethod", 'طريقة الدفع'), "productimage", 'صورة المنتج'), "orderdetails", 'تفاصيل الطلب'), "orderinvoice", 'فاتورة الطلب'), "promocodediscount", 'كود الخصم'), "address", 'العنوان'), "update", 'تحديث'), "phonenumber", 'الهاتف'), "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ar, "name", 'الإسم'), "email", 'البريد الإلكترونى'), "password", 'كلمة السر'), "confirmpassword", 'تأكيد كلمة السر'), "showless", 'اعرض اقل'), "showmore", 'اعرض المزيد'), "contactdetails", 'معلومات التواصل'), "asaguest", 'كزائر'), "choosecountryfirst", 'من فضلك اختر البلد اولاً'), "security", 'الخصوصية و الأمان'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_ar, "personalinformation", 'البيانات الشخصية'), "contactus", 'تواصل معنا'), "slogan", 'موقعك و تطبيقك فى مكان واحد'), "instock", 'متوفر'))
       },
       langdetect: 'en',
       setlang: _this.setlang,
@@ -389,7 +386,8 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-  _createClass(LanguageProvider, [{
+  _inherits(LanguageProvider, _Component);
+  return _createClass(LanguageProvider, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var cookies = new Cookies();
@@ -421,7 +419,6 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
         lang = this.state.lang.ar;
         // window.document.body.setAttribute('dir', 'rtl');
       }
-
       var langdetect = this.state.langdetect;
       return /*#__PURE__*/React.createElement(LanguageContext.Provider, {
         value: {
@@ -433,7 +430,6 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
       }, this.props.children);
     }
   }]);
-  return LanguageProvider;
 }(Component);
 LanguageContext.Consumer;
 
@@ -789,11 +785,11 @@ var Login = function Login(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "height", '35px'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "height", '35px'), "padding", '0 10px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty(_css, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css))
+    })))
   };
   var RightContainerContent = function RightContainerContent() {
     return /*#__PURE__*/React.createElement("div", {
@@ -1278,18 +1274,17 @@ var defaultstyles = {
     });
   },
   control: function control() {
-    var _ref;
-    return _ref = {
+    return _defineProperty(_defineProperty({
       borderBottom: '1px solid #ccc',
       backgroundColor: 'white',
       display: 'flex',
       cursor: 'pointer',
       padding: 0,
       transition: '.3s'
-    }, _defineProperty(_ref, "backgroundColor", 'transparent'), _defineProperty(_ref, '&:hover', {
+    }, "backgroundColor", 'transparent'), '&:hover', {
       // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
       // borderRadius: '10px',
-    }), _ref;
+    });
   },
   dropdownIndicator: function dropdownIndicator(provided) {
     return _objectSpread$2w(_objectSpread$2w({}, provided), {}, {
@@ -1417,11 +1412,11 @@ var Variantoptions = function Variantoptions(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty(_defineProperty(_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty(_css, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css))
+    })))
   };
   var issingleoptionoutofstock = function issingleoptionoutofstock(valueitem) {
     var _ProductInfoObj$data;
@@ -1493,7 +1488,6 @@ var Variantoptions = function Variantoptions(props) {
           className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(productinfostyles.color_container_active)
           // `${isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''}`
           ,
-
           onClick: function onClick() {
             // here
             if (optionvaluesitem.isenabled == 1) {
@@ -1761,7 +1755,6 @@ var Variantoptions = function Variantoptions(props) {
       orgselectoptions = item.optionvalues;
       // optionvaluesitem.isselected
     }
-
     orgselectoptions.forEach(function (getselcitem, getselindex) {
       // if (getselcitem.isselected == 1 && issingleoptionoutofstock(getselcitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show') {
       //     selecteditemid = getselcitem.valueid + langdetect == 'en' ? '(Unavailable)' : 'غير متاح';
@@ -2148,11 +2141,11 @@ var ProductExtraFields = function ProductExtraFields(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty(_defineProperty(_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty(_css, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css))
+    })))
   };
   return /*#__PURE__*/React.createElement("div", {
     className: 'row w-100 ml-0 mr-0'
@@ -5674,11 +5667,11 @@ var AddReview = function AddReview(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), _defineProperty(_defineProperty(_defineProperty(_css, "color", sectionproperties.inputfieldcolor), ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty(_css, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css)),
+    }))),
     inputfield_label: css({
       color: sectionproperties.form_labelcolor,
       fontWeight: sectionproperties.form_labelfontweight,
@@ -6345,7 +6338,6 @@ var Productinfo = function Productinfo(props) {
                 //     langdetect == 'en' ? fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en : fetchProductInfoQueryContext?.data?.data?.productinfo?.description_ar,
               };
             }
-
             tempproductimagesarray.push(productimagesarrayobj);
           });
         }
@@ -6890,11 +6882,11 @@ var Productinfo = function Productinfo(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), _defineProperty(_defineProperty(_defineProperty(_css, "color", sectionproperties.inputfieldcolor), ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty(_css, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css)),
+    }))),
     inputfield_label: css({
       color: sectionproperties.form_labelcolor,
       fontWeight: sectionproperties.form_labelfontweight,
@@ -7075,7 +7067,6 @@ var Productinfo = function Productinfo(props) {
       //     marginTop: sectionproperties.favbtnmargintopresp + 'px',
       // },
     }),
-
     productname: css({
       fontSize: sectionproperties.prodNameFontSize + 'px',
       textTransform: sectionproperties.prodNameTextTranform,
@@ -7535,7 +7526,7 @@ var Productinfo = function Productinfo(props) {
       langdetect: langdetect,
       lang: lang,
       srcfromprops: props.srcfromprops
-    }, _defineProperty(_ref, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref, "addtocartfunc", addtocartfunc), _defineProperty(_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref, "productimagesarray", productimagesarray), _defineProperty(_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref, "sectionproperties", sectionproperties), _defineProperty(_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref, "routingcountext", routingcountext), _defineProperty(_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref, "authdetailsContext", authdetailsContext), _defineProperty(_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref, "NotificationManager", NotificationManager), _defineProperty(_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref, "relatedproducts", relatedproducts), _defineProperty(_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref, "StoreInfoprops", StoreInfo), _defineProperty(_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty(_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty(_ref, "templatepropcontext", templatepropcontext), _defineProperty(_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty(_ref, "variantindex", variantindex), _defineProperty(_ref, "setvariantindex", setvariantindex), _defineProperty(_ref, "variantsku", variantsku), _defineProperty(_ref, "variantvalueidentifier", variantvalueidentifier), _ref)
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "relatedproducts", relatedproducts), "getprice_discountpriceprops", getprice_discountpriceprops), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), "variantsku", variantsku), _defineProperty(_ref, "variantvalueidentifier", variantvalueidentifier))
   }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'Article' && /*#__PURE__*/React.createElement(Article_itemtype, {
     actions: (_ref2 = {
       setisoutofstock: setisoutofstock,
@@ -7544,7 +7535,7 @@ var Productinfo = function Productinfo(props) {
       langdetect: langdetect,
       lang: lang,
       srcfromprops: props.srcfromprops
-    }, _defineProperty(_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref2, "addtocartfunc", addtocartfunc), _defineProperty(_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref2, "productimagesarray", productimagesarray), _defineProperty(_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref2, "sectionproperties", sectionproperties), _defineProperty(_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref2, "routingcountext", routingcountext), _defineProperty(_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref2, "authdetailsContext", authdetailsContext), _defineProperty(_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref2, "NotificationManager", NotificationManager), _defineProperty(_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref2, "relatedproducts", relatedproducts), _defineProperty(_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref2, "StoreInfoprops", StoreInfo), _defineProperty(_ref2, "currentshowingimageindex", currentshowingimageindex), _defineProperty(_ref2, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty(_ref2, "templatepropcontext", templatepropcontext), _defineProperty(_ref2, "ikimagecredcontext", ikimagecredcontext), _defineProperty(_ref2, "variantindex", variantindex), _defineProperty(_ref2, "setvariantindex", setvariantindex), _defineProperty(_ref2, "variantsku", variantsku), _defineProperty(_ref2, "variantvalueidentifier", variantvalueidentifier), _ref2)
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "relatedproducts", relatedproducts), "getprice_discountpriceprops", getprice_discountpriceprops), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), "variantsku", variantsku), _defineProperty(_ref2, "variantvalueidentifier", variantvalueidentifier))
   }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React.createElement(Service_itemtype, {
     actions: (_ref3 = {
       variantsku: variantsku,
@@ -7554,7 +7545,7 @@ var Productinfo = function Productinfo(props) {
       langdetect: langdetect,
       lang: lang,
       srcfromprops: props.srcfromprops
-    }, _defineProperty(_ref3, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref3, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref3, "addtocartfunc", addtocartfunc), _defineProperty(_ref3, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref3, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref3, "productimagesarray", productimagesarray), _defineProperty(_ref3, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref3, "sectionproperties", sectionproperties), _defineProperty(_ref3, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref3, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref3, "currentshowingimageindex", currentshowingimageindex), _defineProperty(_ref3, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty(_ref3, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref3, "routingcountext", routingcountext), _defineProperty(_ref3, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref3, "authdetailsContext", authdetailsContext), _defineProperty(_ref3, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref3, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref3, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref3, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref3, "NotificationManager", NotificationManager), _defineProperty(_ref3, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref3, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref3, "relatedproducts", relatedproducts), _defineProperty(_ref3, "getQuantityCondition", getQuantityCondition), _defineProperty(_ref3, "StoreInfoprops", StoreInfo), _defineProperty(_ref3, "templatepropcontext", templatepropcontext), _defineProperty(_ref3, "ikimagecredcontext", ikimagecredcontext), _ref3)
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), "ProductInfoObj", ProductInfoObj), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "StaticPagesLinksContext", StaticPagesLinksContext), "variantindexcompleted", variantindexcompleted), "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, "NotificationManager", NotificationManager), "getprice_discountpriceprops", getprice_discountpriceprops), "quantityconditionfoundobjprops", quantityconditionfoundobj), "relatedproducts", relatedproducts), "getQuantityCondition", getQuantityCondition), "StoreInfoprops", StoreInfo), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext))
   }), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React.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: {
@@ -7582,7 +7573,6 @@ var Productinfo = function Productinfo(props) {
         // margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '',
       }
     },
-
     sx: {
       '& button': {
         color: sectionproperties.tabtextcolor,
@@ -7644,7 +7634,6 @@ var Productinfo = function Productinfo(props) {
         // margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '',
       }
     },
-
     sx: {
       '& button': {
         color: sectionproperties.tabtextcolor,
@@ -8578,7 +8567,6 @@ var Ordershistory = function Ordershistory(props) {
       // var product_extrafields_parsed = JSON.stringify(product_extrafields);
       // alert(product_extrafields_parsed);
     }
-
     var slot = '';
     if (item.itemtype == 'service') {
       if (item.ser_time != null) {
@@ -10285,7 +10273,7 @@ var Select$3 = /*#__PURE__*/React.lazy(function () {
   return import('react-select');
 });
 var Checkout = function Checkout(props) {
-  var _css, _checkoutstyles, _ref, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue68, _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue74, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _authdetailsContext$i4, _fetchcustomercartQue82, _authdetailsContext$i5, _fetchcustomercartQue84, _authdetailsContext$i6, _fetchcustomercartQue86, _authdetailsContext$i7, _fetchcustomercartQue88, _fetchcustomercartQue90;
+  var _css, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue68, _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue74, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _authdetailsContext$i4, _fetchcustomercartQue82, _authdetailsContext$i5, _fetchcustomercartQue84, _authdetailsContext$i6, _fetchcustomercartQue86, _authdetailsContext$i7, _fetchcustomercartQue88, _fetchcustomercartQue90;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2);
     _useState2[0];
@@ -10458,7 +10446,7 @@ var Checkout = function Checkout(props) {
       }
     });
   };
-  var checkoutstyles = (_checkoutstyles = {
+  var checkoutstyles = _defineProperty(_defineProperty(_defineProperty(_defineProperty({
     Salepricestyless: css({
       fontSize: sectionproperties.prodsalepriceFontSize + 'px',
       fontWeight: sectionproperties.prodsalePriceFontWeight,
@@ -10606,25 +10594,25 @@ var Checkout = function Checkout(props) {
         color: sectionproperties.generalbtn_textColoronhover
       }
     })
-  }, _defineProperty(_checkoutstyles, "input_label_name", css({
+  }, "input_label_name", css({
     color: sectionproperties.form_labelcolor,
     textTransform: sectionproperties.form_labeltexttransform,
     fontWeight: sectionproperties.form_labelfontweight,
     fontSize: sectionproperties.form_labelfontsize + 'px'
-  })), _defineProperty(_checkoutstyles, "form_control", css((_css = {
+  })), "form_control", css((_css = {
     position: 'relative',
     display: 'flex',
     alignItems: 'center'
-  }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 30px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, "fontSize", sectionproperties.inputfieldfontsize + 'px'), _defineProperty(_css, ':focus', {
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "padding", '0 30px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "color", sectionproperties.inputfieldcolor), "fontSize", sectionproperties.inputfieldfontsize + 'px'), ':focus', {
     borderColor: sectionproperties.inputfeildbordercoloronfocus,
     boxShadow: 'none'
-  }), _defineProperty(_css, ':focus .login_input_icon', {
+  }), ':focus .login_input_icon', {
     color: sectionproperties.inputfeildbordercoloronfocus
-  }), _css))), _defineProperty(_checkoutstyles, "innersection", css({
+  })))), "innersection", css({
     backgroundColor: sectionproperties.reservation_bgcolor,
     borderRadius: sectionproperties.reservation_borderradius + 'px',
     border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
-  })), _defineProperty(_checkoutstyles, "containerstyles", css({
+  })), "containerstyles", css({
     paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
     paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
     paddingTop: sectionproperties.paddingTop + 'px',
@@ -10635,9 +10623,9 @@ var Checkout = function Checkout(props) {
     '@media (max-width: 800px)': {
       marginTop: sectionproperties.marginTopResp + 'px'
     }
-  })), _checkoutstyles);
-  var addorderfuncrunner = function addorderfuncrunner() {
-    return (_ref = _ref || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  }));
+  var addorderfuncrunner = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25, _fetchcustomercartQue26, _fetchcustomercartQue27, _fetchcustomercartQue28, _fetchcustomercartQue29, _fetchcustomercartQue30, _fetchcustomercartQue31, _fetchcustomercartQue32;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -10686,8 +10674,11 @@ var Checkout = function Checkout(props) {
             return _context.stop();
         }
       }, _callee);
-    }))).apply(this, arguments);
-  };
+    }));
+    return function addorderfuncrunner() {
+      return _ref.apply(this, arguments);
+    };
+  }();
   var ischeckoutbuttonloading = function ischeckoutbuttonloading() {
     var isloading = false;
     if (AddOrderMutationContext.isLoading || ChooseState_CountryMutationContext.isLoading || GeneralAPIMutationContext.isLoading) {
@@ -10729,7 +10720,6 @@ var Checkout = function Checkout(props) {
         // var product_extrafields_parsed = JSON.stringify(product_extrafields);
         // alert(product_extrafields_parsed);
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: langdetect == 'en' ? 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pl-2 pr-0 mb-3' : 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pr-2 pl-0 mb-3',
         style: {
@@ -12259,11 +12249,11 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty(_defineProperty(_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty(_css, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css)),
+    }))),
     checkbox: css({
       color: sectionproperties.checkbox_color,
       textTransform: sectionproperties.form_labeltexttransform,
@@ -12350,7 +12340,6 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
 
         // alert(JSON.stringify(country));
       },
-
       style: {
         direction: 'ltr',
         color: sectionproperties.inputfieldcolor
@@ -13506,9 +13495,9 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "height", '35px'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "height", '35px'), "padding", '0 10px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_defineProperty(_defineProperty(_css, "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _css)),
+    }))),
     containerstyle: css({
       marginTop: sectionproperties.marginTop + 'px',
       background: sectionproperties.backgroundColor,
@@ -13606,7 +13595,6 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
       setaffsignuppayload(_objectSpread$2h({}, temp));
       // setaffsignuppayload({ ...affsignuppayload, phonenumber: event.target.value });
     },
-
     style: {
       direction: 'ltr'
     }
@@ -13693,7 +13681,6 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
         // alert('Please fill the missing fields');
       }
     },
-
     type: 'button',
     disabled: GeneralAPIMutationContext.isLoading == true ? true : false
   }, GeneralAPIMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
@@ -15705,7 +15692,6 @@ var Filter$1 = function Filter(props) {
     filterrouting(tempfetchproductsfilerobjcontext);
     // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
-
   var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
     var _tempfetchproductsfil2;
     var tempfetchproductsfilerobjcontext = _objectSpread$2b({}, ProductFilterObjContext);
@@ -15739,7 +15725,6 @@ var Filter$1 = function Filter(props) {
     filterrouting(tempfetchproductsfilerobjcontext);
     // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
-
   var AccordionInner = function AccordionInner(parentcollectionindex, parentcollectionitem) {
     var _parentcollectionitem;
     return /*#__PURE__*/React.createElement(AccordionItem, {
@@ -16127,15 +16112,14 @@ var Filter$1 = function Filter(props) {
       }
       // up here
       if (item.type == 'Number') {
-        var _ref;
         return /*#__PURE__*/React.createElement("div", {
           "class": "col-lg-12 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3 p-0"
         }, /*#__PURE__*/React.createElement("label", {
           className: "".concat(filter_cssstyles.input_label_name) + ' mb-3 w-100 ',
-          style: (_ref = {
+          style: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
             textAlign: langdetect == 'en' ? 'left' : 'right',
             color: sectionproperties.filtertitle_color
-          }, _defineProperty(_ref, "color", sectionproperties.filtertitle_color), _defineProperty(_ref, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref, "color", sectionproperties.filtertitle_color), _defineProperty(_ref, "textTransform", 'capitalize'), _ref)
+          }, "color", sectionproperties.filtertitle_color), "fontSize", sectionproperties.filtertitle_fontsize + 'px'), "fontWeight", sectionproperties.filtertitle_fontweight), "color", sectionproperties.filtertitle_color), "textTransform", 'capitalize')
         }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React.createElement("div", {
           "class": 'col-lg-12 p-0'
         }, /*#__PURE__*/React.createElement("input", {
@@ -16162,7 +16146,6 @@ var Filter$1 = function Filter(props) {
         })));
       }
       if (item.type == 'NumberRange') {
-        var _ref2;
         var temppricevalue = {
           min: 0,
           max: 10000
@@ -16183,10 +16166,10 @@ var Filter$1 = function Filter(props) {
           className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-12 col-md-12 col-sm-12 mb-3 '
         }, /*#__PURE__*/React.createElement("label", {
           className: "".concat(filter_cssstyles.input_label_name) + ' mb-3 w-100',
-          style: (_ref2 = {
+          style: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
             textAlign: langdetect == 'en' ? 'left' : 'right',
             color: sectionproperties.filtertitle_color
-          }, _defineProperty(_ref2, "color", sectionproperties.filtertitle_color), _defineProperty(_ref2, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref2, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref2, "color", sectionproperties.filtertitle_color), _defineProperty(_ref2, "textTransform", 'capitalize'), _ref2)
+          }, "color", sectionproperties.filtertitle_color), "fontSize", sectionproperties.filtertitle_fontsize + 'px'), "fontWeight", sectionproperties.filtertitle_fontweight), "color", sectionproperties.filtertitle_color), "textTransform", 'capitalize')
         }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React.createElement("div", {
           "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
           style: {
@@ -16327,11 +16310,11 @@ var Filter$1 = function Filter(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 30px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", '1px solid #ccc'), _defineProperty(_css, "borderRadius", '5px'), _defineProperty(_css, "height", '40px'), _defineProperty(_css, "background", 'transparent'), _defineProperty(_css, "color", '#000'), _defineProperty(_css, "fontSize", '14px'), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "padding", '0 30px'), "transition", '.3s'), "fontWeight", 500), "border", '1px solid #ccc'), "borderRadius", '5px'), "height", '40px'), "background", 'transparent'), "color", '#000'), _defineProperty(_defineProperty(_css, "fontSize", '14px'), ':focus', {
       // borderColor: sectionproperties.inputfeildbordercoloronfocus,
       borderColor: '#eac435',
       boxShadow: 'none'
-    }), _css)),
+    }))),
     collapsetitle: css({
       fontSize: sectionproperties.filtertitle_fontsize + 'px',
       fontWeight: sectionproperties.filtertitle_fontweight,
@@ -16454,7 +16437,6 @@ var Filter$1 = function Filter(props) {
       }
       // filter_activebackgroundtransparent
     }),
-
     filteroptionverticalactive: css({
       background: sectionproperties.btn_item_activebgcolor,
       color: sectionproperties.activecat_color
@@ -17320,7 +17302,6 @@ var Filter$1 = function Filter(props) {
       // temppayloadobj = event.target.value;
       // setpricefrom({ ...temppayloadobj });
     },
-
     style: {
       background: '#fff',
       border: '1px solid #ccc',
@@ -17773,7 +17754,6 @@ var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
     filterrouting(tempfetchproductsfilerobjcontext);
     // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
-
   var CollectionsFilter = function CollectionsFilter() {
     return /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 scrollhorixontalcontainer text-center px-sm-3"
@@ -17893,6 +17873,7 @@ var CardsSection = function CardsSection(props) {
     perpageItems = _useState14[0],
     setperpageItems = _useState14[1];
   var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
+  props.actions.authdetailsContext;
   useEffect(function () {
     var productfilerobjtemp = ProductFilterObjContext;
     if (props.filterparamsprops != undefined) {
@@ -19290,7 +19271,6 @@ var CardsSection = function CardsSection(props) {
 
       // color: '#62554a',
     },
-
     dangerouslySetInnerHTML: {
       __html: show_product_group_titles()['description_en']
     }
@@ -20009,7 +19989,7 @@ var TermsConditions = function TermsConditions(props) {
 function ownKeys$23(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$23(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$23(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$23(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Resetpassword = function Resetpassword(props) {
-  var _css, _css2;
+  var _css2;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var templatepropcontext = props.actions.templatepropcontext;
@@ -20083,7 +20063,7 @@ var Resetpassword = function Resetpassword(props) {
     }
   }, [ForgetpasswordMutationContext.isSuccess]);
   var loginstyles2 = {
-    loginbtn: css((_css = {
+    loginbtn: css(_defineProperty(_defineProperty(_defineProperty({
       background: sectionproperties.generalbtn_bgColor,
       color: sectionproperties.login_btn_color,
       borderRadius: sectionproperties.generalbtnborderradius + 'px',
@@ -20092,11 +20072,11 @@ var Resetpassword = function Resetpassword(props) {
       height: sectionproperties.generalbtn_height + 'px',
       fontWeight: sectionproperties.generalbtn_fontweight,
       border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor
-    }, _defineProperty(_css, "color", sectionproperties.generalbtn_textColor), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, ':hover', {
+    }, "color", sectionproperties.generalbtn_textColor), "transition", '.3s'), ':hover', {
       background: sectionproperties.generalbtn_bgColoronhover,
       color: sectionproperties.generalbtn_textColoronhover,
       borderColor: sectionproperties.generalbtn_textColoronhover
-    }), _css)),
+    })),
     logininputLabel: css({
       color: sectionproperties.form_labelcolor,
       textTransform: sectionproperties.form_labeltexttransform,
@@ -20118,11 +20098,11 @@ var Resetpassword = function Resetpassword(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css2, "display", 'block'), _defineProperty(_css2, "width", '100%'), _defineProperty(_css2, "height", '35px'), _defineProperty(_css2, "padding", '0 10px'), _defineProperty(_css2, "transition", '.3s'), _defineProperty(_css2, "fontWeight", 500), _defineProperty(_css2, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css2, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css2, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css2, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css2, "background", sectionproperties.input_bgcolor), _defineProperty(_css2, "color", sectionproperties.inputfieldcolor), _defineProperty(_css2, ':focus', {
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, "display", 'block'), "width", '100%'), "height", '35px'), "padding", '0 10px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty(_css2, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css2))
+    })))
   };
   var LoginContent = function LoginContent() {
     return /*#__PURE__*/React.createElement("div", {
@@ -20393,7 +20373,6 @@ var Searchlist$1 = function Searchlist(props) {
       // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
     })
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 m-0 w-100",
     style: {
@@ -22652,7 +22631,7 @@ var SocialMediaSection = function SocialMediaSection(props) {
 function ownKeys$1Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
-  var _css, _authdetailsContext$i2, _authdetailsContext$i3, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _fetchCategoriesQuery2, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i9, _authdetailsContext$i12, _authdetailsContext$i15;
+  var _authdetailsContext$i2, _authdetailsContext$i3, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _fetchCategoriesQuery2, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i9, _authdetailsContext$i12, _authdetailsContext$i15;
   var actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -22768,10 +22747,10 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       border: sectionproperties.cartBtnresp_borderWidth + 'px solid ' + sectionproperties.cartBtnresp_borderColor,
       transition: '.3s'
     }),
-    searchbarcont: css((_css = {
+    searchbarcont: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
       position: 'relative',
       transition: '.3s'
-    }, _defineProperty(_css, "position", 'relative'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "height", '70px'), _defineProperty(_css, "transition", '.3s'), _css)),
+    }, "position", 'relative'), "width", '100%'), "height", '70px'), "transition", '.3s')),
     searchbar_icon_cont: css({
       display: 'flex',
       justifyContent: 'center',
@@ -29813,7 +29792,7 @@ styleInject(css_248z$v);
 function ownKeys$1S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Simpleheader = function Simpleheader(props) {
-  var _css, _css2, _header_cssstyles, _authdetailsContext$i, _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i3, _authdetailsContext$i4, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i5, _authdetailsContext$i6, _logoarrayofobjects$3, _logoarrayofobjects$4;
+  var _header_cssstyles, _authdetailsContext$i, _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i3, _authdetailsContext$i4, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i5, _authdetailsContext$i6, _logoarrayofobjects$3, _logoarrayofobjects$4;
   var actions = props.actions;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
@@ -29881,7 +29860,7 @@ var Simpleheader = function Simpleheader(props) {
       transition: 'all 0.2s',
       zIndex: 1000
     }),
-    navbar_item_text: css((_css = {
+    navbar_item_text: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
       color: sectionproperties.header_fontColor,
       fontSize: sectionproperties.header_fontSize + 'px',
       textTransform: sectionproperties.header_textTransform,
@@ -29889,13 +29868,13 @@ var Simpleheader = function Simpleheader(props) {
       marginLeft: '10px',
       marginRight: '10px',
       transition: 'transform 0.3s cubic-bezier(0.2, 1, 0.8, 1)'
-    }, _defineProperty(_css, "transition", '0.3s'), _defineProperty(_css, "padding", 0), _defineProperty(_css, ':hover', {
+    }, "transition", '0.3s'), "padding", 0), ':hover', {
       color: sectionproperties.header_fontColoronhover
-    }), _defineProperty(_css, ':before', {
+    }), ':before', {
       background: sectionproperties.header_fontColoronhover
-    }), _defineProperty(_css, ':after', {
+    }), ':after', {
       background: sectionproperties.header_fontColoronhover
-    }), _css)),
+    })),
     dropdownitem: css({
       padding: '0.3rem 0.8rem',
       display: 'flex',
@@ -29926,17 +29905,17 @@ var Simpleheader = function Simpleheader(props) {
         color: sectionproperties.favBtnTextcoloronhover
       }
     }),
-    cart_btn: css((_css2 = {
+    cart_btn: css(_defineProperty(_defineProperty(_defineProperty({
       width: sectionproperties.cartBtnWidth + 'px',
       height: sectionproperties.cartBtnHeight + 'px',
       background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cartBtnTextcolor,
       border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor
-    }, _defineProperty(_css2, "color", sectionproperties.cart_iconcolor), _defineProperty(_css2, "transition", '.3s'), _defineProperty(_css2, ':hover', {
+    }, "color", sectionproperties.cart_iconcolor), "transition", '.3s'), ':hover', {
       background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
       color: sectionproperties.cartBtnTextcoloronhover
-    }), _css2)),
+    })),
     user_btn: css({
       background: sectionproperties.userbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.userBtnbgColor,
       width: sectionproperties.userBtnWidth + 'px',
@@ -29959,7 +29938,7 @@ var Simpleheader = function Simpleheader(props) {
       maxWidth: '100%',
       maxHeight: '100%'
     })
-  }, _defineProperty(_header_cssstyles, "wishlist_btn", css({
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_header_cssstyles, "wishlist_btn", css({
     width: sectionproperties.favBtnWidth + 'px',
     height: sectionproperties.favBtnHeight + 'px',
     background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
@@ -29974,13 +29953,13 @@ var Simpleheader = function Simpleheader(props) {
       background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
       color: sectionproperties.favBtnTextcoloronhover
     }
-  })), _defineProperty(_header_cssstyles, "cartbadge", css({
+  })), "cartbadge", css({
     top: sectionproperties.cartbadgetop + 'px',
     right: sectionproperties.cartbadgeright + 'px'
-  })), _defineProperty(_header_cssstyles, "favbadge", css({
+  })), "favbadge", css({
     top: sectionproperties.wishlistbadgetop + 'px',
     right: sectionproperties.wishlistbadgeright + 'px'
-  })), _defineProperty(_header_cssstyles, "badge_counter_header_notifications", css({
+  })), "badge_counter_header_notifications", css({
     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center',
@@ -29993,7 +29972,7 @@ var Simpleheader = function Simpleheader(props) {
     color: sectionproperties.badge_color,
     borderRadius: sectionproperties.badge_borderradius + 'px',
     fontSize: sectionproperties.badge_fontsize + 'px'
-  })), _defineProperty(_header_cssstyles, "languagecontainer", css({
+  })), "languagecontainer", css({
     color: sectionproperties.language_container_color,
     fontSize: sectionproperties.language_container_fontsize + 'px',
     fontWeight: 600,
@@ -30001,7 +29980,7 @@ var Simpleheader = function Simpleheader(props) {
     ':hover': {
       color: sectionproperties.language_container_coloronhover
     }
-  })), _defineProperty(_header_cssstyles, "loggedintext", css({
+  })), "loggedintext", css({
     color: sectionproperties.userBtnTextcolor,
     fontSize: sectionproperties.userBtntextfontsize + 'px',
     fontWeight: sectionproperties.userBtnTextfontweight,
@@ -30009,7 +29988,7 @@ var Simpleheader = function Simpleheader(props) {
     ':hover': {
       color: sectionproperties.userBtnTextcoloronhover
     }
-  })), _defineProperty(_header_cssstyles, "userbtnloggedin", css({
+  })), "userbtnloggedin", css({
     width: sectionproperties.loggedinuserbtn_width + 'px',
     height: sectionproperties.loggedinuserbtn_height + 'px',
     border: sectionproperties.userlogginbtnborderwidth + 'px solid ' + sectionproperties.userlogginbtnbordercolor,
@@ -30020,7 +29999,7 @@ var Simpleheader = function Simpleheader(props) {
     ':hover': {
       backgroundColor: sectionproperties.userBtnbgColoronhover_loggedin
     }
-  })), _defineProperty(_header_cssstyles, "userBtnLoggedinContainer", css({
+  })), "userBtnLoggedinContainer", css({
     transition: '.3s',
     ':hover .loggedinuserbtn': {
       transition: '.3s',
@@ -30031,32 +30010,32 @@ var Simpleheader = function Simpleheader(props) {
       backgroundColor: sectionproperties.userBtnbgColoronhover_loggedin,
       color: sectionproperties.userbtn_loggedin_iconcoloronhover
     }
-  })), _defineProperty(_header_cssstyles, "searchicon", css({
+  })), "searchicon", css({
     color: sectionproperties.searchbaricon_color,
     cursor: 'pointer',
     transition: '.3s',
     ':hover': {
       color: sectionproperties.searchbariconcoloronhover
     }
-  })), _defineProperty(_header_cssstyles, "search_wrap", css({
+  })), "search_wrap", css({
     background: sectionproperties.searchbarcontinput_bgcolor
-  })), _defineProperty(_header_cssstyles, "search_form", css({
+  })), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_header_cssstyles, "search_form", css({
     ':after': {
       backgroundColor: sectionproperties.searchbarcontinput_borderBottomcolor
     }
-  })), _defineProperty(_header_cssstyles, "greetingstyles", css({
+  })), "greetingstyles", css({
     color: sectionproperties.greetingtextcolor,
     fontSize: sectionproperties.greetingtextfontsize + 'px',
     lineHeight: sectionproperties.greetingtextfontsize + 'px',
     fontWeight: 400
-  })), _defineProperty(_header_cssstyles, "search_field", css({
+  })), "search_field", css({
     fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
     fontWeight: sectionproperties.searchbarcont_inputfontweight,
     color: sectionproperties.searchbarcontinput_color,
     '::placeholder': {
       color: sectionproperties.searchbarcontinput_color
     }
-  })), _defineProperty(_header_cssstyles, "closeOverlayBtn", css({
+  })), "closeOverlayBtn", css({
     width: sectionproperties.closeSliderWidth + 'px',
     height: sectionproperties.closeSliderHeight + 'px',
     color: sectionproperties.closeSlider_color,
@@ -30068,7 +30047,7 @@ var Simpleheader = function Simpleheader(props) {
       color: sectionproperties.closeSlider_colorOnHover,
       borderColor: sectionproperties.closeSlider_colorOnHover
     }
-  })), _defineProperty(_header_cssstyles, "headerinnercontainer", css({
+  })), "headerinnercontainer", css({
     borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
     paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
     paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
@@ -30079,14 +30058,14 @@ var Simpleheader = function Simpleheader(props) {
       backgroundColor: sectionproperties.header_backgroundColor,
       transition: '.3s ease-in-out'
     }
-  })), _defineProperty(_header_cssstyles, "headerinnercontainerscrolled", css({
+  })), "headerinnercontainerscrolled", css({
     borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
     paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
     paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
     paddingTop: sectionproperties.header_paddingTop + 'px',
     paddingBottom: sectionproperties.header_paddingBottom + 'px',
     backgroundColor: sectionproperties.header_backgroundColor
-  })), _defineProperty(_header_cssstyles, "floatingbtn", css({
+  })), "floatingbtn", css({
     width: sectionproperties.floatingbtnwidth + '%',
     height: sectionproperties.floatingbtnheight + 'px',
     background: sectionproperties.floatingbtnbg,
@@ -30102,7 +30081,7 @@ var Simpleheader = function Simpleheader(props) {
     '@media (max-width: 800px)': {
       width: '50%'
     }
-  })), _header_cssstyles);
+  })));
   return /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center justify-content-center ",
     style: {
@@ -30718,7 +30697,7 @@ var Simpleheader = function Simpleheader(props) {
 function ownKeys$1R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header8 = function Header8(props) {
-  var _css, _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i3, _authdetailsContext$i5, _authdetailsContext$i7, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i8, _authdetailsContext$i10, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _fetchcustomercartQue4, _fetchcustomercartQue5;
+  var _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i3, _authdetailsContext$i5, _authdetailsContext$i7, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i8, _authdetailsContext$i10, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _fetchcustomercartQue4, _fetchcustomercartQue5;
   var actions = props.actions;
   props.actions.history;
   var lang = props.actions.lang;
@@ -31075,17 +31054,17 @@ var Header8 = function Header8(props) {
         color: sectionproperties.userbtn_loggedin_iconcoloronhover
       }
     }),
-    cart_btn: css((_css = {
+    cart_btn: css(_defineProperty(_defineProperty(_defineProperty({
       width: sectionproperties.cartBtnWidth + 'px',
       height: sectionproperties.cartBtnHeight + 'px',
       background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cartBtnTextcolor,
       border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor
-    }, _defineProperty(_css, "color", sectionproperties.cart_iconcolor), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, ':hover', {
+    }, "color", sectionproperties.cart_iconcolor), "transition", '.3s'), ':hover', {
       background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
       color: sectionproperties.cartBtnTextcoloronhover
-    }), _css)),
+    })),
     cartbadge: css({
       top: sectionproperties.cartbadgetop + 'px',
       right: sectionproperties.cartbadgeright + 'px'
@@ -37257,7 +37236,7 @@ styleInject(css_248z$q);
 function ownKeys$1K(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$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SearchFocusedHeader = function SearchFocusedHeader(props) {
-  var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$i13, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i14, _authdetailsContext$i16;
+  var _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$i13, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i14, _authdetailsContext$i16;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var setlang = props.actions.setlang;
@@ -37494,7 +37473,6 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
       backgroundColor: sectionproperties.vl_bg
       // zIndex: 100,
     }),
-
     searchbarcont: css({
       position: 'relative',
       transition: '.3s',
@@ -37648,7 +37626,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
       borderRadius: sectionproperties.badge_borderradius + 'px',
       fontSize: sectionproperties.badge_fontsize + 'px'
     }),
-    categorybtn: css((_css = {
+    categorybtn: css(_defineProperty(_defineProperty(_defineProperty({
       background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'Transparent' : sectionproperties.generalbtn_bgColor,
       width: sectionproperties.generalbtn_width + 'px',
       height: sectionproperties.generalbtn_height + 'px',
@@ -37659,10 +37637,10 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
       border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
       fontWeight: sectionproperties.generalbtn_fontweight,
       fontSize: sectionproperties.generalbtn_fontsize + 'px'
-    }, _defineProperty(_css, "width", '100%'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, ':hover', {
+    }, "width", '100%'), "transition", '.3s'), ':hover', {
       background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'Transparent' : sectionproperties.generalbtn_bgColoronhover,
       color: sectionproperties.generalbtn_textColoronhover
-    }), _css)),
+    })),
     categorydropdownbtn: css({
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
@@ -38365,7 +38343,6 @@ var HeaderWithUtilityBar = function HeaderWithUtilityBar(props) {
       backgroundColor: sectionproperties.vl_bg
       // zIndex: 100,
     }),
-
     searchbarcont: css({
       position: 'relative',
       marginRight: langdetect == 'en' ? '1.1rem' : 0,
@@ -39025,7 +39002,7 @@ styleInject(css_248z$o);
 function ownKeys$1I(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$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
-  var _css, _authdetailsContext$i, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2;
+  var _authdetailsContext$i, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -39191,7 +39168,7 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
       width: templateproperties_context.logo_width + 'px',
       height: templateproperties_context.logo_height + 'px'
     }),
-    navbar_item_text: css((_css = {
+    navbar_item_text: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
       color: sectionproperties.lowersection_fontColor,
       fontSize: sectionproperties.lowersection_fontsize + 'px',
       textTransform: sectionproperties.lowersection_textTransform,
@@ -39199,13 +39176,13 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
       marginLeft: langdetect == 'en' ? 0 : '35px',
       marginRight: langdetect == 'en' ? '35px' : 0,
       transition: 'transform 0.3s cubic-bezier(0.2, 1, 0.8, 1)'
-    }, _defineProperty(_css, "transition", '0.3s'), _defineProperty(_css, "padding", 0), _defineProperty(_css, ':hover', {
+    }, "transition", '0.3s'), "padding", 0), ':hover', {
       color: sectionproperties.lowersection_fontColoronhover
-    }), _defineProperty(_css, ':before', {
+    }), ':before', {
       background: sectionproperties.lowersection_fontColoronhover
-    }), _defineProperty(_css, ':after', {
+    }), ':after', {
       background: sectionproperties.lowersection_fontColoronhover
-    }), _css)),
+    })),
     dropdownitem: css({
       padding: '0.3rem 0.8rem',
       display: 'flex',
@@ -39350,7 +39327,6 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
     //     },
     // }),
   };
-
   return /*#__PURE__*/React.createElement("div", {
     "class": "row ml-0 mr-0 w-100 d-flex align-items-center justify-content-center ",
     style: {
@@ -39792,7 +39768,7 @@ styleInject(css_248z$n);
 function ownKeys$1H(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$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
-  var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -39879,7 +39855,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
       transition: 'all 0.2s',
       zIndex: 1000
     }),
-    navbar_item_text: css((_css = {
+    navbar_item_text: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
       color: sectionproperties.header_fontColor,
       fontSize: sectionproperties.header_fontSize + 'px',
       textTransform: sectionproperties.header_textTransform,
@@ -39887,13 +39863,13 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
       marginLeft: langdetect == 'en' ? 0 : '35px',
       marginRight: langdetect == 'en' ? '35px' : 0,
       transition: 'transform 0.3s cubic-bezier(0.2, 1, 0.8, 1)'
-    }, _defineProperty(_css, "transition", '0.3s'), _defineProperty(_css, "padding", 0), _defineProperty(_css, ':hover', {
+    }, "transition", '0.3s'), "padding", 0), ':hover', {
       color: sectionproperties.header_fontColoronhover
-    }), _defineProperty(_css, ':before', {
+    }), ':before', {
       background: sectionproperties.header_fontColoronhover
-    }), _defineProperty(_css, ':after', {
+    }), ':after', {
       background: sectionproperties.header_fontColoronhover
-    }), _css)),
+    })),
     dropdownitem: css({
       padding: '0.3rem 0.8rem',
       display: 'flex',
@@ -40434,7 +40410,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
 function ownKeys$1G(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$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TwoTieredHeader = function TwoTieredHeader(props) {
-  var _css, _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$c5, _fetchcustomercartQue3, _fetchcustomercartQue4;
+  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$c5, _fetchcustomercartQue3, _fetchcustomercartQue4;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var setlang = props.actions.setlang;
@@ -40557,7 +40533,6 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       backgroundColor: sectionproperties.vl_bg
       // zIndex: 100,
     }),
-
     searchbarcont: css({
       position: 'relative',
       transition: '.3s',
@@ -40712,7 +40687,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       borderRadius: sectionproperties.badge_borderradius + 'px',
       fontSize: sectionproperties.badge_fontsize + 'px'
     }),
-    categorybtn: css((_css = {
+    categorybtn: css(_defineProperty(_defineProperty(_defineProperty({
       background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'Transparent' : sectionproperties.generalbtn_bgColor,
       width: sectionproperties.generalbtn_width + 'px',
       height: sectionproperties.generalbtn_height + 'px',
@@ -40723,10 +40698,10 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
       borderRight: langdetect == 'en' ? 0 : sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
       borderLeft: langdetect == 'ar' ? 0 : sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor
-    }, _defineProperty(_css, "width", '100%'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, ':hover', {
+    }, "width", '100%'), "transition", '.3s'), ':hover', {
       background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'Transparent' : sectionproperties.generalbtn_bgColoronhover,
       color: sectionproperties.generalbtn_textColoronhover
-    }), _css)),
+    })),
     categorydropdownbtn: css({
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
@@ -48185,7 +48160,7 @@ var ModernFooter = function ModernFooter(props) {
 function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Newsletterfooter = function Newsletterfooter(props) {
-  var _footerStyles, _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i25, _authdetailsContext$i28, _authdetailsContext$i33, _authdetailsContext$i34;
+  var _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i25, _authdetailsContext$i28, _authdetailsContext$i33, _authdetailsContext$i34;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -48229,7 +48204,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
     });
     return policyobj;
   };
-  var footerStyles = (_footerStyles = {
+  var footerStyles = _defineProperty(_defineProperty({
     imgcontainer: css({
       ':before': {
         width: '100%',
@@ -48360,19 +48335,19 @@ var Newsletterfooter = function Newsletterfooter(props) {
       color: sectionproperties.prodCatColor,
       fontWeight: sectionproperties.prodCatFontWeight
     })
-  }, _defineProperty(_footerStyles, "apptore", css({
+  }, "apptore", css({
     width: '35%',
     objectFit: 'contain',
     '@media (max-width: 800px)': {
       width: '30%'
     }
-  })), _defineProperty(_footerStyles, "googleplay", css({
+  })), "googleplay", css({
     width: '35%',
     objectFit: 'contain',
     '@media (max-width: 800px)': {
       width: '30%'
     }
-  })), _footerStyles);
+  }));
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -49113,9 +49088,9 @@ var Newsletterincenter = function Newsletterincenter(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "height", '35px'), _defineProperty(_css, "padding", '0 10px 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "borderBottom", ' 1px solid ' + sectionproperties.newslettertitlecolor), _defineProperty(_css, "height", '40px'), _defineProperty(_css, "background", 'transparent'), _defineProperty(_css, "color", '#000'), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "height", '35px'), "padding", '0 10px 10px'), "transition", '.3s'), "fontWeight", 500), "borderBottom", ' 1px solid ' + sectionproperties.newslettertitlecolor), "height", '40px'), "background", 'transparent'), "color", '#000'), _defineProperty(_css, ':focus', {
       // borderColor: sectionproperties.inputfeildbordercoloronfocus,
-    }), _css))
+    })))
   };
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -50073,7 +50048,6 @@ var CardsSection2 = function CardsSection2(props) {
 function ownKeys$1o(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$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Sixverticalcardssection = function Sixverticalcardssection(props) {
-  var _section_cssstyles;
   var _useInView = useInView();
     _useInView.ref;
     var inView = _useInView.inView;
@@ -50372,7 +50346,7 @@ var Sixverticalcardssection = function Sixverticalcardssection(props) {
       }
     }
   }, [sectionproperties]);
-  var section_cssstyles = (_section_cssstyles = {
+  var section_cssstyles = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     sectiontitlespan: css({
       ':after': {
         width: sectionproperties.sectitle_lineafterwidth + '%',
@@ -50393,25 +50367,25 @@ var Sixverticalcardssection = function Sixverticalcardssection(props) {
       borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
       border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
     })
-  }, _defineProperty(_section_cssstyles, "sectiontitlespan", css({
+  }, "sectiontitlespan", css({
     ':after': {
       height: '5px',
       width: sectionproperties.sectitle_lineafterwidth + '%',
       backgroundColor: sectionproperties.linebgcolor
     }
-  })), _defineProperty(_section_cssstyles, "line_left", css({
+  })), "line_left", css({
     height: '1px',
     position: 'relative',
     flex: '1 1 auto',
     minWidth: '10%',
     background: sectionproperties.linebgcolor
-  })), _defineProperty(_section_cssstyles, "line_right", css({
+  })), "line_right", css({
     height: '1px',
     position: 'relative',
     flex: '1 1 auto',
     minWidth: '10%',
     background: sectionproperties.linebgcolor
-  })), _defineProperty(_section_cssstyles, "filterbtn", css({
+  })), "filterbtn", css({
     width: sectionproperties.filterbtn_Width + 'px',
     height: sectionproperties.filterbtn_Height + 'px',
     background: sectionproperties.filterbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.filterbtn_bgColor,
@@ -50430,7 +50404,7 @@ var Sixverticalcardssection = function Sixverticalcardssection(props) {
       background: sectionproperties.filterbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.filterbtn_bgColoronhover,
       color: sectionproperties.filterbtn_Textcoloronhover
     }
-  })), _defineProperty(_section_cssstyles, "viewmorebtn", css({
+  })), "viewmorebtn", css({
     width: sectionproperties.viewmorebtn_Width + 'px',
     height: sectionproperties.viewmorebtn_Height + 'px',
     background: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColor,
@@ -50444,7 +50418,7 @@ var Sixverticalcardssection = function Sixverticalcardssection(props) {
       background: sectionproperties.viewmorebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColoronhover,
       color: sectionproperties.viewmorebtn_Textcoloronhover
     }
-  })), _section_cssstyles);
+  }));
   var ImageSection = function ImageSection() {
     var _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _bgimagearrayofobjs$3, _bgimagearrayofobjs$4;
     return /*#__PURE__*/React.createElement("div", {
@@ -52214,10 +52188,22 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
         borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px'
       }
+    }),
+    imageoutercont: css({
+      height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'vh',
+      '@media (max-width: 800px)': {
+        height: '30vh'
+      }
+    }),
+    imageoutercont2: css({
+      height: sectionproperties.image_height2 == 0 ? '100%' : sectionproperties.image_height2 + 'vh',
+      '@media (max-width: 800px)': {
+        height: '25vh'
+      }
     })
   };
   var cardsrender = function cardsrender() {
-    var _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$10, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15, _cardsarray$16, _cardsarray$18, _cardsarray$19, _cardsarray$20;
+    var _authdetailsContext, _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$10, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15, _cardsarray$16, _cardsarray$18, _cardsarray$19, _cardsarray$20, _authdetailsContext2, _cardsarray$22, _cardsarray$23, _cardsarray$24, _cardsarray$26, _cardsarray$27, _cardsarray$28, _cardsarray$30, _cardsarray$31, _cardsarray$32, _cardsarray$34, _cardsarray$35, _cardsarray$36;
     return /*#__PURE__*/React.createElement("div", {
       "class": 'row m-0 w-100'
     }, !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React.createElement("div", {
@@ -52285,7 +52271,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       }
     }))), /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 pr-md-2 ' : sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pr-md-2 ' : sectionproperties.paddingLeft != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 ' : section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center '
-    }, /*#__PURE__*/React.createElement("div", {
+    }, ((_authdetailsContext = authdetailsContext) === null || _authdetailsContext === void 0 || (_authdetailsContext = _authdetailsContext.instinfo) === null || _authdetailsContext === void 0 ? void 0 : _authdetailsContext.contactinfo.instid) != '672258d7826b4' && /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100 "
     }, /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 p-md-0 mb-md-3 cursor-pointer ',
@@ -52574,7 +52560,218 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React.createElement("p", {
       "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered collectioncardbutton '
-    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))))));
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))), ((_authdetailsContext2 = authdetailsContext) === null || _authdetailsContext2 === void 0 || (_authdetailsContext2 = _authdetailsContext2.instinfo) === null || _authdetailsContext2 === void 0 ? void 0 : _authdetailsContext2.contactinfo.instid) != '672258d7826b4' && /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 "
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-6 p-md-0 mb-md-3 cursor-pointer '
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-12 cursor-pointer",
+      onClick: function onClick() {
+        var _cardsarray$21;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$21 = cardsarray[0]) === null || _cardsarray$21 === void 0 ? void 0 : _cardsarray$21.collectionid));
+      },
+      style: {
+        paddingLeft: sectionproperties.imagepadding + 'px',
+        paddingRight: sectionproperties.imagepadding + 'px',
+        marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: (_cardsarray$22 = cardsarray[0]) === null || _cardsarray$22 === void 0 ? void 0 : _cardsarray$22.image,
+      loading: "lazy",
+      style: {
+        width: '100%',
+        height: '100%',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        objectFit: 'cover',
+        zIndex: 1
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont,
+      style: _defineProperty(_defineProperty({
+        position: 'absolute',
+        zIndex: 1000,
+        // height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'vh',
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": section_cssstyles.collectionname + ' m-0 p-0 '
+    }, langdetect == 'en' ? (_cardsarray$23 = cardsarray[0]) === null || _cardsarray$23 === void 0 ? void 0 : _cardsarray$23.name_en : (_cardsarray$24 = cardsarray[0]) === null || _cardsarray$24 === void 0 ? void 0 : _cardsarray$24.name_ar)))))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-12 cursor-pointer",
+      onClick: function onClick() {
+        var _cardsarray$25;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$25 = cardsarray[2]) === null || _cardsarray$25 === void 0 ? void 0 : _cardsarray$25.collectionid));
+      },
+      style: {
+        paddingLeft: sectionproperties.imagepadding + 'px',
+        paddingRight: sectionproperties.imagepadding + 'px',
+        marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont2 + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: (_cardsarray$26 = cardsarray[2]) === null || _cardsarray$26 === void 0 ? void 0 : _cardsarray$26.image,
+      loading: "lazy",
+      style: {
+        width: '100%',
+        height: '100%',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        objectFit: 'cover',
+        zIndex: 1
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont2,
+      style: _defineProperty(_defineProperty({
+        position: 'absolute',
+        zIndex: 1000,
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": section_cssstyles.collectionname + ' m-0 p-0 '
+    }, langdetect == 'en' ? (_cardsarray$27 = cardsarray[2]) === null || _cardsarray$27 === void 0 ? void 0 : _cardsarray$27.name_en : (_cardsarray$28 = cardsarray[2]) === null || _cardsarray$28 === void 0 ? void 0 : _cardsarray$28.name_ar)))))))), /*#__PURE__*/React.createElement("div", {
+      "class": 'col-6 pl-0 pr-0'
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-12 cursor-pointer",
+      onClick: function onClick() {
+        var _cardsarray$29;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$29 = cardsarray[1]) === null || _cardsarray$29 === void 0 ? void 0 : _cardsarray$29.collectionid));
+      },
+      style: {
+        paddingLeft: sectionproperties.imagepadding + 'px',
+        paddingRight: sectionproperties.imagepadding + 'px',
+        marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont2 + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: (_cardsarray$30 = cardsarray[1]) === null || _cardsarray$30 === void 0 ? void 0 : _cardsarray$30.image,
+      loading: "lazy",
+      style: {
+        width: '100%',
+        height: '100%',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        objectFit: 'cover',
+        zIndex: 1
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont2,
+      style: _defineProperty(_defineProperty({
+        position: 'absolute',
+        zIndex: 1000,
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": section_cssstyles.collectionname + ' m-0 p-0 '
+    }, langdetect == 'en' ? (_cardsarray$31 = cardsarray[1]) === null || _cardsarray$31 === void 0 ? void 0 : _cardsarray$31.name_en : (_cardsarray$32 = cardsarray[1]) === null || _cardsarray$32 === void 0 ? void 0 : _cardsarray$32.name_ar)))))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-12 cursor-pointer",
+      onClick: function onClick() {
+        var _cardsarray$33;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$33 = cardsarray[3]) === null || _cardsarray$33 === void 0 ? void 0 : _cardsarray$33.collectionid));
+      },
+      style: {
+        paddingLeft: sectionproperties.imagepadding + 'px',
+        paddingRight: sectionproperties.imagepadding + 'px',
+        marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: (_cardsarray$34 = cardsarray[3]) === null || _cardsarray$34 === void 0 ? void 0 : _cardsarray$34.image,
+      loading: "lazy",
+      style: {
+        width: '100%',
+        height: '100%',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        objectFit: 'cover',
+        zIndex: 1
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": section_cssstyles.imageoutercont,
+      style: _defineProperty(_defineProperty({
+        position: 'absolute',
+        zIndex: 1000,
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": section_cssstyles.collectionname + ' m-0 p-0 '
+    }, langdetect == 'en' ? (_cardsarray$35 = cardsarray[3]) === null || _cardsarray$35 === void 0 ? void 0 : _cardsarray$35.name_en : (_cardsarray$36 = cardsarray[3]) === null || _cardsarray$36 === void 0 ? void 0 : _cardsarray$36.name_ar))))))))))));
   };
   return /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 d-flex w-100 justify-content-center",
@@ -52748,7 +52945,6 @@ var CardsSectionwithfilter = function CardsSectionwithfilter(props) {
     }
     // }
   };
-
   var productcardobjassigner = function productcardobjassigner(fetchedarray) {
     var temparray = [];
     fetchedarray.forEach(function (arrayItem, arrayindex) {
@@ -54780,7 +54976,7 @@ styleInject(css_248z$l);
 function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Backgroundimage1 = function Backgroundimage1(props) {
-  var _ref, _bgimagesarray$, _bgimagesarray$2, _ref2;
+  var _bgimagesarray$, _bgimagesarray$2;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -54940,14 +55136,14 @@ var Backgroundimage1 = function Backgroundimage1(props) {
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "row ml-auto mr-auto d-flex justofy-content-center",
-    style: (_ref = {
+    style: _defineProperty(_defineProperty(_defineProperty({
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
       borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
-    }, _defineProperty(_ref, "marginTop", sectionproperties.marginTop + 'px'), _defineProperty(_ref, "marginBottom", sectionproperties.marginBottom + 'px'), _defineProperty(_ref, "height", sectionproperties.height + 'vh'), _ref)
+    }, "marginTop", sectionproperties.marginTop + 'px'), "marginBottom", sectionproperties.marginBottom + 'px'), "height", sectionproperties.height + 'vh')
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0",
     style: {
@@ -54957,11 +55153,11 @@ var Backgroundimage1 = function Backgroundimage1(props) {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
     path: bgimagesarray.length != 0 ? langdetect == 'en' ? (_bgimagesarray$ = bgimagesarray[0]) === null || _bgimagesarray$ === void 0 ? void 0 : _bgimagesarray$.bgsection_image : '/tr:w-2000,h-1000/' + ((_bgimagesarray$2 = bgimagesarray[0]) === null || _bgimagesarray$2 === void 0 ? void 0 : _bgimagesarray$2.bgsection_image_ar) : '',
-    style: (_ref2 = {
+    style: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
       height: '100%',
       width: '100%',
       objectFit: 'cover'
-    }, _defineProperty(_ref2, "height", sectionproperties.height + 'vh'), _defineProperty(_ref2, "background", sectionproperties.backgroundColor), _defineProperty(_ref2, "margin", 0), _defineProperty(_ref2, "padding", 0), _defineProperty(_ref2, "borderTopLeftRadius", sectionproperties.borderTopLeftRadius + 'px'), _defineProperty(_ref2, "borderTopRightRadius", sectionproperties.borderTopRightRadius + 'px'), _defineProperty(_ref2, "borderBottomLeftRadius", sectionproperties.borderBottomLeftRadius + 'px'), _defineProperty(_ref2, "borderBottomRightRadius", sectionproperties.borderBottomRightRadius + 'px'), _defineProperty(_ref2, "zIndex", -1), _ref2)
+    }, "height", sectionproperties.height + 'vh'), "background", sectionproperties.backgroundColor), "margin", 0), "padding", 0), "borderTopLeftRadius", sectionproperties.borderTopLeftRadius + 'px'), "borderTopRightRadius", sectionproperties.borderTopRightRadius + 'px'), "borderBottomLeftRadius", sectionproperties.borderBottomLeftRadius + 'px'), "borderBottomRightRadius", sectionproperties.borderBottomRightRadius + 'px'), "zIndex", -1)
   }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(bg1_cssstyles.bgImageContainer) + ' col-lg-12 p-0 w-100 ',
     style: {
@@ -55219,11 +55415,11 @@ var CustomerAddressForm = function CustomerAddressForm(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty(_defineProperty(_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty(_css, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css))
+    })))
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100",
@@ -55536,11 +55732,11 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 30px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", '1px solid #e6e6e6'), _defineProperty(_css, "borderRadius", '5px'), _defineProperty(_css, "height", '38px'), _defineProperty(_css, "background", 'transparent'), _defineProperty(_css, "color", '#000'), _defineProperty(_css, "fontSize", '14px'), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "padding", '0 30px'), "transition", '.3s'), "fontWeight", 500), "border", '1px solid #e6e6e6'), "borderRadius", '5px'), "height", '38px'), "background", 'transparent'), "color", '#000'), _defineProperty(_defineProperty(_css, "fontSize", '14px'), ':focus', {
       // borderColor: sectionproperties.inputfeildbordercoloronfocus,
       borderColor: '#eac435',
       boxShadow: 'none'
-    }), _css)),
+    }))),
     btnstyles: css({
       width: sectionproperties.generalbtn_width + '%',
       height: sectionproperties.generalbtn_height + 'px',
@@ -57141,7 +57337,6 @@ var Section_with_rightbgcont = function Section_with_rightbgcont(props) {
 function ownKeys$16(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$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Threebgimages = function Threebgimages(props) {
-  var _ref;
   // const { lang, langdetect } = useContext(LanguageContext);
   // const { StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
   var _useState = useState(''),
@@ -57279,14 +57474,14 @@ var Threebgimages = function Threebgimages(props) {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
     path: maincontainerarrayofobjs[0].back_bgimage != 0 ? maincontainerarrayofobjs[0].back_bgimage : '',
-    style: (_ref = {
+    style: _defineProperty(_defineProperty(_defineProperty({
       position: 'absolute',
       top: 0,
       left: 0,
       right: 0,
       margin: 'auto',
       objectFit: 'cover'
-    }, _defineProperty(_ref, "margin", 0), _defineProperty(_ref, "padding", 0), _defineProperty(_ref, "transform", langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'), _ref)
+    }, "margin", 0), "padding", 0), "transform", langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)')
   }), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
       "class": ' col-md-4 col-sm-12 pr-sm-2 pl-sm-2 pr-md-1 mb-sm-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols
@@ -58796,7 +58991,7 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
 function ownKeys$10(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$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DynamicForm = function DynamicForm(props) {
-  var _css, _css2, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
+  var _css, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -59038,7 +59233,6 @@ var DynamicForm = function DynamicForm(props) {
         // temp.countrydialcode = country.dialCode;
         // setpayloadobj({ ...temp });
       },
-
       style: {
         direction: 'ltr',
         color: sectionproperties.inputfieldcolor
@@ -59111,12 +59305,12 @@ var DynamicForm = function DynamicForm(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 30px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", 'transparent'), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, "fontSize", sectionproperties.inputfieldfontsize + 'px'), _defineProperty(_css, "marginBottom", sectionproperties.inputfieldbordertype == 'All' ? 20 : 0), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "padding", '0 30px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", 'transparent'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "color", sectionproperties.inputfieldcolor), "fontSize", sectionproperties.inputfieldfontsize + 'px'), "marginBottom", sectionproperties.inputfieldbordertype == 'All' ? 20 : 0), ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus,
       boxShadow: 'none',
       transition: '.3s'
-    }), _css)),
-    generalbtn: css((_css2 = {
+    }))),
+    generalbtn: css(_defineProperty(_defineProperty({
       width: sectionproperties.generalbtn_width + '%',
       height: sectionproperties.generalbtn_height + 'px',
       backgroundColor: sectionproperties.generalbtn_bgColor,
@@ -59124,11 +59318,11 @@ var DynamicForm = function DynamicForm(props) {
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize,
       fontWeight: sectionproperties.generalbtn_fontweight
-    }, _defineProperty(_css2, "borderRadius", sectionproperties.generalbtnborderradius + 'px'), _defineProperty(_css2, ':hover', {
+    }, "borderRadius", sectionproperties.generalbtnborderradius + 'px'), ':hover', {
       transition: '.3s',
       color: sectionproperties.generalbtn_textColoronhover,
       backgroundColor: sectionproperties.generalbtn_bgColoronhover
-    }), _css2)),
+    })),
     btnLeft: css({
       width: 40,
       height: 40,
@@ -59408,7 +59602,6 @@ var DynamicForm = function DynamicForm(props) {
 function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Searchcomponent = function Searchcomponent(props) {
-  var _ref;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -59461,13 +59654,13 @@ var Searchcomponent = function Searchcomponent(props) {
   }, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_Ar)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 allcentered mb-5"
   }, /*#__PURE__*/React.createElement("div", {
-    style: (_ref = {
+    style: _defineProperty(_defineProperty(_defineProperty({
       position: 'relative',
       border: '1px solid #ccc',
       borderRadius: '10px',
       width: '50%',
       height: '40px'
-    }, _defineProperty(_ref, "position", 'relative'), _defineProperty(_ref, "transition", '.3s'), _defineProperty(_ref, "borderRadius", '5px'), _ref),
+    }, "position", 'relative'), "transition", '.3s'), "borderRadius", '5px'),
     "class": "w-md-100"
   }, /*#__PURE__*/React.createElement("input", {
     type: "text",
@@ -63024,7 +63217,6 @@ var Slideshowfade = function Slideshowfade(props) {
     //     }
     // }
   };
-
   var LanguageCurrencyCont = function LanguageCurrencyCont(item) {
     var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3;
     return /*#__PURE__*/React.createElement("div", {
@@ -63485,7 +63677,6 @@ var Slideshowslide = function Slideshowslide(props) {
           }
         }
       },
-
       style: {
         direction: langdetect == 'en' ? 'ltr' : 'rtl'
       }
@@ -63729,7 +63920,6 @@ var Slideshowslide = function Slideshowslide(props) {
             }
           }
         },
-
         style: _defineProperty({
           direction: langdetect == 'en' ? 'ltr' : 'rtl',
           width: '100%',
@@ -66941,7 +67131,6 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
 
       // border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
     },
-
     loading: "lazy"
   }), item.hassale == 1 && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
@@ -67305,7 +67494,6 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
 function ownKeys$D(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$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HorizontalCategoryCard = function HorizontalCategoryCard(props) {
-  var _css;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -67340,14 +67528,14 @@ var HorizontalCategoryCard = function HorizontalCategoryCard(props) {
     return divContainer.textContent || divContainer.innerText || '';
   };
   var categorycard_cssstyles = {
-    categoryCard: css((_css = {
+    categoryCard: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
       border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px'
-    }, _defineProperty(_css, "border", sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor), _defineProperty(_css, "marginTop", sectionproperties.marginTop + 'px'), _defineProperty(_css, "marginBottom", sectionproperties.marginBottom + 'px'), _defineProperty(_css, "paddingLeft", langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px'), _defineProperty(_css, "paddingRight", langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'), _defineProperty(_css, "paddingTop", sectionproperties.paddingTop + 'px'), _defineProperty(_css, "paddingBottom", sectionproperties.paddingBottom + 'px'), _defineProperty(_css, "transition", '0.3s'), _defineProperty(_css, "cursor", 'pointer'), _css)),
+    }, "border", sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor), "marginTop", sectionproperties.marginTop + 'px'), "marginBottom", sectionproperties.marginBottom + 'px'), "paddingLeft", langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px'), "paddingRight", langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'), "paddingTop", sectionproperties.paddingTop + 'px'), "paddingBottom", sectionproperties.paddingBottom + 'px'), "transition", '0.3s'), "cursor", 'pointer')),
     name: css({
       fontSize: sectionproperties.generaltext_fontSize + 'px',
       color: sectionproperties.generaltext_fontColor,
@@ -67476,7 +67664,6 @@ var HorizontalCategoryCard = function HorizontalCategoryCard(props) {
 function ownKeys$C(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$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NewProductcard = function NewProductcard(props) {
-  var _css;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -67521,7 +67708,7 @@ var NewProductcard = function NewProductcard(props) {
         maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
       }
     }),
-    innerproductcard: css((_css = {
+    innerproductcard: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
       opacity: sectionproperties.cardbg_opacity,
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
@@ -67537,13 +67724,13 @@ var NewProductcard = function NewProductcard(props) {
       boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
       border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
       color: sectionproperties.prodNameColor
-    }, _defineProperty(_css, "opacity", sectionproperties.cardbg_opacity), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, ':hover', _defineProperty({
+    }, "opacity", sectionproperties.cardbg_opacity), "transition", '.3s'), ':hover', _defineProperty({
       opacity: sectionproperties.bgopacityonhover,
       color: sectionproperties.prodNameColorOnHover
-    }, "opacity", sectionproperties.bgopacityonhover)), _defineProperty(_css, ':hover .buttoncont', {
+    }, "opacity", sectionproperties.bgopacityonhover)), ':hover .buttoncont', {
       bottom: '30%',
       opacity: 1
-    }), _css)),
+    })),
     productcard_imgcontainer: css({
       background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
       border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
@@ -68097,7 +68284,6 @@ var UserCardWithSocialMediaOnHover = function UserCardWithSocialMediaOnHover(pro
 function ownKeys$A(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$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Card20 = function Card20(props) {
-  var _ref;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -68234,7 +68420,7 @@ var Card20 = function Card20(props) {
     // '/tr:w-500,h-250/' +
     ,
     path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
-    style: (_ref = {
+    style: _defineProperty(_defineProperty({
       width: '100%',
       height: '100%',
       objectFit: sectionproperties.bgcovercontain,
@@ -68242,7 +68428,7 @@ var Card20 = function Card20(props) {
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
-    }, _defineProperty(_ref, "height", sectionproperties.image_height + 'px'), _defineProperty(_ref, "backgroundColor", sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor), _ref),
+    }, "height", sectionproperties.image_height + 'px'), "backgroundColor", sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor),
     loading: "lazy",
     onClick: function onClick() {
       setShowProductInfoModalContext(true);
@@ -69083,7 +69269,6 @@ var Card23 = function Card23(props) {
         // borderColor: sectionproperties.cartBtnTextcoloronhover,
       }
     }),
-
     iconsContainer: css({
       display: 'flex',
       flexDirection: 'column',
@@ -69410,7 +69595,7 @@ var Card23 = function Card23(props) {
     // sectionproperties.hideshowcardtransition == 'Show'
     //     ? ` ${cardsstyles2.imageContainer} ${cardstyles.imagecontainer}` + ' d-flex d-md-none '
     //     : ` ${cardsstyles2.imageContainer} ` + ' d-flex d-md-none '
-    sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex ',
+    sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex d-md-none ',
     style: {
       height: sectionproperties.image_height + 'px',
       marginBottom: sectionproperties.image_mb + 'px'
@@ -69562,7 +69747,6 @@ var Card23 = function Card23(props) {
 function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
-  var _css;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -69713,20 +69897,20 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
       background: sectionproperties.badge_bgcolor,
       borderRadius: sectionproperties.badge_borderradius + 'px'
     }),
-    card: css((_css = {
+    card: css(_defineProperty(_defineProperty({
       ':hover .iconsContainer': {
         opacity: 1,
         transition: 'all, 0.4s',
         right: 10
       }
-    }, _defineProperty(_css, ":hover .iconsContainer", {
+    }, ":hover .iconsContainer", {
       opacity: 1,
       transition: 'all, 0.4s',
       right: 10
-    }), _defineProperty(_css, ':hover .description', {
+    }), ':hover .description', {
       display: 'block',
       transition: 'all, 0.4s'
-    }), _css))
+    }))
   };
   var plainString = function plainString(html) {
     var divContainer = document.createElement('div');
@@ -70495,7 +70679,7 @@ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestr
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px'
-    }, _defineProperty(_css, "border", sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor), _defineProperty(_css, "marginTop", sectionproperties.marginTop + 'px'), _defineProperty(_css, "marginBottom", sectionproperties.marginBottom + 'px'), _defineProperty(_css, "paddingLeft", langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px'), _defineProperty(_css, "paddingRight", langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'), _defineProperty(_css, "paddingTop", sectionproperties.paddingTop + 'px'), _defineProperty(_css, "paddingBottom", sectionproperties.paddingBottom + 'px'), _defineProperty(_css, "transition", '0.3s'), _defineProperty(_css, "cursor", 'pointer'), _defineProperty(_css, ':after', {
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "border", sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor), "marginTop", sectionproperties.marginTop + 'px'), "marginBottom", sectionproperties.marginBottom + 'px'), "paddingLeft", langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px'), "paddingRight", langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'), "paddingTop", sectionproperties.paddingTop + 'px'), "paddingBottom", sectionproperties.paddingBottom + 'px'), "transition", '0.3s'), "cursor", 'pointer'), ':after', {
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
@@ -70514,7 +70698,7 @@ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestr
       opacity: sectionproperties.cardtransition_opacity
     }), _defineProperty(_css, ':hover:after', {
       opacity: sectionproperties.cardtransitionbgopacityonhover
-    }), _css)),
+    }))),
     caption: css({
       zIndex: 2,
       ':before': {
@@ -71015,7 +71199,6 @@ var Categorycard_slidebgscaled = function Categorycard_slidebgscaled(props) {
 function ownKeys$r(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$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props) {
-  var _css;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -71114,7 +71297,7 @@ var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props)
         color: sectionproperties.text_secondarycolor
       }
     }),
-    card_btn: css((_css = {
+    card_btn: css(_defineProperty(_defineProperty({
       transition: '0.3s',
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
@@ -71126,10 +71309,10 @@ var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props)
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
       fontWeight: sectionproperties.generalbtn_fontweight
-    }, _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, ':hover', {
+    }, "transition", '.3s'), ':hover', {
       background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
       color: sectionproperties.generalbtn_textColoronhover
-    }), _css))
+    }))
   };
   return /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100",
@@ -71184,7 +71367,6 @@ styleInject(css_248z$8);
 function ownKeys$q(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$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Categorycard_withshapes = function Categorycard_withshapes(props) {
-  var _css;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -71230,7 +71412,7 @@ var Categorycard_withshapes = function Categorycard_withshapes(props) {
     setitem(props.cardinfoitemprops);
   }, [props.cardinfoitemprops]);
   var card_cssstyles = {
-    categoryCard: css((_css = {
+    categoryCard: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
@@ -71250,9 +71432,9 @@ var Categorycard_withshapes = function Categorycard_withshapes(props) {
       cursor: 'pointer',
       opacity: sectionproperties.cardbg_opacity,
       overflow: 'hidden'
-    }, _defineProperty(_css, "cursor", 'pointer'), _defineProperty(_css, "backgroundSize", 'cover'), _defineProperty(_css, "backgroundRepeat", 'no-repeat'), _defineProperty(_css, "backgroundPosition", 'center'), _defineProperty(_css, "transition", '0.3s'), _defineProperty(_css, ':after', {
+    }, "cursor", 'pointer'), "backgroundSize", 'cover'), "backgroundRepeat", 'no-repeat'), "backgroundPosition", 'center'), "transition", '0.3s'), ':after', {
       backgroundColor: sectionproperties.transitionbg_color
-    }), _css)),
+    })),
     categorycardtext: css({
       fontSize: sectionproperties.generaltext_fontSize + 'px',
       color: sectionproperties.generaltext_fontColor,
@@ -71263,12 +71445,10 @@ var Categorycard_withshapes = function Categorycard_withshapes(props) {
       background: sectionproperties.firstcolor
       // primary
     }),
-
     shadow2: css({
       background: sectionproperties.secondcolor
       // primary
     }),
-
     cards_three__rect2: css({
       ':before': {
         background: sectionproperties.secondcolor
@@ -71754,7 +71934,6 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
 function ownKeys$n(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$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Classiccategorycard = function Classiccategorycard(props) {
-  var _mediaMaxWidth;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -71799,9 +71978,9 @@ var Classiccategorycard = function Classiccategorycard(props) {
       minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.image_width + 'px',
       maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.image_width + 'px',
       height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + '%',
-      '@media (max-width: 800px)': (_mediaMaxWidth = {
+      '@media (max-width: 800px)': _defineProperty(_defineProperty({
         minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.image_width_resp + 'px'
-      }, _defineProperty(_mediaMaxWidth, "minWidth", props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.image_width_resp + 'px'), _defineProperty(_mediaMaxWidth, "height", sectionproperties.height_responsive + 'px'), _mediaMaxWidth)
+      }, "minWidth", props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.image_width_resp + 'px'), "height", sectionproperties.height_responsive + 'px')
     }),
     textContainer: css({
       width: sectionproperties.width + 'px',
@@ -72223,7 +72402,7 @@ var Horizontalcard = function Horizontalcard(props) {
 function ownKeys$l(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$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MenuCard = function MenuCard(props) {
-  var _css, _css2;
+  var _css2;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -72315,7 +72494,7 @@ var MenuCard = function MenuCard(props) {
       transition: '.3s',
       color: sectionproperties.prodNameColor
     }),
-    productcardimagecont: css((_css = {
+    productcardimagecont: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
       position: 'relative',
       overflow: 'hidden',
       background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
@@ -72327,9 +72506,9 @@ var MenuCard = function MenuCard(props) {
       transition: '.3s',
       height: sectionproperties.image_height + 'px',
       width: sectionproperties.image_width + 'px'
-    }, _defineProperty(_css, "borderBottomLeftRadius", langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px'), _defineProperty(_css, "borderBottomRightRadius", langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'), _defineProperty(_css, "borderTopLeftRadius", langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px'), _defineProperty(_css, "borderTopRightRadius", langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'), _defineProperty(_css, "overflow", 'hidden'), _defineProperty(_css, "cursor", 'pointer'), _defineProperty(_css, '@media (max-width: 800px)', {
+    }, "borderBottomLeftRadius", langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px'), "borderBottomRightRadius", langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'), "borderTopLeftRadius", langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px'), "borderTopRightRadius", langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'), "overflow", 'hidden'), "cursor", 'pointer'), '@media (max-width: 800px)', {
       width: sectionproperties.image_width + '%'
-    }), _css)),
+    })),
     productNameStyles: css({
       fontSize: sectionproperties.prodNameFontSize + 'px',
       textTransform: sectionproperties.prodNameTextTranform,
@@ -72392,7 +72571,7 @@ var MenuCard = function MenuCard(props) {
       flex: 1,
       border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
       height: sectionproperties.quantitybtn_height + 'px'
-    }, _defineProperty(_css2, "height", '40px'), _defineProperty(_css2, "display", 'flex'), _defineProperty(_css2, "flexDirection", 'row'), _defineProperty(_css2, "overflow", 'hidden'), _defineProperty(_css2, "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), _defineProperty(_css2, "background", sectionproperties.quantitybtn_bgcolor), _defineProperty(_css2, "alignItems", 'center'), _defineProperty(_css2, "justifyContent", 'center'), _defineProperty(_css2, "margin", 0), _defineProperty(_css2, "position", 'relative'), _defineProperty(_css2, "fontWeight", sectionproperties.quantitybtn_textfontweight), _defineProperty(_css2, "color", sectionproperties.quantitybtn_textcolor), _defineProperty(_css2, "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'), _css2)),
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, "height", '40px'), "display", 'flex'), "flexDirection", 'row'), "overflow", 'hidden'), "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), "background", sectionproperties.quantitybtn_bgcolor), "alignItems", 'center'), "justifyContent", 'center'), "margin", 0), "position", 'relative'), _defineProperty(_defineProperty(_defineProperty(_css2, "fontWeight", sectionproperties.quantitybtn_textfontweight), "color", sectionproperties.quantitybtn_textcolor), "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'))),
     quantitybtn_text: css({
       margin: 'auto'
     }),
@@ -72902,7 +73081,7 @@ var ServiceCard = function ServiceCard(props) {
       flex: 1,
       border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
       height: sectionproperties.quantitybtn_height + 'px'
-    }, _defineProperty(_css, "height", '40px'), _defineProperty(_css, "display", 'flex'), _defineProperty(_css, "flexDirection", 'row'), _defineProperty(_css, "overflow", 'hidden'), _defineProperty(_css, "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), _defineProperty(_css, "background", sectionproperties.quantitybtn_bgcolor), _defineProperty(_css, "alignItems", 'center'), _defineProperty(_css, "justifyContent", 'center'), _defineProperty(_css, "margin", 0), _defineProperty(_css, "position", 'relative'), _defineProperty(_css, "fontWeight", sectionproperties.quantitybtn_textfontweight), _defineProperty(_css, "color", sectionproperties.quantitybtn_textcolor), _defineProperty(_css, "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'), _css)),
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "height", '40px'), "display", 'flex'), "flexDirection", 'row'), "overflow", 'hidden'), "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), "background", sectionproperties.quantitybtn_bgcolor), "alignItems", 'center'), "justifyContent", 'center'), "margin", 0), "position", 'relative'), _defineProperty(_defineProperty(_defineProperty(_css, "fontWeight", sectionproperties.quantitybtn_textfontweight), "color", sectionproperties.quantitybtn_textcolor), "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'))),
     quantitybtn_text: css({
       margin: 'auto'
     }),
@@ -73520,7 +73699,6 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
 function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ModernProductCard = function ModernProductCard(props) {
-  var _css;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -73672,7 +73850,7 @@ var ModernProductCard = function ModernProductCard(props) {
         maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
       }
     }),
-    innerproductcard: css((_css = {
+    innerproductcard: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
       opacity: sectionproperties.cardbg_opacity,
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
@@ -73688,13 +73866,13 @@ var ModernProductCard = function ModernProductCard(props) {
       boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
       border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
       color: sectionproperties.prodNameColor
-    }, _defineProperty(_css, "opacity", sectionproperties.cardbg_opacity), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, ':hover', _defineProperty({
+    }, "opacity", sectionproperties.cardbg_opacity), "transition", '.3s'), ':hover', _defineProperty({
       opacity: sectionproperties.bgopacityonhover,
       color: sectionproperties.prodNameColorOnHover
-    }, "opacity", sectionproperties.bgopacityonhover)), _defineProperty(_css, ':hover .buttoncont', {
+    }, "opacity", sectionproperties.bgopacityonhover)), ':hover .buttoncont', {
       bottom: '30%',
       opacity: 1
-    }), _css)),
+    })),
     productcardimagecont: css({
       position: 'relative',
       overflow: 'hidden',
@@ -75431,7 +75609,6 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
     })
   };
   var Image = function Image(type) {
-    var _ref;
     var transition = false;
     if (sectionproperties.showimagetransition == 'Show' && type != 'responsive') {
       transition = true;
@@ -75446,7 +75623,7 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
       path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
-      style: (_ref = {
+      style: _defineProperty(_defineProperty({
         opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? sectionproperties.outofstockimageopcity : 1,
         width: sectionproperties.imageInnerWidth_Height + '%',
         height: sectionproperties.imageInnerWidth_Height + '%',
@@ -75455,7 +75632,7 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
         borderBottomRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px' : 0,
         borderTopLeftRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px' : 0,
         borderTopRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px' : 0
-      }, _defineProperty(_ref, "width", '100%'), _defineProperty(_ref, "height", '100%'), _ref),
+      }, "width", '100%'), "height", '100%'),
       loading: "lazy",
       onClick: function onClick() {
         setShowProductInfoModalContext(true);
@@ -75601,7 +75778,6 @@ styleInject(css_248z$3);
 function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Productcard6 = function Productcard6(props) {
-  var _css;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -75645,7 +75821,7 @@ var Productcard6 = function Productcard6(props) {
     setitem(props.cardinfoitemprops);
   }, [props.cardinfoitemprops]);
   var card_cssstyles = {
-    productcard: css((_css = {
+    productcard: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
       position: 'relative',
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
       boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
@@ -75665,9 +75841,9 @@ var Productcard6 = function Productcard6(props) {
       transition: '0.3s',
       cursor: 'pointer',
       opacity: sectionproperties.cardbg_opacity
-    }, _defineProperty(_css, "border", sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor), _defineProperty(_css, ':hover', {
+    }, "border", sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor), ':hover', {
       opacity: sectionproperties.bgopacityonhover
-    }), _defineProperty(_css, ':after', {
+    }), ':after', {
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
@@ -75683,9 +75859,9 @@ var Productcard6 = function Productcard6(props) {
       transition: ' 0.3s',
       background: sectionproperties.transitionbg_color,
       opacity: sectionproperties.cardtransition_opacity
-    }), _defineProperty(_css, ':hover:after', {
+    }), ':hover:after', {
       opacity: sectionproperties.cardtransitionbgopacityonhover
-    }), _css)),
+    })),
     productNameStyles: css({
       color: sectionproperties.prodNameColor,
       fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -76074,7 +76250,6 @@ var Productcard7 = function Productcard7(props) {
 function ownKeys$a(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$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Productcarddefault = function Productcarddefault(props) {
-  var _css;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -76145,7 +76320,7 @@ var Productcarddefault = function Productcarddefault(props) {
         borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
       }
     }),
-    productcard_image_container: css((_css = {
+    productcard_image_container: css(_defineProperty(_defineProperty({
       height: sectionproperties.height + 'px',
       // border: sectionproperties.image_borderWidth + 'px solid ' + sectionproperties.image_bordercolor,
       // boxShadow: sectionproperties.image_showshadow == 'Show' ? ' 0 0 10px ' + sectionproperties.image_shadowcolor : '',
@@ -76164,9 +76339,9 @@ var Productcarddefault = function Productcarddefault(props) {
       backgroundSize: 'cover',
       backgroundRepeat: 'no-repeat',
       backgroundPosition: 'center'
-    }, _defineProperty(_css, "opacity", sectionproperties.cardimg_opacity), _defineProperty(_css, ':hover', {
+    }, "opacity", sectionproperties.cardimg_opacity), ':hover', {
       opacity: sectionproperties.cardimg_opacityonhover
-    }), _css)),
+    })),
     textContainer: css({
       paddingLeft: sectionproperties.paddingLeft + 'px',
       paddingRight: sectionproperties.paddingRight + 'px',