tabexseriescomponents 0.0.697 → 0.0.699

package/dist/index.cjs.js

@@ -4,10 +4,9 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
-var _inherits = require('@babel/runtime/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
+var _inherits = require('@babel/runtime/helpers/inherits');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var Cookies = require('universal-cookie');
 var reactCssfxLoading = require('react-cssfx-loading');
@@ -186,10 +185,9 @@ var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray)
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
 var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
 var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
+var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var Cookies__default = /*#__PURE__*/_interopDefaultLegacy(Cookies);
 var jwtDecode__default = /*#__PURE__*/_interopDefaultLegacy(jwtDecode);
@@ -242,18 +240,16 @@ var AwesomeButton = function AwesomeButton(props) {
   }, "123sdasdasdadsd", children.toUpperCase());
 };
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](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__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](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__default["default"].createContext();
 var LanguageProvider = /*#__PURE__*/function (_Component) {
-  _inherits__default["default"](LanguageProvider, _Component);
-  var _super = _createSuper(LanguageProvider);
   function LanguageProvider(props) {
     var _en, _ar;
     var _this;
     _classCallCheck__default["default"](this, LanguageProvider);
-    _this = _super.call(this, props);
-    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "setlangdefault", function (key) {
+    _this = _callSuper(this, LanguageProvider, [props]);
+    _defineProperty__default["default"](_this, "setlangdefault", function (key) {
       var cookies = new Cookies__default["default"]();
       cookies.set('sitelang', key, {
         path: '/'
@@ -262,7 +258,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
         langdetect: key
       });
     });
-    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "setlang", function (key) {
+    _defineProperty__default["default"](_this, "setlang", function (key) {
       var cookies = new Cookies__default["default"]();
       cookies.set('sitelang', key, {
         path: '/'
@@ -349,7 +345,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           loginwithfacebook: 'Sign in with facebook',
           orsigninwith: 'Or Sign in with',
           orsignupwith: 'Or Sign up with'
-        }, _defineProperty__default["default"](_en, "price", 'Price'), _defineProperty__default["default"](_en, "relatedproducts", 'Related products'), _defineProperty__default["default"](_en, "qty", 'QTY'), _defineProperty__default["default"](_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty__default["default"](_en, "shopnow", 'Shop now'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "otherinformation", 'Other information'), _defineProperty__default["default"](_en, "productname", 'Product name'), _defineProperty__default["default"](_en, "quantity", 'Quantity'), _defineProperty__default["default"](_en, "orderid", 'Order ID'), _defineProperty__default["default"](_en, "numberofproducts", 'Number of products'), _defineProperty__default["default"](_en, "checkyourorder", 'Check your order'), _defineProperty__default["default"](_en, "search", 'Search'), _defineProperty__default["default"](_en, "searchproducts", 'Search for products...'), _defineProperty__default["default"](_en, "choosecity", 'Choose city'), _defineProperty__default["default"](_en, "choosestategov", 'Choose state/governorate'), _defineProperty__default["default"](_en, "choosecountry", 'Choose country'), _defineProperty__default["default"](_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty__default["default"](_en, "nosearchresults", 'No search results'), _defineProperty__default["default"](_en, "sale", 'Sale'), _defineProperty__default["default"](_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty__default["default"](_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty__default["default"](_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty__default["default"](_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty__default["default"](_en, "promocoderemoved", 'Promo code is removed'), _defineProperty__default["default"](_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty__default["default"](_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty__default["default"](_en, "addedtowishlist", 'Added to your favourites'), _defineProperty__default["default"](_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty__default["default"](_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty__default["default"](_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty__default["default"](_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty__default["default"](_en, "subtotal", 'Sub total'), _defineProperty__default["default"](_en, "discount", 'Discount'), _defineProperty__default["default"](_en, "outofzone", 'Out of zone'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "cod", 'Cash on Delivery'), _defineProperty__default["default"](_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty__default["default"](_en, "onlinepayment", 'Online Payment'), _defineProperty__default["default"](_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty__default["default"](_en, "shippingfees", 'Shipping fees'), _defineProperty__default["default"](_en, "shippingaddress", 'Shipping address'), _defineProperty__default["default"](_en, "cardnumber", 'Card number'), _defineProperty__default["default"](_en, "year", 'Year'), _defineProperty__default["default"](_en, "month", 'Month'), _defineProperty__default["default"](_en, "cvv", 'CVV'), _defineProperty__default["default"](_en, "nameoncard", 'Name On Card'), _defineProperty__default["default"](_en, "country", 'Country'), _defineProperty__default["default"](_en, "addressdetails", 'ِAddress details'), _defineProperty__default["default"](_en, "stategov", 'State/Governorate'), _defineProperty__default["default"](_en, "city", 'City'), _defineProperty__default["default"](_en, "paymentmethod", 'Payment method'), _defineProperty__default["default"](_en, "productimage", 'Product image'), _defineProperty__default["default"](_en, "orderdetails", 'Order details'), _defineProperty__default["default"](_en, "orderinvoice", 'Order invoice'), _defineProperty__default["default"](_en, "promocodediscount", 'Promo code discount'), _defineProperty__default["default"](_en, "address", 'Address'), _defineProperty__default["default"](_en, "update", 'Update'), _defineProperty__default["default"](_en, "phonenumber", 'Mobile number'), _defineProperty__default["default"](_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty__default["default"](_en, "name", 'Name'), _defineProperty__default["default"](_en, "email", 'Email'), _defineProperty__default["default"](_en, "password", 'Password'), _defineProperty__default["default"](_en, "confirmpassword", 'Confirm password'), _defineProperty__default["default"](_en, "showmore", 'Show more'), _defineProperty__default["default"](_en, "showless", 'Show less'), _defineProperty__default["default"](_en, "contactdetails", 'Contact Information'), _defineProperty__default["default"](_en, "asaguest", 'As A Guest'), _defineProperty__default["default"](_en, "choosecountryfirst", 'Please choose country first'), _defineProperty__default["default"](_en, "security", 'Security'), _defineProperty__default["default"](_en, "personalinformation", 'Personal Information'), _defineProperty__default["default"](_en, "contactus", 'Contact us'), _defineProperty__default["default"](_en, "slogan", 'Your website & mobile application in one place'), _defineProperty__default["default"](_en, "recent", 'Recent'), _defineProperty__default["default"](_en, "oldest", 'Oldest'), _defineProperty__default["default"](_en, "pricehightolow", 'High to low'), _defineProperty__default["default"](_en, "pricelowtohigh", 'Low to High'), _defineProperty__default["default"](_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _defineProperty__default["default"](_en, "instock", 'In Stock'), _en),
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_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: 'اقصى كمية',
@@ -430,7 +426,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           loginwithfacebook: 'تسجيل الدخول عن طريق فيسبوك',
           orsigninwith: 'او تسجيل الدخول عن طريق',
           orsignupwith: 'او انشاء حساب عن طريق'
-        }, _defineProperty__default["default"](_ar, "price", 'السعر'), _defineProperty__default["default"](_ar, "relatedproducts", 'منتجات ذات صلة'), _defineProperty__default["default"](_ar, "qty", 'الكمية'), _defineProperty__default["default"](_ar, "emptyshoppingcart", 'حقيبة التسوق فارغة'), _defineProperty__default["default"](_ar, "shopnow", 'تسوق الان'), _defineProperty__default["default"](_ar, "total", 'الإجمالى'), _defineProperty__default["default"](_ar, "otherinformation", 'معلومات اخرى'), _defineProperty__default["default"](_ar, "productname", 'إسم المنتج'), _defineProperty__default["default"](_ar, "quantity", 'الكمية'), _defineProperty__default["default"](_ar, "orderid", 'رقم الطلب'), _defineProperty__default["default"](_ar, "numberofproducts", 'عدد المنتجات'), _defineProperty__default["default"](_ar, "checkyourorder", 'الذهاب إلى طلبك'), _defineProperty__default["default"](_ar, "search", 'ابحث'), _defineProperty__default["default"](_ar, "searchproducts", 'ابحث...'), _defineProperty__default["default"](_ar, "choosecity", 'إختر المدينة'), _defineProperty__default["default"](_ar, "choosestategov", 'إختر المحافظة/الولاية'), _defineProperty__default["default"](_ar, "choosecountry", 'إختر البلد'), _defineProperty__default["default"](_ar, "giftcarddicountcode", 'كود خصم'), _defineProperty__default["default"](_ar, "nosearchresults", 'لا توجد نتائج'), _defineProperty__default["default"](_ar, "sale", 'خصم'), _defineProperty__default["default"](_ar, "nofavoriteproducts", 'لا توجد منتجات مفضلة'), _defineProperty__default["default"](_ar, "loggedoutsuccess", 'تم تسجيل الخروج'), _defineProperty__default["default"](_ar, "addedtocartsuccess", 'تم  تعديل عربة التسوق'), _defineProperty__default["default"](_ar, "promocodeapplied", 'تم تطبيق كود الخصم'), _defineProperty__default["default"](_ar, "promocoderemoved", 'تم حذف كود الخصم'), _defineProperty__default["default"](_ar, "countryandstateupdatedsuccess", 'تم تحديث البلد و المدينة'), _defineProperty__default["default"](_ar, "orderaddedsuccess", 'تم إضافة الطلب'), _defineProperty__default["default"](_ar, "addedtowishlist", 'تم الإضافة لمفضلاتك'), _defineProperty__default["default"](_ar, "productrmovedfromwishlist", 'تم الحذف من مفضلاتك'), _defineProperty__default["default"](_ar, "fillthemissingfields", 'من فضلك اكمل باقى البيانات'), _defineProperty__default["default"](_ar, "passwordsdontmatch", 'كلمات السر لا تتطابق'), _defineProperty__default["default"](_ar, "loggedinsuccess", 'تم تسجيل الدخول'), _defineProperty__default["default"](_ar, "subtotal", 'إجمالي المبلغ'), _defineProperty__default["default"](_ar, "discount", 'الخصم'), _defineProperty__default["default"](_ar, "outofzone", 'خارج نطاق الشحن'), _defineProperty__default["default"](_ar, "total", 'المبلغ الكلي'), _defineProperty__default["default"](_ar, "cod", 'الدفع عند الإستلام'), _defineProperty__default["default"](_ar, "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), _defineProperty__default["default"](_ar, "onlinepayment", 'الدفع الإلكترونى'), _defineProperty__default["default"](_ar, "paymentcardinformation", 'بيانات البطاقة'), _defineProperty__default["default"](_ar, "shippingfees", 'مصاريف الشحن'), _defineProperty__default["default"](_ar, "shippingaddress", 'عنوان الشحن'), _defineProperty__default["default"](_ar, "cardnumber", 'رقم البطاقة'), _defineProperty__default["default"](_ar, "year", 'السنة'), _defineProperty__default["default"](_ar, "month", 'الشهر'), _defineProperty__default["default"](_ar, "cvv", 'رقم البطاقة'), _defineProperty__default["default"](_ar, "nameoncard", 'الإسم على البطاقة'), _defineProperty__default["default"](_ar, "country", 'البلد'), _defineProperty__default["default"](_ar, "addressdetails", 'العنوان'), _defineProperty__default["default"](_ar, "stategov", 'المحافظة/الولاية'), _defineProperty__default["default"](_ar, "city", 'المدينة'), _defineProperty__default["default"](_ar, "paymentmethod", 'طريقة الدفع'), _defineProperty__default["default"](_ar, "productimage", 'صورة المنتج'), _defineProperty__default["default"](_ar, "orderdetails", 'تفاصيل الطلب'), _defineProperty__default["default"](_ar, "orderinvoice", 'فاتورة الطلب'), _defineProperty__default["default"](_ar, "promocodediscount", 'كود الخصم'), _defineProperty__default["default"](_ar, "address", 'العنوان'), _defineProperty__default["default"](_ar, "update", 'تحديث'), _defineProperty__default["default"](_ar, "phonenumber", 'الهاتف'), _defineProperty__default["default"](_ar, "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty__default["default"](_ar, "name", 'الإسم'), _defineProperty__default["default"](_ar, "email", 'البريد الإلكترونى'), _defineProperty__default["default"](_ar, "password", 'كلمة السر'), _defineProperty__default["default"](_ar, "confirmpassword", 'تأكيد كلمة السر'), _defineProperty__default["default"](_ar, "showless", 'اعرض اقل'), _defineProperty__default["default"](_ar, "showmore", 'اعرض المزيد'), _defineProperty__default["default"](_ar, "contactdetails", 'معلومات التواصل'), _defineProperty__default["default"](_ar, "asaguest", 'كزائر'), _defineProperty__default["default"](_ar, "choosecountryfirst", 'من فضلك اختر البلد اولاً'), _defineProperty__default["default"](_ar, "security", 'الخصوصية و الأمان'), _defineProperty__default["default"](_ar, "personalinformation", 'البيانات الشخصية'), _defineProperty__default["default"](_ar, "contactus", 'تواصل معنا'), _defineProperty__default["default"](_ar, "slogan", 'موقعك و تطبيقك فى مكان واحد'), _defineProperty__default["default"](_ar, "instock", 'متوفر'), _ar)
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "price", 'السعر'), "relatedproducts", 'منتجات ذات صلة'), "qty", 'الكمية'), "emptyshoppingcart", 'حقيبة التسوق فارغة'), "shopnow", 'تسوق الان'), "total", 'الإجمالى'), "otherinformation", 'معلومات اخرى'), "productname", 'إسم المنتج'), "quantity", 'الكمية'), "orderid", 'رقم الطلب'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "numberofproducts", 'عدد المنتجات'), "checkyourorder", 'الذهاب إلى طلبك'), "search", 'ابحث'), "searchproducts", 'ابحث...'), "choosecity", 'إختر المدينة'), "choosestategov", 'إختر المحافظة/الولاية'), "choosecountry", 'إختر البلد'), "giftcarddicountcode", 'كود خصم'), "nosearchresults", 'لا توجد نتائج'), "sale", 'خصم'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "nofavoriteproducts", 'لا توجد منتجات مفضلة'), "loggedoutsuccess", 'تم تسجيل الخروج'), "addedtocartsuccess", 'تم  تعديل عربة التسوق'), "promocodeapplied", 'تم تطبيق كود الخصم'), "promocoderemoved", 'تم حذف كود الخصم'), "countryandstateupdatedsuccess", 'تم تحديث البلد و المدينة'), "orderaddedsuccess", 'تم إضافة الطلب'), "addedtowishlist", 'تم الإضافة لمفضلاتك'), "productrmovedfromwishlist", 'تم الحذف من مفضلاتك'), "fillthemissingfields", 'من فضلك اكمل باقى البيانات'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "passwordsdontmatch", 'كلمات السر لا تتطابق'), "loggedinsuccess", 'تم تسجيل الدخول'), "subtotal", 'إجمالي المبلغ'), "discount", 'الخصم'), "outofzone", 'خارج نطاق الشحن'), "total", 'المبلغ الكلي'), "cod", 'الدفع عند الإستلام'), "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), "onlinepayment", 'الدفع الإلكترونى'), "paymentcardinformation", 'بيانات البطاقة'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "shippingfees", 'مصاريف الشحن'), "shippingaddress", 'عنوان الشحن'), "cardnumber", 'رقم البطاقة'), "year", 'السنة'), "month", 'الشهر'), "cvv", 'رقم البطاقة'), "nameoncard", 'الإسم على البطاقة'), "country", 'البلد'), "addressdetails", 'العنوان'), "stategov", 'المحافظة/الولاية'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "city", 'المدينة'), "paymentmethod", 'طريقة الدفع'), "productimage", 'صورة المنتج'), "orderdetails", 'تفاصيل الطلب'), "orderinvoice", 'فاتورة الطلب'), "promocodediscount", 'كود الخصم'), "address", 'العنوان'), "update", 'تحديث'), "phonenumber", 'الهاتف'), "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "name", 'الإسم'), "email", 'البريد الإلكترونى'), "password", 'كلمة السر'), "confirmpassword", 'تأكيد كلمة السر'), "showless", 'اعرض اقل'), "showmore", 'اعرض المزيد'), "contactdetails", 'معلومات التواصل'), "asaguest", 'كزائر'), "choosecountryfirst", 'من فضلك اختر البلد اولاً'), "security", 'الخصوصية و الأمان'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "personalinformation", 'البيانات الشخصية'), "contactus", 'تواصل معنا'), "slogan", 'موقعك و تطبيقك فى مكان واحد'), "instock", 'متوفر'))
       },
       langdetect: 'en',
       setlang: _this.setlang,
@@ -438,7 +434,8 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-  _createClass__default["default"](LanguageProvider, [{
+  _inherits__default["default"](LanguageProvider, _Component);
+  return _createClass__default["default"](LanguageProvider, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var cookies = new Cookies__default["default"]();
@@ -470,7 +467,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__default["default"].createElement(LanguageContext.Provider, {
         value: {
@@ -482,7 +478,6 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
       }, this.props.children);
     }
   }]);
-  return LanguageProvider;
 }(React.Component);
 LanguageContext.Consumer;
 
@@ -838,11 +833,11 @@ var Login = function Login(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '35px'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css))
+    })))
   };
   var RightContainerContent = function RightContainerContent() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1327,18 +1322,17 @@ var defaultstyles = {
     });
   },
   control: function control() {
-    var _ref;
-    return _ref = {
+    return _defineProperty__default["default"](_defineProperty__default["default"]({
       borderBottom: '1px solid #ccc',
       backgroundColor: 'white',
       display: 'flex',
       cursor: 'pointer',
       padding: 0,
       transition: '.3s'
-    }, _defineProperty__default["default"](_ref, "backgroundColor", 'transparent'), _defineProperty__default["default"](_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), {}, {
@@ -1466,11 +1460,11 @@ var Variantoptions = function Variantoptions(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "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__default["default"](_defineProperty__default["default"](_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css))
+    })))
   };
   var issingleoptionoutofstock = function issingleoptionoutofstock(valueitem) {
     var _ProductInfoObj$data;
@@ -1542,7 +1536,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) {
@@ -1810,7 +1803,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)' : 'غير متاح';
@@ -2197,11 +2189,11 @@ var ProductExtraFields = function ProductExtraFields(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "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__default["default"](_defineProperty__default["default"](_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css))
+    })))
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'row w-100 ml-0 mr-0'
@@ -5723,11 +5715,11 @@ var AddReview = function AddReview(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css)),
+    }))),
     inputfield_label: glamor.css({
       color: sectionproperties.form_labelcolor,
       fontWeight: sectionproperties.form_labelfontweight,
@@ -6394,7 +6386,6 @@ var Productinfo = function Productinfo(props) {
                 //     langdetect == 'en' ? fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en : fetchProductInfoQueryContext?.data?.data?.productinfo?.description_ar,
               };
             }
-
             tempproductimagesarray.push(productimagesarrayobj);
           });
         }
@@ -6939,11 +6930,11 @@ var Productinfo = function Productinfo(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css)),
+    }))),
     inputfield_label: glamor.css({
       color: sectionproperties.form_labelcolor,
       fontWeight: sectionproperties.form_labelfontweight,
@@ -7124,7 +7115,6 @@ var Productinfo = function Productinfo(props) {
       //     marginTop: sectionproperties.favbtnmargintopresp + 'px',
       // },
     }),
-
     productname: glamor.css({
       fontSize: sectionproperties.prodNameFontSize + 'px',
       textTransform: sectionproperties.prodNameTextTranform,
@@ -7584,7 +7574,7 @@ var Productinfo = function Productinfo(props) {
       langdetect: langdetect,
       lang: lang,
       srcfromprops: props.srcfromprops
-    }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref, "variantsku", variantsku), _defineProperty__default["default"](_ref, "variantvalueidentifier", variantvalueidentifier), _ref)
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), "getprice_discountpriceprops", getprice_discountpriceprops), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), "variantsku", variantsku), _defineProperty__default["default"](_ref, "variantvalueidentifier", variantvalueidentifier))
   }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'Article' && /*#__PURE__*/React__default["default"].createElement(Article_itemtype, {
     actions: (_ref2 = {
       setisoutofstock: setisoutofstock,
@@ -7593,7 +7583,7 @@ var Productinfo = function Productinfo(props) {
       langdetect: langdetect,
       lang: lang,
       srcfromprops: props.srcfromprops
-    }, _defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref2, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref2, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref2, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref2, "routingcountext", routingcountext), _defineProperty__default["default"](_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref2, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref2, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref2, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref2, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref2, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref2, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref2, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref2, "variantindex", variantindex), _defineProperty__default["default"](_ref2, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref2, "variantsku", variantsku), _defineProperty__default["default"](_ref2, "variantvalueidentifier", variantvalueidentifier), _ref2)
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), "getprice_discountpriceprops", getprice_discountpriceprops), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), "variantsku", variantsku), _defineProperty__default["default"](_ref2, "variantvalueidentifier", variantvalueidentifier))
   }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
     actions: (_ref3 = {
       variantsku: variantsku,
@@ -7603,7 +7593,7 @@ var Productinfo = function Productinfo(props) {
       langdetect: langdetect,
       lang: lang,
       srcfromprops: props.srcfromprops
-    }, _defineProperty__default["default"](_ref3, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref3, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref3, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref3, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref3, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref3, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref3, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref3, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref3, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref3, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref3, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref3, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref3, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref3, "routingcountext", routingcountext), _defineProperty__default["default"](_ref3, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref3, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref3, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref3, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref3, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref3, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref3, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref3, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref3, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref3, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref3, "getQuantityCondition", getQuantityCondition), _defineProperty__default["default"](_ref3, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref3, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref3, "ikimagecredcontext", ikimagecredcontext), _ref3)
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref3, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref3, "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "StaticPagesLinksContext", StaticPagesLinksContext), "variantindexcompleted", variantindexcompleted), "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref3, "NotificationManager", NotificationManager), "getprice_discountpriceprops", getprice_discountpriceprops), "quantityconditionfoundobjprops", quantityconditionfoundobj), "relatedproducts", relatedproducts), "getQuantityCondition", getQuantityCondition), "StoreInfoprops", StoreInfo), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext))
   }), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
     style: {
@@ -7631,7 +7621,6 @@ var Productinfo = function Productinfo(props) {
         // margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '',
       }
     },
-
     sx: {
       '& button': {
         color: sectionproperties.tabtextcolor,
@@ -7693,7 +7682,6 @@ var Productinfo = function Productinfo(props) {
         // margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '',
       }
     },
-
     sx: {
       '& button': {
         color: sectionproperties.tabtextcolor,
@@ -8627,7 +8615,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) {
@@ -10334,7 +10321,7 @@ var Select$3 = /*#__PURE__*/React__default["default"].lazy(function () {
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('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 = React.useState(null),
     _useState2 = _slicedToArray__default["default"](_useState, 2);
     _useState2[0];
@@ -10507,7 +10494,7 @@ var Checkout = function Checkout(props) {
       }
     });
   };
-  var checkoutstyles = (_checkoutstyles = {
+  var checkoutstyles = _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
     Salepricestyless: glamor.css({
       fontSize: sectionproperties.prodsalepriceFontSize + 'px',
       fontWeight: sectionproperties.prodsalePriceFontWeight,
@@ -10655,25 +10642,25 @@ var Checkout = function Checkout(props) {
         color: sectionproperties.generalbtn_textColoronhover
       }
     })
-  }, _defineProperty__default["default"](_checkoutstyles, "input_label_name", glamor.css({
+  }, "input_label_name", glamor.css({
     color: sectionproperties.form_labelcolor,
     textTransform: sectionproperties.form_labeltexttransform,
     fontWeight: sectionproperties.form_labelfontweight,
     fontSize: sectionproperties.form_labelfontsize + 'px'
-  })), _defineProperty__default["default"](_checkoutstyles, "form_control", glamor.css((_css = {
+  })), "form_control", glamor.css((_css = {
     position: 'relative',
     display: 'flex',
     alignItems: 'center'
-  }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, "fontSize", sectionproperties.inputfieldfontsize + 'px'), _defineProperty__default["default"](_css, ':focus', {
+  }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), "fontSize", sectionproperties.inputfieldfontsize + 'px'), ':focus', {
     borderColor: sectionproperties.inputfeildbordercoloronfocus,
     boxShadow: 'none'
-  }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+  }), ':focus .login_input_icon', {
     color: sectionproperties.inputfeildbordercoloronfocus
-  }), _css))), _defineProperty__default["default"](_checkoutstyles, "innersection", glamor.css({
+  })))), "innersection", glamor.css({
     backgroundColor: sectionproperties.reservation_bgcolor,
     borderRadius: sectionproperties.reservation_borderradius + 'px',
     border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
-  })), _defineProperty__default["default"](_checkoutstyles, "containerstyles", glamor.css({
+  })), "containerstyles", glamor.css({
     paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
     paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
     paddingTop: sectionproperties.paddingTop + 'px',
@@ -10684,9 +10671,9 @@ var Checkout = function Checkout(props) {
     '@media (max-width: 800px)': {
       marginTop: sectionproperties.marginTopResp + 'px'
     }
-  })), _checkoutstyles);
-  var addorderfuncrunner = function addorderfuncrunner() {
-    return (_ref = _ref || _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+  }));
+  var addorderfuncrunner = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
       var _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25, _fetchcustomercartQue26, _fetchcustomercartQue27, _fetchcustomercartQue28, _fetchcustomercartQue29, _fetchcustomercartQue30, _fetchcustomercartQue31, _fetchcustomercartQue32;
       return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -10735,8 +10722,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) {
@@ -10778,7 +10768,6 @@ var Checkout = function Checkout(props) {
         // var product_extrafields_parsed = JSON.stringify(product_extrafields);
         // alert(product_extrafields_parsed);
       }
-
       return /*#__PURE__*/React__default["default"].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: {
@@ -12308,11 +12297,11 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "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__default["default"](_defineProperty__default["default"](_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css)),
+    }))),
     checkbox: glamor.css({
       color: sectionproperties.checkbox_color,
       textTransform: sectionproperties.form_labeltexttransform,
@@ -12399,7 +12388,6 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
 
         // alert(JSON.stringify(country));
       },
-
       style: {
         direction: 'ltr',
         color: sectionproperties.inputfieldcolor
@@ -13555,9 +13543,9 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '35px'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _css)),
+    }))),
     containerstyle: glamor.css({
       marginTop: sectionproperties.marginTop + 'px',
       background: sectionproperties.backgroundColor,
@@ -13655,7 +13643,6 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
       setaffsignuppayload(_objectSpread$2h({}, temp));
       // setaffsignuppayload({ ...affsignuppayload, phonenumber: event.target.value });
     },
-
     style: {
       direction: 'ltr'
     }
@@ -13742,7 +13729,6 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
         // alert('Please fill the missing fields');
       }
     },
-
     type: 'button',
     disabled: GeneralAPIMutationContext.isLoading == true ? true : false
   }, GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
@@ -15754,7 +15740,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);
@@ -15788,7 +15773,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__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
@@ -16176,15 +16160,14 @@ var Filter$1 = function Filter(props) {
       }
       // up here
       if (item.type == 'Number') {
-        var _ref;
         return /*#__PURE__*/React__default["default"].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__default["default"].createElement("label", {
           className: "".concat(filter_cssstyles.input_label_name) + ' mb-3 w-100 ',
-          style: (_ref = {
+          style: _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
             textAlign: langdetect == 'en' ? 'left' : 'right',
             color: sectionproperties.filtertitle_color
-          }, _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_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__default["default"].createElement("div", {
           "class": 'col-lg-12 p-0'
         }, /*#__PURE__*/React__default["default"].createElement("input", {
@@ -16211,7 +16194,6 @@ var Filter$1 = function Filter(props) {
         })));
       }
       if (item.type == 'NumberRange') {
-        var _ref2;
         var temppricevalue = {
           min: 0,
           max: 10000
@@ -16232,10 +16214,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__default["default"].createElement("label", {
           className: "".concat(filter_cssstyles.input_label_name) + ' mb-3 w-100',
-          style: (_ref2 = {
+          style: _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
             textAlign: langdetect == 'en' ? 'left' : 'right',
             color: sectionproperties.filtertitle_color
-          }, _defineProperty__default["default"](_ref2, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref2, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref2, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref2, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_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__default["default"].createElement("div", {
           "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
           style: {
@@ -16376,11 +16358,11 @@ var Filter$1 = function Filter(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", '1px solid #ccc'), _defineProperty__default["default"](_css, "borderRadius", '5px'), _defineProperty__default["default"](_css, "height", '40px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", '#000'), _defineProperty__default["default"](_css, "fontSize", '14px'), _defineProperty__default["default"](_css, ':focus', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 30px'), "transition", '.3s'), "fontWeight", 500), "border", '1px solid #ccc'), "borderRadius", '5px'), "height", '40px'), "background", 'transparent'), "color", '#000'), _defineProperty__default["default"](_defineProperty__default["default"](_css, "fontSize", '14px'), ':focus', {
       // borderColor: sectionproperties.inputfeildbordercoloronfocus,
       borderColor: '#eac435',
       boxShadow: 'none'
-    }), _css)),
+    }))),
     collapsetitle: glamor.css({
       fontSize: sectionproperties.filtertitle_fontsize + 'px',
       fontWeight: sectionproperties.filtertitle_fontweight,
@@ -16503,7 +16485,6 @@ var Filter$1 = function Filter(props) {
       }
       // filter_activebackgroundtransparent
     }),
-
     filteroptionverticalactive: glamor.css({
       background: sectionproperties.btn_item_activebgcolor,
       color: sectionproperties.activecat_color
@@ -17369,7 +17350,6 @@ var Filter$1 = function Filter(props) {
       // temppayloadobj = event.target.value;
       // setpricefrom({ ...temppayloadobj });
     },
-
     style: {
       background: '#fff',
       border: '1px solid #ccc',
@@ -17822,7 +17802,6 @@ var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
     filterrouting(tempfetchproductsfilerobjcontext);
     // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
-
   var CollectionsFilter = function CollectionsFilter() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 scrollhorixontalcontainer text-center px-sm-3"
@@ -17942,6 +17921,7 @@ var CardsSection = function CardsSection(props) {
     perpageItems = _useState14[0],
     setperpageItems = _useState14[1];
   var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
+  props.actions.authdetailsContext;
   React.useEffect(function () {
     var productfilerobjtemp = ProductFilterObjContext;
     if (props.filterparamsprops != undefined) {
@@ -19339,7 +19319,6 @@ var CardsSection = function CardsSection(props) {
 
       // color: '#62554a',
     },
-
     dangerouslySetInnerHTML: {
       __html: show_product_group_titles()['description_en']
     }
@@ -20058,7 +20037,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__default["default"](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;
@@ -20132,7 +20111,7 @@ var Resetpassword = function Resetpassword(props) {
     }
   }, [ForgetpasswordMutationContext.isSuccess]);
   var loginstyles2 = {
-    loginbtn: glamor.css((_css = {
+    loginbtn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       background: sectionproperties.generalbtn_bgColor,
       color: sectionproperties.login_btn_color,
       borderRadius: sectionproperties.generalbtnborderradius + 'px',
@@ -20141,11 +20120,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__default["default"](_css, "color", sectionproperties.generalbtn_textColor), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', {
+    }, "color", sectionproperties.generalbtn_textColor), "transition", '.3s'), ':hover', {
       background: sectionproperties.generalbtn_bgColoronhover,
       color: sectionproperties.generalbtn_textColoronhover,
       borderColor: sectionproperties.generalbtn_textColoronhover
-    }), _css)),
+    })),
     logininputLabel: glamor.css({
       color: sectionproperties.form_labelcolor,
       textTransform: sectionproperties.form_labeltexttransform,
@@ -20167,11 +20146,11 @@ var Resetpassword = function Resetpassword(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css2, "display", 'block'), _defineProperty__default["default"](_css2, "width", '100%'), _defineProperty__default["default"](_css2, "height", '35px'), _defineProperty__default["default"](_css2, "padding", '0 10px'), _defineProperty__default["default"](_css2, "transition", '.3s'), _defineProperty__default["default"](_css2, "fontWeight", 500), _defineProperty__default["default"](_css2, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css2, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css2, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css2, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css2, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css2, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css2, ':focus', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css2, "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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css2, "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty__default["default"](_css2, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css2))
+    })))
   };
   var LoginContent = function LoginContent() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -20442,7 +20421,6 @@ var Searchlist$1 = function Searchlist(props) {
       // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
     })
   };
-
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 m-0 w-100",
     style: {
@@ -22701,7 +22679,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__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
-  var _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;
@@ -22817,10 +22795,10 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       border: sectionproperties.cartBtnresp_borderWidth + 'px solid ' + sectionproperties.cartBtnresp_borderColor,
       transition: '.3s'
     }),
-    searchbarcont: glamor.css((_css = {
+    searchbarcont: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       position: 'relative',
       transition: '.3s'
-    }, _defineProperty__default["default"](_css, "position", 'relative'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '70px'), _defineProperty__default["default"](_css, "transition", '.3s'), _css)),
+    }, "position", 'relative'), "width", '100%'), "height", '70px'), "transition", '.3s')),
     searchbar_icon_cont: glamor.css({
       display: 'flex',
       justifyContent: 'center',
@@ -29862,7 +29840,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__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var 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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -29930,7 +29908,7 @@ var Simpleheader = function Simpleheader(props) {
       transition: 'all 0.2s',
       zIndex: 1000
     }),
-    navbar_item_text: glamor.css((_css = {
+    navbar_item_text: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       color: sectionproperties.header_fontColor,
       fontSize: sectionproperties.header_fontSize + 'px',
       textTransform: sectionproperties.header_textTransform,
@@ -29938,13 +29916,13 @@ var Simpleheader = function Simpleheader(props) {
       marginLeft: '10px',
       marginRight: '10px',
       transition: 'transform 0.3s cubic-bezier(0.2, 1, 0.8, 1)'
-    }, _defineProperty__default["default"](_css, "transition", '0.3s'), _defineProperty__default["default"](_css, "padding", 0), _defineProperty__default["default"](_css, ':hover', {
+    }, "transition", '0.3s'), "padding", 0), ':hover', {
       color: sectionproperties.header_fontColoronhover
-    }), _defineProperty__default["default"](_css, ':before', {
+    }), ':before', {
       background: sectionproperties.header_fontColoronhover
-    }), _defineProperty__default["default"](_css, ':after', {
+    }), ':after', {
       background: sectionproperties.header_fontColoronhover
-    }), _css)),
+    })),
     dropdownitem: glamor.css({
       padding: '0.3rem 0.8rem',
       display: 'flex',
@@ -29975,17 +29953,17 @@ var Simpleheader = function Simpleheader(props) {
         color: sectionproperties.favBtnTextcoloronhover
       }
     }),
-    cart_btn: glamor.css((_css2 = {
+    cart_btn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       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__default["default"](_css2, "color", sectionproperties.cart_iconcolor), _defineProperty__default["default"](_css2, "transition", '.3s'), _defineProperty__default["default"](_css2, ':hover', {
+    }, "color", sectionproperties.cart_iconcolor), "transition", '.3s'), ':hover', {
       background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
       color: sectionproperties.cartBtnTextcoloronhover
-    }), _css2)),
+    })),
     user_btn: glamor.css({
       background: sectionproperties.userbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.userBtnbgColor,
       width: sectionproperties.userBtnWidth + 'px',
@@ -30008,7 +29986,7 @@ var Simpleheader = function Simpleheader(props) {
       maxWidth: '100%',
       maxHeight: '100%'
     })
-  }, _defineProperty__default["default"](_header_cssstyles, "wishlist_btn", glamor.css({
+  }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_header_cssstyles, "wishlist_btn", glamor.css({
     width: sectionproperties.favBtnWidth + 'px',
     height: sectionproperties.favBtnHeight + 'px',
     background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
@@ -30023,13 +30001,13 @@ var Simpleheader = function Simpleheader(props) {
       background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
       color: sectionproperties.favBtnTextcoloronhover
     }
-  })), _defineProperty__default["default"](_header_cssstyles, "cartbadge", glamor.css({
+  })), "cartbadge", glamor.css({
     top: sectionproperties.cartbadgetop + 'px',
     right: sectionproperties.cartbadgeright + 'px'
-  })), _defineProperty__default["default"](_header_cssstyles, "favbadge", glamor.css({
+  })), "favbadge", glamor.css({
     top: sectionproperties.wishlistbadgetop + 'px',
     right: sectionproperties.wishlistbadgeright + 'px'
-  })), _defineProperty__default["default"](_header_cssstyles, "badge_counter_header_notifications", glamor.css({
+  })), "badge_counter_header_notifications", glamor.css({
     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center',
@@ -30042,7 +30020,7 @@ var Simpleheader = function Simpleheader(props) {
     color: sectionproperties.badge_color,
     borderRadius: sectionproperties.badge_borderradius + 'px',
     fontSize: sectionproperties.badge_fontsize + 'px'
-  })), _defineProperty__default["default"](_header_cssstyles, "languagecontainer", glamor.css({
+  })), "languagecontainer", glamor.css({
     color: sectionproperties.language_container_color,
     fontSize: sectionproperties.language_container_fontsize + 'px',
     fontWeight: 600,
@@ -30050,7 +30028,7 @@ var Simpleheader = function Simpleheader(props) {
     ':hover': {
       color: sectionproperties.language_container_coloronhover
     }
-  })), _defineProperty__default["default"](_header_cssstyles, "loggedintext", glamor.css({
+  })), "loggedintext", glamor.css({
     color: sectionproperties.userBtnTextcolor,
     fontSize: sectionproperties.userBtntextfontsize + 'px',
     fontWeight: sectionproperties.userBtnTextfontweight,
@@ -30058,7 +30036,7 @@ var Simpleheader = function Simpleheader(props) {
     ':hover': {
       color: sectionproperties.userBtnTextcoloronhover
     }
-  })), _defineProperty__default["default"](_header_cssstyles, "userbtnloggedin", glamor.css({
+  })), "userbtnloggedin", glamor.css({
     width: sectionproperties.loggedinuserbtn_width + 'px',
     height: sectionproperties.loggedinuserbtn_height + 'px',
     border: sectionproperties.userlogginbtnborderwidth + 'px solid ' + sectionproperties.userlogginbtnbordercolor,
@@ -30069,7 +30047,7 @@ var Simpleheader = function Simpleheader(props) {
     ':hover': {
       backgroundColor: sectionproperties.userBtnbgColoronhover_loggedin
     }
-  })), _defineProperty__default["default"](_header_cssstyles, "userBtnLoggedinContainer", glamor.css({
+  })), "userBtnLoggedinContainer", glamor.css({
     transition: '.3s',
     ':hover .loggedinuserbtn': {
       transition: '.3s',
@@ -30080,32 +30058,32 @@ var Simpleheader = function Simpleheader(props) {
       backgroundColor: sectionproperties.userBtnbgColoronhover_loggedin,
       color: sectionproperties.userbtn_loggedin_iconcoloronhover
     }
-  })), _defineProperty__default["default"](_header_cssstyles, "searchicon", glamor.css({
+  })), "searchicon", glamor.css({
     color: sectionproperties.searchbaricon_color,
     cursor: 'pointer',
     transition: '.3s',
     ':hover': {
       color: sectionproperties.searchbariconcoloronhover
     }
-  })), _defineProperty__default["default"](_header_cssstyles, "search_wrap", glamor.css({
+  })), "search_wrap", glamor.css({
     background: sectionproperties.searchbarcontinput_bgcolor
-  })), _defineProperty__default["default"](_header_cssstyles, "search_form", glamor.css({
+  })), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_header_cssstyles, "search_form", glamor.css({
     ':after': {
       backgroundColor: sectionproperties.searchbarcontinput_borderBottomcolor
     }
-  })), _defineProperty__default["default"](_header_cssstyles, "greetingstyles", glamor.css({
+  })), "greetingstyles", glamor.css({
     color: sectionproperties.greetingtextcolor,
     fontSize: sectionproperties.greetingtextfontsize + 'px',
     lineHeight: sectionproperties.greetingtextfontsize + 'px',
     fontWeight: 400
-  })), _defineProperty__default["default"](_header_cssstyles, "search_field", glamor.css({
+  })), "search_field", glamor.css({
     fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
     fontWeight: sectionproperties.searchbarcont_inputfontweight,
     color: sectionproperties.searchbarcontinput_color,
     '::placeholder': {
       color: sectionproperties.searchbarcontinput_color
     }
-  })), _defineProperty__default["default"](_header_cssstyles, "closeOverlayBtn", glamor.css({
+  })), "closeOverlayBtn", glamor.css({
     width: sectionproperties.closeSliderWidth + 'px',
     height: sectionproperties.closeSliderHeight + 'px',
     color: sectionproperties.closeSlider_color,
@@ -30117,7 +30095,7 @@ var Simpleheader = function Simpleheader(props) {
       color: sectionproperties.closeSlider_colorOnHover,
       borderColor: sectionproperties.closeSlider_colorOnHover
     }
-  })), _defineProperty__default["default"](_header_cssstyles, "headerinnercontainer", glamor.css({
+  })), "headerinnercontainer", glamor.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',
@@ -30128,14 +30106,14 @@ var Simpleheader = function Simpleheader(props) {
       backgroundColor: sectionproperties.header_backgroundColor,
       transition: '.3s ease-in-out'
     }
-  })), _defineProperty__default["default"](_header_cssstyles, "headerinnercontainerscrolled", glamor.css({
+  })), "headerinnercontainerscrolled", glamor.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__default["default"](_header_cssstyles, "floatingbtn", glamor.css({
+  })), "floatingbtn", glamor.css({
     width: sectionproperties.floatingbtnwidth + '%',
     height: sectionproperties.floatingbtnheight + 'px',
     background: sectionproperties.floatingbtnbg,
@@ -30151,7 +30129,7 @@ var Simpleheader = function Simpleheader(props) {
     '@media (max-width: 800px)': {
       width: '50%'
     }
-  })), _header_cssstyles);
+  })));
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center justify-content-center ",
     style: {
@@ -30767,7 +30745,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__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var 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;
@@ -31124,17 +31102,17 @@ var Header8 = function Header8(props) {
         color: sectionproperties.userbtn_loggedin_iconcoloronhover
       }
     }),
-    cart_btn: glamor.css((_css = {
+    cart_btn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       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__default["default"](_css, "color", sectionproperties.cart_iconcolor), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', {
+    }, "color", sectionproperties.cart_iconcolor), "transition", '.3s'), ':hover', {
       background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
       color: sectionproperties.cartBtnTextcoloronhover
-    }), _css)),
+    })),
     cartbadge: glamor.css({
       top: sectionproperties.cartbadgetop + 'px',
       right: sectionproperties.cartbadgeright + 'px'
@@ -37306,7 +37284,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__default["default"](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;
@@ -37543,7 +37521,6 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
       backgroundColor: sectionproperties.vl_bg
       // zIndex: 100,
     }),
-
     searchbarcont: glamor.css({
       position: 'relative',
       transition: '.3s',
@@ -37697,7 +37674,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
       borderRadius: sectionproperties.badge_borderradius + 'px',
       fontSize: sectionproperties.badge_fontsize + 'px'
     }),
-    categorybtn: glamor.css((_css = {
+    categorybtn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'Transparent' : sectionproperties.generalbtn_bgColor,
       width: sectionproperties.generalbtn_width + 'px',
       height: sectionproperties.generalbtn_height + 'px',
@@ -37708,10 +37685,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__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', {
+    }, "width", '100%'), "transition", '.3s'), ':hover', {
       background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'Transparent' : sectionproperties.generalbtn_bgColoronhover,
       color: sectionproperties.generalbtn_textColoronhover
-    }), _css)),
+    })),
     categorydropdownbtn: glamor.css({
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
@@ -38414,7 +38391,6 @@ var HeaderWithUtilityBar = function HeaderWithUtilityBar(props) {
       backgroundColor: sectionproperties.vl_bg
       // zIndex: 100,
     }),
-
     searchbarcont: glamor.css({
       position: 'relative',
       marginRight: langdetect == 'en' ? '1.1rem' : 0,
@@ -39074,7 +39050,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -39240,7 +39216,7 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
       width: templateproperties_context.logo_width + 'px',
       height: templateproperties_context.logo_height + 'px'
     }),
-    navbar_item_text: glamor.css((_css = {
+    navbar_item_text: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       color: sectionproperties.lowersection_fontColor,
       fontSize: sectionproperties.lowersection_fontsize + 'px',
       textTransform: sectionproperties.lowersection_textTransform,
@@ -39248,13 +39224,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__default["default"](_css, "transition", '0.3s'), _defineProperty__default["default"](_css, "padding", 0), _defineProperty__default["default"](_css, ':hover', {
+    }, "transition", '0.3s'), "padding", 0), ':hover', {
       color: sectionproperties.lowersection_fontColoronhover
-    }), _defineProperty__default["default"](_css, ':before', {
+    }), ':before', {
       background: sectionproperties.lowersection_fontColoronhover
-    }), _defineProperty__default["default"](_css, ':after', {
+    }), ':after', {
       background: sectionproperties.lowersection_fontColoronhover
-    }), _css)),
+    })),
     dropdownitem: glamor.css({
       padding: '0.3rem 0.8rem',
       display: 'flex',
@@ -39399,7 +39375,6 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
     //     },
     // }),
   };
-
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row ml-0 mr-0 w-100 d-flex align-items-center justify-content-center ",
     style: {
@@ -39841,7 +39816,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -39928,7 +39903,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
       transition: 'all 0.2s',
       zIndex: 1000
     }),
-    navbar_item_text: glamor.css((_css = {
+    navbar_item_text: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       color: sectionproperties.header_fontColor,
       fontSize: sectionproperties.header_fontSize + 'px',
       textTransform: sectionproperties.header_textTransform,
@@ -39936,13 +39911,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__default["default"](_css, "transition", '0.3s'), _defineProperty__default["default"](_css, "padding", 0), _defineProperty__default["default"](_css, ':hover', {
+    }, "transition", '0.3s'), "padding", 0), ':hover', {
       color: sectionproperties.header_fontColoronhover
-    }), _defineProperty__default["default"](_css, ':before', {
+    }), ':before', {
       background: sectionproperties.header_fontColoronhover
-    }), _defineProperty__default["default"](_css, ':after', {
+    }), ':after', {
       background: sectionproperties.header_fontColoronhover
-    }), _css)),
+    })),
     dropdownitem: glamor.css({
       padding: '0.3rem 0.8rem',
       display: 'flex',
@@ -40483,7 +40458,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__default["default"](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;
@@ -40606,7 +40581,6 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       backgroundColor: sectionproperties.vl_bg
       // zIndex: 100,
     }),
-
     searchbarcont: glamor.css({
       position: 'relative',
       transition: '.3s',
@@ -40761,7 +40735,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       borderRadius: sectionproperties.badge_borderradius + 'px',
       fontSize: sectionproperties.badge_fontsize + 'px'
     }),
-    categorybtn: glamor.css((_css = {
+    categorybtn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'Transparent' : sectionproperties.generalbtn_bgColor,
       width: sectionproperties.generalbtn_width + 'px',
       height: sectionproperties.generalbtn_height + 'px',
@@ -40772,10 +40746,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__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', {
+    }, "width", '100%'), "transition", '.3s'), ':hover', {
       background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'Transparent' : sectionproperties.generalbtn_bgColoronhover,
       color: sectionproperties.generalbtn_textColoronhover
-    }), _css)),
+    })),
     categorydropdownbtn: glamor.css({
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
@@ -48234,7 +48208,7 @@ var ModernFooter = function ModernFooter(props) {
 function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Newsletterfooter = function Newsletterfooter(props) {
-  var _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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -48278,7 +48252,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
     });
     return policyobj;
   };
-  var footerStyles = (_footerStyles = {
+  var footerStyles = _defineProperty__default["default"](_defineProperty__default["default"]({
     imgcontainer: glamor.css({
       ':before': {
         width: '100%',
@@ -48409,19 +48383,19 @@ var Newsletterfooter = function Newsletterfooter(props) {
       color: sectionproperties.prodCatColor,
       fontWeight: sectionproperties.prodCatFontWeight
     })
-  }, _defineProperty__default["default"](_footerStyles, "apptore", glamor.css({
+  }, "apptore", glamor.css({
     width: '35%',
     objectFit: 'contain',
     '@media (max-width: 800px)': {
       width: '30%'
     }
-  })), _defineProperty__default["default"](_footerStyles, "googleplay", glamor.css({
+  })), "googleplay", glamor.css({
     width: '35%',
     objectFit: 'contain',
     '@media (max-width: 800px)': {
       width: '30%'
     }
-  })), _footerStyles);
+  }));
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -49162,9 +49136,9 @@ var Newsletterincenter = function Newsletterincenter(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '35px'), _defineProperty__default["default"](_css, "padding", '0 10px 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "borderBottom", ' 1px solid ' + sectionproperties.newslettertitlecolor), _defineProperty__default["default"](_css, "height", '40px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", '#000'), _defineProperty__default["default"](_css, ':focus', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "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__default["default"](_css, ':focus', {
       // borderColor: sectionproperties.inputfeildbordercoloronfocus,
-    }), _css))
+    })))
   };
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -50122,7 +50096,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__default["default"](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 = reactIntersectionObserver.useInView();
     _useInView.ref;
     var inView = _useInView.inView;
@@ -50421,7 +50394,7 @@ var Sixverticalcardssection = function Sixverticalcardssection(props) {
       }
     }
   }, [sectionproperties]);
-  var section_cssstyles = (_section_cssstyles = {
+  var section_cssstyles = _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
     sectiontitlespan: glamor.css({
       ':after': {
         width: sectionproperties.sectitle_lineafterwidth + '%',
@@ -50442,25 +50415,25 @@ var Sixverticalcardssection = function Sixverticalcardssection(props) {
       borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
       border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
     })
-  }, _defineProperty__default["default"](_section_cssstyles, "sectiontitlespan", glamor.css({
+  }, "sectiontitlespan", glamor.css({
     ':after': {
       height: '5px',
       width: sectionproperties.sectitle_lineafterwidth + '%',
       backgroundColor: sectionproperties.linebgcolor
     }
-  })), _defineProperty__default["default"](_section_cssstyles, "line_left", glamor.css({
+  })), "line_left", glamor.css({
     height: '1px',
     position: 'relative',
     flex: '1 1 auto',
     minWidth: '10%',
     background: sectionproperties.linebgcolor
-  })), _defineProperty__default["default"](_section_cssstyles, "line_right", glamor.css({
+  })), "line_right", glamor.css({
     height: '1px',
     position: 'relative',
     flex: '1 1 auto',
     minWidth: '10%',
     background: sectionproperties.linebgcolor
-  })), _defineProperty__default["default"](_section_cssstyles, "filterbtn", glamor.css({
+  })), "filterbtn", glamor.css({
     width: sectionproperties.filterbtn_Width + 'px',
     height: sectionproperties.filterbtn_Height + 'px',
     background: sectionproperties.filterbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.filterbtn_bgColor,
@@ -50479,7 +50452,7 @@ var Sixverticalcardssection = function Sixverticalcardssection(props) {
       background: sectionproperties.filterbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.filterbtn_bgColoronhover,
       color: sectionproperties.filterbtn_Textcoloronhover
     }
-  })), _defineProperty__default["default"](_section_cssstyles, "viewmorebtn", glamor.css({
+  })), "viewmorebtn", glamor.css({
     width: sectionproperties.viewmorebtn_Width + 'px',
     height: sectionproperties.viewmorebtn_Height + 'px',
     background: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColor,
@@ -50493,7 +50466,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__default["default"].createElement("div", {
@@ -52263,10 +52236,22 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
         borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
         borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px'
       }
+    }),
+    imageoutercont: glamor.css({
+      height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'vh',
+      '@media (max-width: 800px)': {
+        height: '30vh'
+      }
+    }),
+    imageoutercont2: glamor.css({
+      height: sectionproperties.image_height2 == 0 ? '100%' : sectionproperties.image_height2 + 'vh',
+      '@media (max-width: 800px)': {
+        height: '25vh'
+      }
     })
   };
   var cardsrender = function cardsrender() {
-    var _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$10, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15, _cardsarray$16, _cardsarray$18, _cardsarray$19, _cardsarray$20;
+    var _authdetailsContext, _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__default["default"].createElement("div", {
       "class": 'row m-0 w-100'
     }, !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -52334,7 +52319,7 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       }
     }))), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 pr-md-2 ' : sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pr-md-2 ' : sectionproperties.paddingLeft != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 ' : section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center '
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, ((_authdetailsContext = authdetailsContext) === null || _authdetailsContext === void 0 || (_authdetailsContext = _authdetailsContext.instinfo) === null || _authdetailsContext === void 0 ? void 0 : _authdetailsContext.contactinfo.instid) != '672258d7826b4' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100 "
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 p-md-0 mb-md-3 cursor-pointer ',
@@ -52623,7 +52608,218 @@ var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCar
       "class": "col-lg-12 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered collectioncardbutton '
-    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))))));
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))), ((_authdetailsContext2 = authdetailsContext) === null || _authdetailsContext2 === void 0 || (_authdetailsContext2 = _authdetailsContext2.instinfo) === null || _authdetailsContext2 === void 0 ? void 0 : _authdetailsContext2.contactinfo.instid) != '672258d7826b4' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 "
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-6 p-md-0 mb-md-3 cursor-pointer '
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-12 cursor-pointer",
+      onClick: function onClick() {
+        var _cardsarray$21;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$21 = cardsarray[0]) === null || _cardsarray$21 === void 0 ? void 0 : _cardsarray$21.collectionid));
+      },
+      style: {
+        paddingLeft: sectionproperties.imagepadding + 'px',
+        paddingRight: sectionproperties.imagepadding + 'px',
+        marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: (_cardsarray$22 = cardsarray[0]) === null || _cardsarray$22 === void 0 ? void 0 : _cardsarray$22.image,
+      loading: "lazy",
+      style: {
+        width: '100%',
+        height: '100%',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        objectFit: 'cover',
+        zIndex: 1
+      }
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont,
+      style: _defineProperty__default["default"](_defineProperty__default["default"]({
+        position: 'absolute',
+        zIndex: 1000,
+        // height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'vh',
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": section_cssstyles.collectionname + ' m-0 p-0 '
+    }, langdetect == 'en' ? (_cardsarray$23 = cardsarray[0]) === null || _cardsarray$23 === void 0 ? void 0 : _cardsarray$23.name_en : (_cardsarray$24 = cardsarray[0]) === null || _cardsarray$24 === void 0 ? void 0 : _cardsarray$24.name_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-12 cursor-pointer",
+      onClick: function onClick() {
+        var _cardsarray$25;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$25 = cardsarray[2]) === null || _cardsarray$25 === void 0 ? void 0 : _cardsarray$25.collectionid));
+      },
+      style: {
+        paddingLeft: sectionproperties.imagepadding + 'px',
+        paddingRight: sectionproperties.imagepadding + 'px',
+        marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont2 + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: (_cardsarray$26 = cardsarray[2]) === null || _cardsarray$26 === void 0 ? void 0 : _cardsarray$26.image,
+      loading: "lazy",
+      style: {
+        width: '100%',
+        height: '100%',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        objectFit: 'cover',
+        zIndex: 1
+      }
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont2,
+      style: _defineProperty__default["default"](_defineProperty__default["default"]({
+        position: 'absolute',
+        zIndex: 1000,
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": section_cssstyles.collectionname + ' m-0 p-0 '
+    }, langdetect == 'en' ? (_cardsarray$27 = cardsarray[2]) === null || _cardsarray$27 === void 0 ? void 0 : _cardsarray$27.name_en : (_cardsarray$28 = cardsarray[2]) === null || _cardsarray$28 === void 0 ? void 0 : _cardsarray$28.name_ar)))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": 'col-6 pl-0 pr-0'
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-12 cursor-pointer",
+      onClick: function onClick() {
+        var _cardsarray$29;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$29 = cardsarray[1]) === null || _cardsarray$29 === void 0 ? void 0 : _cardsarray$29.collectionid));
+      },
+      style: {
+        paddingLeft: sectionproperties.imagepadding + 'px',
+        paddingRight: sectionproperties.imagepadding + 'px',
+        marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont2 + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: (_cardsarray$30 = cardsarray[1]) === null || _cardsarray$30 === void 0 ? void 0 : _cardsarray$30.image,
+      loading: "lazy",
+      style: {
+        width: '100%',
+        height: '100%',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        objectFit: 'cover',
+        zIndex: 1
+      }
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont2,
+      style: _defineProperty__default["default"](_defineProperty__default["default"]({
+        position: 'absolute',
+        zIndex: 1000,
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": section_cssstyles.collectionname + ' m-0 p-0 '
+    }, langdetect == 'en' ? (_cardsarray$31 = cardsarray[1]) === null || _cardsarray$31 === void 0 ? void 0 : _cardsarray$31.name_en : (_cardsarray$32 = cardsarray[1]) === null || _cardsarray$32 === void 0 ? void 0 : _cardsarray$32.name_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-12 cursor-pointer",
+      onClick: function onClick() {
+        var _cardsarray$33;
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$33 = cardsarray[3]) === null || _cardsarray$33 === void 0 ? void 0 : _cardsarray$33.collectionid));
+      },
+      style: {
+        paddingLeft: sectionproperties.imagepadding + 'px',
+        paddingRight: sectionproperties.imagepadding + 'px',
+        marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont + ' row m-0 w-100 ',
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: (_cardsarray$34 = cardsarray[3]) === null || _cardsarray$34 === void 0 ? void 0 : _cardsarray$34.image,
+      loading: "lazy",
+      style: {
+        width: '100%',
+        height: '100%',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        objectFit: 'cover',
+        zIndex: 1
+      }
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": section_cssstyles.imageoutercont,
+      style: _defineProperty__default["default"](_defineProperty__default["default"]({
+        position: 'absolute',
+        zIndex: 1000,
+        width: '100%'
+      }, "zIndex", 5), "left", 0)
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-flex allcentered h-100"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": section_cssstyles.collectionname + ' m-0 p-0 '
+    }, langdetect == 'en' ? (_cardsarray$35 = cardsarray[3]) === null || _cardsarray$35 === void 0 ? void 0 : _cardsarray$35.name_en : (_cardsarray$36 = cardsarray[3]) === null || _cardsarray$36 === void 0 ? void 0 : _cardsarray$36.name_ar))))))))))));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 d-flex w-100 justify-content-center",
@@ -52797,7 +52993,6 @@ var CardsSectionwithfilter = function CardsSectionwithfilter(props) {
     }
     // }
   };
-
   var productcardobjassigner = function productcardobjassigner(fetchedarray) {
     var temparray = [];
     fetchedarray.forEach(function (arrayItem, arrayindex) {
@@ -54829,7 +55024,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -54989,14 +55184,14 @@ var Backgroundimage1 = function Backgroundimage1(props) {
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row ml-auto mr-auto d-flex justofy-content-center",
-    style: (_ref = {
+    style: _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       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__default["default"](_ref, "marginTop", sectionproperties.marginTop + 'px'), _defineProperty__default["default"](_ref, "marginBottom", sectionproperties.marginBottom + 'px'), _defineProperty__default["default"](_ref, "height", sectionproperties.height + 'vh'), _ref)
+    }, "marginTop", sectionproperties.marginTop + 'px'), "marginBottom", sectionproperties.marginBottom + 'px'), "height", sectionproperties.height + 'vh')
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0",
     style: {
@@ -55006,11 +55201,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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       height: '100%',
       width: '100%',
       objectFit: 'cover'
-    }, _defineProperty__default["default"](_ref2, "height", sectionproperties.height + 'vh'), _defineProperty__default["default"](_ref2, "background", sectionproperties.backgroundColor), _defineProperty__default["default"](_ref2, "margin", 0), _defineProperty__default["default"](_ref2, "padding", 0), _defineProperty__default["default"](_ref2, "borderTopLeftRadius", sectionproperties.borderTopLeftRadius + 'px'), _defineProperty__default["default"](_ref2, "borderTopRightRadius", sectionproperties.borderTopRightRadius + 'px'), _defineProperty__default["default"](_ref2, "borderBottomLeftRadius", sectionproperties.borderBottomLeftRadius + 'px'), _defineProperty__default["default"](_ref2, "borderBottomRightRadius", sectionproperties.borderBottomRightRadius + 'px'), _defineProperty__default["default"](_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__default["default"].createElement("div", {
     className: "".concat(bg1_cssstyles.bgImageContainer) + ' col-lg-12 p-0 w-100 ',
     style: {
@@ -55268,11 +55463,11 @@ var CustomerAddressForm = function CustomerAddressForm(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "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__default["default"](_defineProperty__default["default"](_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
-    }), _css))
+    })))
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100",
@@ -55585,11 +55780,11 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", '1px solid #e6e6e6'), _defineProperty__default["default"](_css, "borderRadius", '5px'), _defineProperty__default["default"](_css, "height", '38px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", '#000'), _defineProperty__default["default"](_css, "fontSize", '14px'), _defineProperty__default["default"](_css, ':focus', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 30px'), "transition", '.3s'), "fontWeight", 500), "border", '1px solid #e6e6e6'), "borderRadius", '5px'), "height", '38px'), "background", 'transparent'), "color", '#000'), _defineProperty__default["default"](_defineProperty__default["default"](_css, "fontSize", '14px'), ':focus', {
       // borderColor: sectionproperties.inputfeildbordercoloronfocus,
       borderColor: '#eac435',
       boxShadow: 'none'
-    }), _css)),
+    }))),
     btnstyles: glamor.css({
       width: sectionproperties.generalbtn_width + '%',
       height: sectionproperties.generalbtn_height + 'px',
@@ -57190,7 +57385,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__default["default"](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 = React.useState(''),
@@ -57328,14 +57522,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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       position: 'absolute',
       top: 0,
       left: 0,
       right: 0,
       margin: 'auto',
       objectFit: 'cover'
-    }, _defineProperty__default["default"](_ref, "margin", 0), _defineProperty__default["default"](_ref, "padding", 0), _defineProperty__default["default"](_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__default["default"].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
@@ -58845,7 +59039,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__default["default"](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;
@@ -59087,7 +59281,6 @@ var DynamicForm = function DynamicForm(props) {
         // temp.countrydialcode = country.dialCode;
         // setpayloadobj({ ...temp });
       },
-
       style: {
         direction: 'ltr',
         color: sectionproperties.inputfieldcolor
@@ -59160,12 +59353,12 @@ var DynamicForm = function DynamicForm(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, "fontSize", sectionproperties.inputfieldfontsize + 'px'), _defineProperty__default["default"](_css, "marginBottom", sectionproperties.inputfieldbordertype == 'All' ? 20 : 0), _defineProperty__default["default"](_css, ':focus', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), "fontSize", sectionproperties.inputfieldfontsize + 'px'), "marginBottom", sectionproperties.inputfieldbordertype == 'All' ? 20 : 0), ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus,
       boxShadow: 'none',
       transition: '.3s'
-    }), _css)),
-    generalbtn: glamor.css((_css2 = {
+    }))),
+    generalbtn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"]({
       width: sectionproperties.generalbtn_width + '%',
       height: sectionproperties.generalbtn_height + 'px',
       backgroundColor: sectionproperties.generalbtn_bgColor,
@@ -59173,11 +59366,11 @@ var DynamicForm = function DynamicForm(props) {
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize,
       fontWeight: sectionproperties.generalbtn_fontweight
-    }, _defineProperty__default["default"](_css2, "borderRadius", sectionproperties.generalbtnborderradius + 'px'), _defineProperty__default["default"](_css2, ':hover', {
+    }, "borderRadius", sectionproperties.generalbtnborderradius + 'px'), ':hover', {
       transition: '.3s',
       color: sectionproperties.generalbtn_textColoronhover,
       backgroundColor: sectionproperties.generalbtn_bgColoronhover
-    }), _css2)),
+    })),
     btnLeft: glamor.css({
       width: 40,
       height: 40,
@@ -59457,7 +59650,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -59510,13 +59702,13 @@ var Searchcomponent = function Searchcomponent(props) {
   }, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_Ar)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 allcentered mb-5"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    style: (_ref = {
+    style: _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       position: 'relative',
       border: '1px solid #ccc',
       borderRadius: '10px',
       width: '50%',
       height: '40px'
-    }, _defineProperty__default["default"](_ref, "position", 'relative'), _defineProperty__default["default"](_ref, "transition", '.3s'), _defineProperty__default["default"](_ref, "borderRadius", '5px'), _ref),
+    }, "position", 'relative'), "transition", '.3s'), "borderRadius", '5px'),
     "class": "w-md-100"
   }, /*#__PURE__*/React__default["default"].createElement("input", {
     type: "text",
@@ -63073,7 +63265,6 @@ var Slideshowfade = function Slideshowfade(props) {
     //     }
     // }
   };
-
   var LanguageCurrencyCont = function LanguageCurrencyCont(item) {
     var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3;
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -63534,7 +63725,6 @@ var Slideshowslide = function Slideshowslide(props) {
           }
         }
       },
-
       style: {
         direction: langdetect == 'en' ? 'ltr' : 'rtl'
       }
@@ -63778,7 +63968,6 @@ var Slideshowslide = function Slideshowslide(props) {
             }
           }
         },
-
         style: _defineProperty__default["default"]({
           direction: langdetect == 'en' ? 'ltr' : 'rtl',
           width: '100%',
@@ -66990,7 +67179,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__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
@@ -67354,7 +67542,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -67389,14 +67576,14 @@ var HorizontalCategoryCard = function HorizontalCategoryCard(props) {
     return divContainer.textContent || divContainer.innerText || '';
   };
   var categorycard_cssstyles = {
-    categoryCard: glamor.css((_css = {
+    categoryCard: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       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__default["default"](_css, "border", sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor), _defineProperty__default["default"](_css, "marginTop", sectionproperties.marginTop + 'px'), _defineProperty__default["default"](_css, "marginBottom", sectionproperties.marginBottom + 'px'), _defineProperty__default["default"](_css, "paddingLeft", langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px'), _defineProperty__default["default"](_css, "paddingRight", langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'), _defineProperty__default["default"](_css, "paddingTop", sectionproperties.paddingTop + 'px'), _defineProperty__default["default"](_css, "paddingBottom", sectionproperties.paddingBottom + 'px'), _defineProperty__default["default"](_css, "transition", '0.3s'), _defineProperty__default["default"](_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: glamor.css({
       fontSize: sectionproperties.generaltext_fontSize + 'px',
       color: sectionproperties.generaltext_fontColor,
@@ -67525,7 +67712,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -67570,7 +67756,7 @@ var NewProductcard = function NewProductcard(props) {
         maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
       }
     }),
-    innerproductcard: glamor.css((_css = {
+    innerproductcard: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
       opacity: sectionproperties.cardbg_opacity,
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
@@ -67586,13 +67772,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__default["default"](_css, "opacity", sectionproperties.cardbg_opacity), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', _defineProperty__default["default"]({
+    }, "opacity", sectionproperties.cardbg_opacity), "transition", '.3s'), ':hover', _defineProperty__default["default"]({
       opacity: sectionproperties.bgopacityonhover,
       color: sectionproperties.prodNameColorOnHover
-    }, "opacity", sectionproperties.bgopacityonhover)), _defineProperty__default["default"](_css, ':hover .buttoncont', {
+    }, "opacity", sectionproperties.bgopacityonhover)), ':hover .buttoncont', {
       bottom: '30%',
       opacity: 1
-    }), _css)),
+    })),
     productcard_imgcontainer: glamor.css({
       background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
       border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
@@ -68146,7 +68332,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -68283,7 +68468,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__default["default"](_defineProperty__default["default"]({
       width: '100%',
       height: '100%',
       objectFit: sectionproperties.bgcovercontain,
@@ -68291,7 +68476,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__default["default"](_ref, "height", sectionproperties.image_height + 'px'), _defineProperty__default["default"](_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);
@@ -69132,7 +69317,6 @@ var Card23 = function Card23(props) {
         // borderColor: sectionproperties.cartBtnTextcoloronhover,
       }
     }),
-
     iconsContainer: glamor.css({
       display: 'flex',
       flexDirection: 'column',
@@ -69459,7 +69643,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'
@@ -69611,7 +69795,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -69762,20 +69945,20 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
       background: sectionproperties.badge_bgcolor,
       borderRadius: sectionproperties.badge_borderradius + 'px'
     }),
-    card: glamor.css((_css = {
+    card: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"]({
       ':hover .iconsContainer': {
         opacity: 1,
         transition: 'all, 0.4s',
         right: 10
       }
-    }, _defineProperty__default["default"](_css, ":hover .iconsContainer", {
+    }, ":hover .iconsContainer", {
       opacity: 1,
       transition: 'all, 0.4s',
       right: 10
-    }), _defineProperty__default["default"](_css, ':hover .description', {
+    }), ':hover .description', {
       display: 'block',
       transition: 'all, 0.4s'
-    }), _css))
+    }))
   };
   var plainString = function plainString(html) {
     var divContainer = document.createElement('div');
@@ -70544,7 +70727,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__default["default"](_css, "border", sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor), _defineProperty__default["default"](_css, "marginTop", sectionproperties.marginTop + 'px'), _defineProperty__default["default"](_css, "marginBottom", sectionproperties.marginBottom + 'px'), _defineProperty__default["default"](_css, "paddingLeft", langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px'), _defineProperty__default["default"](_css, "paddingRight", langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'), _defineProperty__default["default"](_css, "paddingTop", sectionproperties.paddingTop + 'px'), _defineProperty__default["default"](_css, "paddingBottom", sectionproperties.paddingBottom + 'px'), _defineProperty__default["default"](_css, "transition", '0.3s'), _defineProperty__default["default"](_css, "cursor", 'pointer'), _defineProperty__default["default"](_css, ':after', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "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',
@@ -70563,7 +70746,7 @@ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestr
       opacity: sectionproperties.cardtransition_opacity
     }), _defineProperty__default["default"](_css, ':hover:after', {
       opacity: sectionproperties.cardtransitionbgopacityonhover
-    }), _css)),
+    }))),
     caption: glamor.css({
       zIndex: 2,
       ':before': {
@@ -71064,7 +71247,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -71163,7 +71345,7 @@ var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props)
         color: sectionproperties.text_secondarycolor
       }
     }),
-    card_btn: glamor.css((_css = {
+    card_btn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"]({
       transition: '0.3s',
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
@@ -71175,10 +71357,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__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', {
+    }, "transition", '.3s'), ':hover', {
       background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
       color: sectionproperties.generalbtn_textColoronhover
-    }), _css))
+    }))
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100",
@@ -71233,7 +71415,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -71279,7 +71460,7 @@ var Categorycard_withshapes = function Categorycard_withshapes(props) {
     setitem(props.cardinfoitemprops);
   }, [props.cardinfoitemprops]);
   var card_cssstyles = {
-    categoryCard: glamor.css((_css = {
+    categoryCard: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
@@ -71299,9 +71480,9 @@ var Categorycard_withshapes = function Categorycard_withshapes(props) {
       cursor: 'pointer',
       opacity: sectionproperties.cardbg_opacity,
       overflow: 'hidden'
-    }, _defineProperty__default["default"](_css, "cursor", 'pointer'), _defineProperty__default["default"](_css, "backgroundSize", 'cover'), _defineProperty__default["default"](_css, "backgroundRepeat", 'no-repeat'), _defineProperty__default["default"](_css, "backgroundPosition", 'center'), _defineProperty__default["default"](_css, "transition", '0.3s'), _defineProperty__default["default"](_css, ':after', {
+    }, "cursor", 'pointer'), "backgroundSize", 'cover'), "backgroundRepeat", 'no-repeat'), "backgroundPosition", 'center'), "transition", '0.3s'), ':after', {
       backgroundColor: sectionproperties.transitionbg_color
-    }), _css)),
+    })),
     categorycardtext: glamor.css({
       fontSize: sectionproperties.generaltext_fontSize + 'px',
       color: sectionproperties.generaltext_fontColor,
@@ -71312,12 +71493,10 @@ var Categorycard_withshapes = function Categorycard_withshapes(props) {
       background: sectionproperties.firstcolor
       // primary
     }),
-
     shadow2: glamor.css({
       background: sectionproperties.secondcolor
       // primary
     }),
-
     cards_three__rect2: glamor.css({
       ':before': {
         background: sectionproperties.secondcolor
@@ -71803,7 +71982,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -71848,9 +72026,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__default["default"](_defineProperty__default["default"]({
         minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.image_width_resp + 'px'
-      }, _defineProperty__default["default"](_mediaMaxWidth, "minWidth", props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.image_width_resp + 'px'), _defineProperty__default["default"](_mediaMaxWidth, "height", sectionproperties.height_responsive + 'px'), _mediaMaxWidth)
+      }, "minWidth", props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.image_width_resp + 'px'), "height", sectionproperties.height_responsive + 'px')
     }),
     textContainer: glamor.css({
       width: sectionproperties.width + 'px',
@@ -72272,7 +72450,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -72364,7 +72542,7 @@ var MenuCard = function MenuCard(props) {
       transition: '.3s',
       color: sectionproperties.prodNameColor
     }),
-    productcardimagecont: glamor.css((_css = {
+    productcardimagecont: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       position: 'relative',
       overflow: 'hidden',
       background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
@@ -72376,9 +72554,9 @@ var MenuCard = function MenuCard(props) {
       transition: '.3s',
       height: sectionproperties.image_height + 'px',
       width: sectionproperties.image_width + 'px'
-    }, _defineProperty__default["default"](_css, "borderBottomLeftRadius", langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px'), _defineProperty__default["default"](_css, "borderBottomRightRadius", langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'), _defineProperty__default["default"](_css, "borderTopLeftRadius", langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px'), _defineProperty__default["default"](_css, "borderTopRightRadius", langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'), _defineProperty__default["default"](_css, "overflow", 'hidden'), _defineProperty__default["default"](_css, "cursor", 'pointer'), _defineProperty__default["default"](_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: glamor.css({
       fontSize: sectionproperties.prodNameFontSize + 'px',
       textTransform: sectionproperties.prodNameTextTranform,
@@ -72441,7 +72619,7 @@ var MenuCard = function MenuCard(props) {
       flex: 1,
       border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
       height: sectionproperties.quantitybtn_height + 'px'
-    }, _defineProperty__default["default"](_css2, "height", '40px'), _defineProperty__default["default"](_css2, "display", 'flex'), _defineProperty__default["default"](_css2, "flexDirection", 'row'), _defineProperty__default["default"](_css2, "overflow", 'hidden'), _defineProperty__default["default"](_css2, "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), _defineProperty__default["default"](_css2, "background", sectionproperties.quantitybtn_bgcolor), _defineProperty__default["default"](_css2, "alignItems", 'center'), _defineProperty__default["default"](_css2, "justifyContent", 'center'), _defineProperty__default["default"](_css2, "margin", 0), _defineProperty__default["default"](_css2, "position", 'relative'), _defineProperty__default["default"](_css2, "fontWeight", sectionproperties.quantitybtn_textfontweight), _defineProperty__default["default"](_css2, "color", sectionproperties.quantitybtn_textcolor), _defineProperty__default["default"](_css2, "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'), _css2)),
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css2, "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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css2, "fontWeight", sectionproperties.quantitybtn_textfontweight), "color", sectionproperties.quantitybtn_textcolor), "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'))),
     quantitybtn_text: glamor.css({
       margin: 'auto'
     }),
@@ -72951,7 +73129,7 @@ var ServiceCard = function ServiceCard(props) {
       flex: 1,
       border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
       height: sectionproperties.quantitybtn_height + 'px'
-    }, _defineProperty__default["default"](_css, "height", '40px'), _defineProperty__default["default"](_css, "display", 'flex'), _defineProperty__default["default"](_css, "flexDirection", 'row'), _defineProperty__default["default"](_css, "overflow", 'hidden'), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.quantitybtn_bgcolor), _defineProperty__default["default"](_css, "alignItems", 'center'), _defineProperty__default["default"](_css, "justifyContent", 'center'), _defineProperty__default["default"](_css, "margin", 0), _defineProperty__default["default"](_css, "position", 'relative'), _defineProperty__default["default"](_css, "fontWeight", sectionproperties.quantitybtn_textfontweight), _defineProperty__default["default"](_css, "color", sectionproperties.quantitybtn_textcolor), _defineProperty__default["default"](_css, "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'), _css)),
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "fontWeight", sectionproperties.quantitybtn_textfontweight), "color", sectionproperties.quantitybtn_textcolor), "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'))),
     quantitybtn_text: glamor.css({
       margin: 'auto'
     }),
@@ -73569,7 +73747,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -73721,7 +73898,7 @@ var ModernProductCard = function ModernProductCard(props) {
         maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
       }
     }),
-    innerproductcard: glamor.css((_css = {
+    innerproductcard: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
       opacity: sectionproperties.cardbg_opacity,
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
@@ -73737,13 +73914,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__default["default"](_css, "opacity", sectionproperties.cardbg_opacity), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', _defineProperty__default["default"]({
+    }, "opacity", sectionproperties.cardbg_opacity), "transition", '.3s'), ':hover', _defineProperty__default["default"]({
       opacity: sectionproperties.bgopacityonhover,
       color: sectionproperties.prodNameColorOnHover
-    }, "opacity", sectionproperties.bgopacityonhover)), _defineProperty__default["default"](_css, ':hover .buttoncont', {
+    }, "opacity", sectionproperties.bgopacityonhover)), ':hover .buttoncont', {
       bottom: '30%',
       opacity: 1
-    }), _css)),
+    })),
     productcardimagecont: glamor.css({
       position: 'relative',
       overflow: 'hidden',
@@ -75480,7 +75657,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;
@@ -75495,7 +75671,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__default["default"](_defineProperty__default["default"]({
         opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? sectionproperties.outofstockimageopcity : 1,
         width: sectionproperties.imageInnerWidth_Height + '%',
         height: sectionproperties.imageInnerWidth_Height + '%',
@@ -75504,7 +75680,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__default["default"](_ref, "width", '100%'), _defineProperty__default["default"](_ref, "height", '100%'), _ref),
+      }, "width", '100%'), "height", '100%'),
       loading: "lazy",
       onClick: function onClick() {
         setShowProductInfoModalContext(true);
@@ -75650,7 +75826,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -75694,7 +75869,7 @@ var Productcard6 = function Productcard6(props) {
     setitem(props.cardinfoitemprops);
   }, [props.cardinfoitemprops]);
   var card_cssstyles = {
-    productcard: glamor.css((_css = {
+    productcard: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
       position: 'relative',
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
       boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
@@ -75714,9 +75889,9 @@ var Productcard6 = function Productcard6(props) {
       transition: '0.3s',
       cursor: 'pointer',
       opacity: sectionproperties.cardbg_opacity
-    }, _defineProperty__default["default"](_css, "border", sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor), _defineProperty__default["default"](_css, ':hover', {
+    }, "border", sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor), ':hover', {
       opacity: sectionproperties.bgopacityonhover
-    }), _defineProperty__default["default"](_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',
@@ -75732,9 +75907,9 @@ var Productcard6 = function Productcard6(props) {
       transition: ' 0.3s',
       background: sectionproperties.transitionbg_color,
       opacity: sectionproperties.cardtransition_opacity
-    }), _defineProperty__default["default"](_css, ':hover:after', {
+    }), ':hover:after', {
       opacity: sectionproperties.cardtransitionbgopacityonhover
-    }), _css)),
+    })),
     productNameStyles: glamor.css({
       color: sectionproperties.prodNameColor,
       fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -76123,7 +76298,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -76194,7 +76368,7 @@ var Productcarddefault = function Productcarddefault(props) {
         borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
       }
     }),
-    productcard_image_container: glamor.css((_css = {
+    productcard_image_container: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"]({
       height: sectionproperties.height + 'px',
       // border: sectionproperties.image_borderWidth + 'px solid ' + sectionproperties.image_bordercolor,
       // boxShadow: sectionproperties.image_showshadow == 'Show' ? ' 0 0 10px ' + sectionproperties.image_shadowcolor : '',
@@ -76213,9 +76387,9 @@ var Productcarddefault = function Productcarddefault(props) {
       backgroundSize: 'cover',
       backgroundRepeat: 'no-repeat',
       backgroundPosition: 'center'
-    }, _defineProperty__default["default"](_css, "opacity", sectionproperties.cardimg_opacity), _defineProperty__default["default"](_css, ':hover', {
+    }, "opacity", sectionproperties.cardimg_opacity), ':hover', {
       opacity: sectionproperties.cardimg_opacityonhover
-    }), _css)),
+    })),
     textContainer: glamor.css({
       paddingLeft: sectionproperties.paddingLeft + 'px',
       paddingRight: sectionproperties.paddingRight + 'px',