tabexseriescomponents 0.0.35 → 0.0.39

package/dist/index.esm.js

@@ -1,6 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState, useEffect, useContext } from 'react';
+import React, { useState, useEffect, Component, useContext } from 'react';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
+import _inherits from '@babel/runtime/helpers/inherits';
+import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import Cookies from 'universal-cookie';
 import { AiOutlineUser, AiOutlineMinus, AiOutlineLogin, AiOutlineUserAdd, AiFillStar, AiOutlineHeart, AiOutlineStar, AiOutlineInstagram, AiFillInstagram, AiFillPhone, AiOutlineMail, AiOutlineClockCircle, AiOutlinePhone } from 'react-icons/ai';
 import { CircularProgress } from 'react-cssfx-loading';
 import { css } from 'glamor';
@@ -12,13 +19,16 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { Offcanvas } from 'react-bootstrap';
 import { IoLocationSharp, IoBagHandleOutline, IoClose } from 'react-icons/io5';
 import { IKImage } from 'imagekitio-react';
-import { HiOutlineChevronRight, HiOutlineChevronLeft, HiOutlineTrash, HiOutlinePlus, HiMenuAlt4, HiOutlineClock } from 'react-icons/hi';
+import { HiOutlineChevronRight, HiOutlineChevronLeft, HiOutlineTrash, HiUser, HiOutlinePlus, HiMenuAlt4, HiOutlineClock } from 'react-icons/hi';
 import { GoGlobe, GoSearch, GoLocation } from 'react-icons/go';
-import { BsGlobe2, BsBag, BsFillArrowRightCircleFill, BsFillArrowLeftCircleFill, BsHandbag, BsTelephone, BsSearch, BsCartCheck, BsInfoCircle, BsWhatsapp } from 'react-icons/bs';
+import { BsGlobe2, BsBag, BsCheck2Circle, BsFillTelephoneFill, BsFillArrowRightCircleFill, BsFillArrowLeftCircleFill, BsHandbag, BsTelephone, BsSearch, BsCartCheck, BsInfoCircle, BsWhatsapp } from 'react-icons/bs';
 import { FiShoppingCart, FiShoppingBag, FiFilter, FiUser, FiSearch } from 'react-icons/fi';
 import { MdOutlinePolicy, MdOutlineShoppingCart, MdOutlineLayersClear, MdKeyboardArrowDown, MdAlternateEmail, MdLocationOn, MdLocationPin } from 'react-icons/md';
 import { IoMdClose, IoIosArrowRoundForward, IoIosArrowRoundBack, IoIosArrowUp } from 'react-icons/io';
 import { CgShoppingBag, CgMenuLeft, CgMenuRight } from 'react-icons/cg';
+import TextareaAutosize from 'react-textarea-autosize';
+import Select from 'react-select';
+import { GrMail } from 'react-icons/gr';
 import { Accordion, AccordionItem, AccordionItemHeading, AccordionItemButton, AccordionItemState, AccordionItemPanel } from 'react-accessible-accordion';
 import Dropdown from 'react-bootstrap/Dropdown';
 import { useInView } from 'react-intersection-observer';
@@ -64,6 +74,283 @@ var AwesomeButton = function AwesomeButton(props) {
   }, "123sdasdasdadsd", children.toUpperCase());
 };
 
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var LanguageContext$1 = /*#__PURE__*/React.createContext();
+var LanguageProvider = /*#__PURE__*/function (_Component) {
+  _inherits(LanguageProvider, _Component);
+
+  var _super = _createSuper(LanguageProvider);
+
+  function LanguageProvider(props) {
+    var _en, _ar;
+
+    var _this;
+
+    _classCallCheck(this, LanguageProvider);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "setlang", function (key) {
+      var cookies = new Cookies();
+      cookies.set('sitelang', key, {
+        path: '/'
+      });
+
+      _this.setState({
+        langdetect: key
+      });
+
+      window.location.reload();
+    });
+
+    _this.state = {
+      lang: {
+        en: (_en = {
+          workinghours: 'Working Hours',
+          english: 'English',
+          arabic: 'Arabic',
+          hello: 'Hello',
+          // Static Pages
+          orderhistory: 'Previous orders',
+          policies: 'Policies',
+          wishlist: 'Wishlist',
+          mywishlist: 'My wishlist',
+          accountinformation: 'Account information',
+          account: 'Account',
+          viewcart: 'View cart',
+          cart: 'Cart',
+          myshoppingcart: 'My shopping cart',
+          previousorders: 'Previous orders',
+          checkout: 'Checkout',
+          mycart: 'My cart',
+          login: 'Login',
+          signup: 'Signup',
+          // General
+          inprogress: 'In progress',
+          status: 'Status',
+          excludingdelivery: 'Excluding delivery',
+          stayconnected: 'Stay connected',
+          availability: 'Availability',
+          available: 'Available',
+          limitedquantity: 'Limited quantity',
+          securepayment: 'Secure payment',
+          trustedshipping: 'Trusted shipping',
+          callus: 'CALL US',
+          returnpolicy: 'Return policy',
+          shippingpolicy: 'Shipping policy',
+          deliverto: 'Deliver to',
+          support247: 'Support 24/7',
+          select: 'Select',
+          usefullinks: 'Useful links',
+          helpcenter: 'Help center',
+          loggedinas: 'Logged in as',
+          // Buttons
+          logout: 'Logout',
+          addtocart: 'Add to cart',
+          addtofavorites: 'Add to favorites',
+          removefromfav: 'Remove from favorites',
+          description: 'Description',
+          showmore: 'Show more',
+          remove: 'Remove',
+          shopbycategory: 'shop by category',
+          confirmorder: 'Confirm Order',
+          continuetopayment: 'Continue To Payment',
+          doyouhavepromocode: 'Do you have a promo code?',
+          loginwithfacebook: 'Sign in with facebook',
+          orsigninwith: 'Or Sign in with',
+          orsignupwith: 'Or Sign up with',
+          // Products
+          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',
+          // Orders
+          orderid: 'Order ID',
+          numberofproducts: 'Number of products',
+          checkyourorder: 'Check your order',
+          // Placeholders
+          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',
+          //
+          nofavoriteproducts: 'Your wishlist is empty',
+          // Notifications
+          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: 'Product is added to your wishlist',
+          productrmovedfromwishlist: 'Product is removed from your wishlist',
+          fillthemissingfields: 'Please complete the missing fields',
+          passwordsdontmatch: "Passwords don't match",
+          loggedinsuccess: 'Logged in successfully',
+          // Checkout
+          subtotal: 'Sub total',
+          discount: 'Discount',
+          outofzone: 'Out of zone'
+        }, _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "cod", 'Cash on Delivery'), _defineProperty(_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty(_en, "onlinepayment", 'Online Payment'), _defineProperty(_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty(_en, "shippingfees", 'Shipping fees'), _defineProperty(_en, "shippingaddress", 'Shipping address'), _defineProperty(_en, "cardnumber", 'Card number'), _defineProperty(_en, "year", 'Year'), _defineProperty(_en, "month", 'Month'), _defineProperty(_en, "cvv", 'CVV'), _defineProperty(_en, "nameoncard", 'Name On Card'), _defineProperty(_en, "country", 'Country'), _defineProperty(_en, "addressdetails", 'ِAddress details'), _defineProperty(_en, "stategov", 'State/Governorate'), _defineProperty(_en, "city", 'City'), _defineProperty(_en, "paymentmethod", 'Payment method'), _defineProperty(_en, "productimage", 'Product image'), _defineProperty(_en, "orderdetails", 'Order details'), _defineProperty(_en, "orderinvoice", 'Order invoice'), _defineProperty(_en, "promocodediscount", 'Promo code discount'), _defineProperty(_en, "address", 'Address'), _defineProperty(_en, "signup", 'Signup'), _defineProperty(_en, "update", 'Update'), _defineProperty(_en, "phonenumber", 'Mobile number'), _defineProperty(_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty(_en, "name", 'Name'), _defineProperty(_en, "email", 'Email'), _defineProperty(_en, "password", 'Password'), _defineProperty(_en, "confirmpassword", 'Confirm password'), _defineProperty(_en, "showmore", 'Show more'), _defineProperty(_en, "showless", 'Show less'), _defineProperty(_en, "contactdetails", 'Contact Information'), _defineProperty(_en, "asaguest", 'As a guest'), _defineProperty(_en, "choosecountryfirst", 'Please choose country first'), _defineProperty(_en, "security", 'Security'), _defineProperty(_en, "personalinformation", 'Personal Information'), _defineProperty(_en, "contactus", 'Contact us'), _defineProperty(_en, "slogan", 'Your website & mobile application in one place'), _en),
+        ar: (_ar = {
+          workinghours: 'مواعيد العمل',
+          english: 'لغه إنجليزيه',
+          arabic: 'لغه عربيه',
+          hello: 'مرحبا',
+          // Static Pages
+          orderhistory: 'الطلبات السابقة',
+          policies: 'السياسات',
+          wishlist: 'المفضلات',
+          mywishlist: 'مفضلاتى',
+          accountinformation: 'الملف الشخصي',
+          account: 'الملف الشخصي',
+          viewcart: 'حقيبة التسوق',
+          cart: 'حقيبة التسوق',
+          myshoppingcart: 'حقيبة التسوق',
+          previousorders: 'الطلبات السابقة',
+          checkout: 'الدفع',
+          mycart: 'عربة التسوق',
+          login: 'تسجيل الدخول',
+          signup: 'إنشاء الحساب',
+          // General
+          inprogress: 'جارى',
+          status: 'الحالة',
+          excludingdelivery: 'غير شامل سعر الشحن',
+          stayconnected: 'ابق على اتصال بنا',
+          availability: 'توافر المنتج',
+          available: 'متوافر',
+          limitedquantity: 'كمية محدودة',
+          securepayment: 'دفع امن',
+          trustedshipping: 'شحن امن',
+          callus: 'إتصل بنا',
+          returnpolicy: 'سياسة الإستبدال و الإسترجاع',
+          shippingpolicy: 'سياسة الشحن',
+          deliverto: 'التوصيل إلى',
+          support247: 'متواجدون 24/7',
+          select: 'إختر',
+          usefullinks: 'روابط هامة',
+          helpcenter: 'مركز الخدمات',
+          loggedinas: 'البيانات المسجلة',
+          // Buttons
+          logout: 'تسجيل الخروج',
+          addtocart: 'اضف لسلة التسوق',
+          addtofavorites: 'اضف إلى المفضلات',
+          removefromfav: 'حذف من المفضلات',
+          description: 'التفاصيل',
+          showmore: 'تفاصيل اخري',
+          remove: 'حذف',
+          shopbycategory: 'تسوق بالمجموعات',
+          confirmorder: 'تأكيد الطلب',
+          continuetopayment: 'الدفع',
+          doyouhavepromocode: 'هل لديك كود خصم',
+          loginwithfacebook: 'تسجيل الدخول عن طريق فيسبوك',
+          orsigninwith: 'او تسجيل الدخول عن طريق',
+          orsignupwith: 'او انشاء حساب عن طريق',
+          // Products
+          price: 'السعر',
+          relatedproducts: 'منتجات ذات صلة',
+          qty: 'الكمية',
+          emptyshoppingcart: 'حقيبة التسوق فارغة',
+          shopnow: 'تسوق الان',
+          total: 'الإجمالى',
+          otherinformation: 'معلومات اخرى',
+          productname: 'إسم المنتج',
+          quantity: 'الكمية',
+          // Orders
+          orderid: 'رقم الطلب',
+          numberofproducts: 'عدد المنتجات',
+          checkyourorder: 'الذهاب إلى طلبك',
+          // Placeholders
+          searchproducts: 'ابحث...',
+          choosecity: 'إختر المدينة',
+          choosestategov: 'إختر المحافظة/الولاية',
+          choosecountry: 'إختر البلد',
+          giftcarddicountcode: 'كود خصم',
+          nosearchresults: 'لا توجد نتائج',
+          sale: 'خصم',
+          //
+          nofavoriteproducts: 'لا توجد منتجات مفضلة',
+          // Notifications
+          loggedoutsuccess: 'تم تسجيل الخروج',
+          addedtocartsuccess: 'تم إضافة المنتج لعربة التسوق',
+          promocodeapplied: 'تم تطبيق كود الخصم',
+          promocoderemoved: 'تم حذف كود الخصم',
+          countryandstateupdatedsuccess: 'تم تحديث البلد و المدينة',
+          orderaddedsuccess: 'تم إضافة الطلب',
+          addedtowishlist: 'تم إضافة المنتج فى المفضلات',
+          productrmovedfromwishlist: 'تم حذف المنتج من المفضلات',
+          fillthemissingfields: 'من فضلك اكمل باقى البيانات',
+          passwordsdontmatch: 'كلمات السر لا تتطابق',
+          loggedinsuccess: 'تم تسجيل الدخول',
+          // Checkout
+          subtotal: 'إجمالي المبلغ',
+          discount: 'الخصم',
+          outofzone: 'خارج نطاق الشحن'
+        }, _defineProperty(_ar, "total", 'المبلغ الكلي'), _defineProperty(_ar, "cod", 'الدفع عند الإستلام'), _defineProperty(_ar, "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), _defineProperty(_ar, "onlinepayment", 'الدفع الإلكترونى'), _defineProperty(_ar, "paymentcardinformation", 'بيانات البطاقة'), _defineProperty(_ar, "shippingfees", 'مصاريف الشحن'), _defineProperty(_ar, "shippingaddress", 'عنوان الشحن'), _defineProperty(_ar, "cardnumber", 'رقم البطاقة'), _defineProperty(_ar, "year", 'السنة'), _defineProperty(_ar, "month", 'الشهر'), _defineProperty(_ar, "cvv", 'رقم البطاقة'), _defineProperty(_ar, "nameoncard", 'الإسم على البطاقة'), _defineProperty(_ar, "country", 'البلد'), _defineProperty(_ar, "addressdetails", 'العنوان'), _defineProperty(_ar, "stategov", 'المحافظة/الولاية'), _defineProperty(_ar, "city", 'المدينة'), _defineProperty(_ar, "paymentmethod", 'طريقة الدفع'), _defineProperty(_ar, "productimage", 'صورة المنتج'), _defineProperty(_ar, "orderdetails", 'تفاصيل الطلب'), _defineProperty(_ar, "orderinvoice", 'فاتورة الطلب'), _defineProperty(_ar, "promocodediscount", 'كود الخصم'), _defineProperty(_ar, "address", 'العنوان'), _defineProperty(_ar, "signup", 'إنشاء الحساب'), _defineProperty(_ar, "update", 'تحديث'), _defineProperty(_ar, "phonenumber", 'الهاتف'), _defineProperty(_ar, "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty(_ar, "name", 'الإسم'), _defineProperty(_ar, "email", 'البريد الإلكترونى'), _defineProperty(_ar, "password", 'كلمة السر'), _defineProperty(_ar, "confirmpassword", 'تأكيد كلمة السر'), _defineProperty(_ar, "showless", 'اعرض اقل'), _defineProperty(_ar, "showmore", 'اعرض المزيد'), _defineProperty(_ar, "contactdetails", 'معلومات التواصل'), _defineProperty(_ar, "asaguest", 'كزائر'), _defineProperty(_ar, "choosecountryfirst", 'من فضلك اختر البلد اولاً'), _defineProperty(_ar, "security", 'الخصوصية و الأمان'), _defineProperty(_ar, "personalinformation", 'البيانات الشخصية'), _defineProperty(_ar, "contactus", 'تواصل معنا'), _defineProperty(_ar, "slogan", 'موقعك و تطبيقك فى مكان واحد'), _ar)
+      },
+      langdetect: 'en',
+      setlang: _this.setlang
+    };
+    return _this;
+  }
+
+  _createClass(LanguageProvider, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var cookies = new Cookies();
+      var lastlangselected = cookies.get('sitelang');
+
+      if (lastlangselected == 'en') {
+        this.setState({
+          langdetect: 'en'
+        });
+      } else if (lastlangselected == 'ar') {
+        this.setState({
+          langdetect: 'ar'
+        });
+      } else {
+        this.setState({
+          langdetect: 'en'
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var setlang = this.state.setlang;
+      var lang = '';
+
+      if (this.state.langdetect == 'en') {
+        lang = this.state.lang.en; // window.document.body.setAttribute('dir', 'ltr');
+      } else if (this.state.langdetect == 'ar') {
+        lang = this.state.lang.ar; // window.document.body.setAttribute('dir', 'rtl');
+      }
+
+      var langdetect = this.state.langdetect;
+      return /*#__PURE__*/React.createElement(LanguageContext$1.Provider, {
+        value: {
+          lang: lang,
+          setlang: setlang,
+          langdetect: langdetect
+        }
+      }, this.props.children);
+    }
+  }]);
+
+  return LanguageProvider;
+}(Component);
+LanguageContext$1.Consumer;
+
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -91,9 +378,9 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$w = ".login-module_login_input_icon__hETpJ {\n    font-size: 15px;\n    color: #999999;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    position: absolute;\n    border-radius: 25px;\n    bottom: 10px;\n    left: 0;\n    padding-left: 15px;\n    pointer-events: none;\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n}\n.login-module_login_input_icontrans__8whFD{\n    font-size: 15px;\n    color: #999999;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    position: absolute;\n    border-radius: 25px;\n    bottom: 10px;\n    right: 5;\n    pointer-events: none;\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n\n}\n.login-module_form_control__-41tV:focus + .login-module_login_input_icontrans__8whFD {\n    padding-right: 10px;\n}\n\n@media screen and (max-width: 500px) {\n    .login-module_form_control__-41tV {\n        /* padding: 0 5px !important; */\n    }\n    .login-module_login_input_icon__hETpJ {\n        padding-left: 0 !important;\n    }\n    .login-module_rightContainer__Nt9tD {\n        border-radius: 0 0 15px 15px !important;\n    }\n    .login-module_leftcontainer__Rlat- {\n        border-radius: 15px 15px 0 0 !important;\n    }\n}\n.login-module_form_control__-41tV:focus {\n    -webkit-animation: login-module_anim-shadow__4SiKH 0.5s ease-in-out forwards;\n    animation: login-module_anim-shadow__4SiKH 0.5s ease-in-out forwards;\n}\n.login-module_form_control__-41tV:focus + .login-module_login_input_icon__hETpJ {\n    padding-left: 20px;\n}\n\n/* Forms */\n.login-module_form_control__-41tV {\n    display: block;\n    width: 100%;\n    height: 35px;\n    font-size: 1rem;\n    color: var(--cardtitle);\n    background: no-repeat center bottom, center calc(100% - 1px);\n    background-size: 0 100%, 100% 100%;\n    background-clip: padding-box;\n    padding-left: 0;\n    padding-right: 0;\n    font-size: 14px;\n    transition: background 0s ease-out;\n    border: 0;\n    padding: 0 30px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    position: relative;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .login-module_form_control__-41tV {\n        transition: none;\n    }\n}\n.login-module_form_control__-41tV::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.login-module_form_control__-41tV:focus {\n    outline: 0;\n}\n.login-module_form_control__-41tV::placeholder {\n    color: #eac435;\n    opacity: 1;\n}\n.login-module_form_control__-41tV:disabled,\n.login-module_form_control__-41tV[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.login-module_form_control__-41tV {\n    height: auto;\n}\n.login-module_form_control__-41tV:focus {\n    background-size: 100% 100%, 100% 100%;\n    transition-duration: 0.3s;\n    box-shadow: none;\n}\n.login-module_form_control__-41tV::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.login-module_form_control__-41tV:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.login-module_form_control__-41tV::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.login-module_form_control__-41tV {\n    background-image: linear-gradient(to top, #000 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);\n}\n.login-module_form_control_border_none__dkr-m {\n    background-image: none;\n}\n.login-module_form_control__-41tV.login-module_disabled__fUlAg,\n.login-module_form_control__-41tV:disabled,\n.login-module_form_control__-41tV[disabled] {\n    background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%);\n    background-repeat: repeat-x;\n    background-size: 3px 1px;\n    cursor: not-allowed;\n}\n";
+var css_248z$x = ".login-module_login_input_icon__hETpJ {\n    font-size: 15px;\n    color: #999999;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    position: absolute;\n    border-radius: 25px;\n    bottom: 10px;\n    left: 0;\n    padding-left: 15px;\n    pointer-events: none;\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n}\n.login-module_login_input_icontrans__8whFD{\n    font-size: 15px;\n    color: #999999;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    position: absolute;\n    border-radius: 25px;\n    bottom: 10px;\n    right: 5;\n    pointer-events: none;\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n\n}\n.login-module_form_control__-41tV:focus + .login-module_login_input_icontrans__8whFD {\n    padding-right: 10px;\n}\n\n@media screen and (max-width: 500px) {\n    .login-module_form_control__-41tV {\n        /* padding: 0 5px !important; */\n    }\n    .login-module_login_input_icon__hETpJ {\n        padding-left: 0 !important;\n    }\n    .login-module_rightContainer__Nt9tD {\n        border-radius: 0 0 15px 15px !important;\n    }\n    .login-module_leftcontainer__Rlat- {\n        border-radius: 15px 15px 0 0 !important;\n    }\n}\n.login-module_form_control__-41tV:focus {\n    -webkit-animation: login-module_anim-shadow__4SiKH 0.5s ease-in-out forwards;\n    animation: login-module_anim-shadow__4SiKH 0.5s ease-in-out forwards;\n}\n.login-module_form_control__-41tV:focus + .login-module_login_input_icon__hETpJ {\n    padding-left: 20px;\n}\n\n/* Forms */\n.login-module_form_control__-41tV {\n    display: block;\n    width: 100%;\n    height: 35px;\n    font-size: 1rem;\n    color: var(--cardtitle);\n    background: no-repeat center bottom, center calc(100% - 1px);\n    background-size: 0 100%, 100% 100%;\n    background-clip: padding-box;\n    padding-left: 0;\n    padding-right: 0;\n    font-size: 14px;\n    transition: background 0s ease-out;\n    border: 0;\n    padding: 0 30px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    position: relative;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .login-module_form_control__-41tV {\n        transition: none;\n    }\n}\n.login-module_form_control__-41tV::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.login-module_form_control__-41tV:focus {\n    outline: 0;\n}\n.login-module_form_control__-41tV::placeholder {\n    color: #eac435;\n    opacity: 1;\n}\n.login-module_form_control__-41tV:disabled,\n.login-module_form_control__-41tV[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.login-module_form_control__-41tV {\n    height: auto;\n}\n.login-module_form_control__-41tV:focus {\n    background-size: 100% 100%, 100% 100%;\n    transition-duration: 0.3s;\n    box-shadow: none;\n}\n.login-module_form_control__-41tV::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.login-module_form_control__-41tV:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.login-module_form_control__-41tV::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.login-module_form_control__-41tV {\n    background-image: linear-gradient(to top, #000 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);\n}\n.login-module_form_control_border_none__dkr-m {\n    background-image: none;\n}\n.login-module_form_control__-41tV.login-module_disabled__fUlAg,\n.login-module_form_control__-41tV:disabled,\n.login-module_form_control__-41tV[disabled] {\n    background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%);\n    background-repeat: repeat-x;\n    background-size: 3px 1px;\n    cursor: not-allowed;\n}\n";
 var loginstyles = {"login_input_icon":"login-module_login_input_icon__hETpJ","login_input_icontrans":"login-module_login_input_icontrans__8whFD","form_control":"login-module_form_control__-41tV","rightContainer":"login-module_rightContainer__Nt9tD","leftcontainer":"login-module_leftcontainer__Rlat-","anim-shadow":"login-module_anim-shadow__4SiKH","form_control_border_none":"login-module_form_control_border_none__dkr-m","disabled":"login-module_disabled__fUlAg"};
-styleInject(css_248z$w);
+styleInject(css_248z$x);
 
 var GoogleLoginButton = function GoogleLoginButton(props) {
   var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4;
@@ -123,9 +410,9 @@ var GoogleLoginButton = function GoogleLoginButton(props) {
   })))));
 };
 
-var css_248z$v = "@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\n:root {\n    --cimon: #f76566;\n    --primary: #022648; /* rgba (2,38,72) */\n    --secondary: #eac435;\n    --success: #2f9d64;\n    --successhover: #1d623f;\n    --info: #16aaff; /*rgb(22, 170, 255)*/\n    --infohover: #0071b3; /*rgb(0, 113, 179)*/\n    --danger: #d92550; /* rgb(217, 37, 80) */\n    --dangerhover: #991a37; /* rgb(153, 26, 55) */\n    --fav: #ff1a75; /* rgb(255, 26, 117) */\n    --favhover: #cc0052; /* rgb(204, 0, 82) */\n    --light: #999999;\n    --light2: #808080;\n    --dark: #454d54;\n    --darkhover: #343a40;\n    --focus: #444054;\n    --cardtitle: rgba(13, 27, 62, 0.7);\n    --cardheader: #008eb3;\n    --cardHeaderHover: #007a99;\n    --darkblue: #0000b3;\n    --orange: #ff6600;\n}\n*,\n*::before,\n*::after {\n    box-sizing: border-box;\n}\nhtml {\n    width: 100vw;\n    height: 100vh;\n    top: 0;\n    left: 0;\n    font-family: 'Poppins', sans-serif;\n    line-height: 1.15;\n    -webkit-text-size-adjust: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n    margin: 0;\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.88rem;\n    font-weight: 400;\n    line-height: 1.5;\n    /* color: #022648; */\n    text-align: left;\n    background: #fff;\n    overflow-x: hidden;\n    width: 100vw;\n    height: 100vh;\n    top: 0;\n    left: 0;\n}\nbody::-webkit-scrollbar {\n    width: 5px;\n}\nbody::-webkit-scrollbar-track {\n    box-shadow: inset 0 0 5px grey;\n    border-radius: 10px;\n}\nbody::-webkit-scrollbar-thumb {\n    background: #022648;\n    border-radius: 10px;\n}\nbody::-webkit-scrollbar-thumb:hover {\n    background: #eac435;\n}\n.general-module_shadow_bottom__YcJR3 {\n    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);\n    transition: 0.3s;\n}\n.general-module_shadow_bottom__YcJR3:hover {\n    box-shadow: 0px 9px 20px rgba(75, 72, 72, 0.3);\n}\n.general-module_overflowY_scroll__m5upZ {\n    overflow-y: scroll;\n}\n\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar {\n    width: 5px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-track {\n    /* box-shadow: inset 0 0 5px grey; */\n    border-radius: 10px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb {\n    background: #4d4d4d;\n    border-radius: 10px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb:hover {\n    background: #999999;\n}\n/* badges */\n.general-module_badge__GTiMs {\n    display: inline-block;\n    padding: 0.25em;\n    font-size: 90%;\n    font-weight: 700;\n    line-height: 1;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: baseline;\n    border-radius: 50%;\n    margin-left: -15%;\n    width: 3vh;\n    height: 3vh;\n    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n    .general-module_badge__GTiMs {\n        transition: none;\n    }\n}\n.general-module_badge__GTiMs:empty {\n    display: none;\n}\n.general-module_badge_secondary__p6ErJ {\n    min-width: 2.5vh;\n    height: 2.5vh;\n    border-radius: 5px;\n    background: #eac435;\n    color: white;\n    font-size: 12px;\n    /* line-height: 3vh; */\n}\na {\n    color: #022648;\n    text-decoration: none;\n    background-color: transparent;\n}\n\n.general-module_divider__WFV-A {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n    height: 1px;\n    overflow: hidden;\n    background: #e9ecef;\n}\n.general-module_verical_divider__u5DxE {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n    height: 40px;\n    overflow: hidden;\n    background: #e1e6ea;\n    width: 1px;\n}\n\n/* Table */\ntable {\n    border-collapse: collapse;\n}\nth {\n    text-align: inherit;\n}\n.general-module_table__hdcWN {\n    width: 100%;\n    margin-bottom: 1rem;\n    background-color: rgba(0, 0, 0, 0);\n}\n.general-module_table__hdcWN th,\n.general-module_table__hdcWN td {\n    padding: 0.55rem;\n    border-top: 1px solid #e9ecef;\n}\n.general-module_table__hdcWN th.general-module_mw-200__PaU8G,\n.general-module_table__hdcWN td.general-module_mw-200__PaU8G {\n    max-width: 200px;\n}\n.general-module_table__hdcWN thead th {\n    vertical-align: bottom;\n    border-bottom: 2px solid #e9ecef;\n    font-size: 15px;\n}\n.general-module_table__hdcWN td {\n    color: var(--focus);\n    font-size: 15px;\n}\n.general-module_table_bordered__JKIJp {\n    border: 1px solid #e9ecef;\n}\n.general-module_table_bordered__JKIJp th,\n.general-module_table_bordered__JKIJp td {\n    border: 1px solid #e9ecef;\n}\n.general-module_table_bordered__JKIJp thead th,\n.general-module_table_bordered__JKIJp thead td {\n    border-bottom-width: 2px;\n}\n.general-module_table_borderless__OF0cl th,\n.general-module_table_borderless__OF0cl td,\n.general-module_table_borderless__OF0cl thead th,\n.general-module_table_borderless__OF0cl tbody + tbody {\n    border: 0;\n}\n.general-module_table_striped__wWBA6 tbody tr:nth-of-type(odd) {\n    background-color: rgba(0, 0, 0, 0.03);\n}\n.general-module_table_hover__EiJha tbody tr:hover {\n    background-color: #e0f3ff;\n}\n.general-module_table_responsive__JPCKF {\n    display: block;\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n.general-module_table_responsive__JPCKF > .general-module_table_bordered__JKIJp {\n    border: 0;\n}\n.general-module_table_translation__x1Rpf {\n    background: rgba(0, 0, 0, 0.1);\n    border-radius: 20px;\n    padding: 5px;\n    font-weight: 500;\n    width: 100px;\n    /* margin-left: auto;\n    margin-right: auto; */\n}\n.general-module_table_translation__x1Rpf i {\n    font-size: 20px;\n}\n.general-module_table_icon__EMMDI {\n    font-size: 20px;\n    transition: 0.3s;\n    cursor: pointer;\n}\n.general-module_table_icon__EMMDI:hover {\n    color: var(--secondary);\n}\n.general-module_image_table__HqRaH {\n    width: 5vh;\n    height: 5vh;\n    box-shadow: 0 0 10px #ccc;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    border-radius: 5px;\n}\n.general-module_image_table__HqRaH img {\n    max-width: 95%;\n    max-height: 95%;\n    border-radius: 5px;\n}\n.general-module_shownumber_cont__34Y5j {\n    min-width: 3rem;\n    background: white;\n    box-shadow: 0 0 10px #ccc;\n    border: 1px solid #ccc;\n    border-radius: 10px;\n    cursor: pointer;\n}\n.general-module_card_input_table__vVK0p {\n    min-width: 90%;\n    height: 35px;\n}\n.general-module_card_input_table__vVK0p imput {\n    height: 35px;\n}\n\n/* Buttons */\n.general-module_btn__FAb1b {\n    display: inline-block;\n    font-weight: 500;\n    text-align: center;\n    vertical-align: middle;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    background-color: transparent;\n    border-radius: 20px;\n    height: 35px;\n    padding: 0 10px;\n    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n    font-size: 13px;\n}\n.general-module_btn_rounded__Rkb8o {\n    width: 5vh !important;\n    height: 5vh !important;\n    border-radius: 50% !important;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .general-module_btn__FAb1b {\n        transition: none;\n    }\n}\n.general-module_btn__FAb1b:hover {\n    text-decoration: none;\n}\n.general-module_btn__FAb1b:focus,\n.general-module_btn__FAb1b.general-module_focus__8-F6p {\n    outline: 0;\n    box-shadow: none;\n}\n.general-module_btn__FAb1b.general-module_disabled__PRzt-,\n.general-module_btn__FAb1b:disabled {\n    opacity: 0.65;\n    cursor: not-allowed;\n}\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-) {\n    cursor: pointer;\n}\na.general-module_btn__FAb1b.general-module_disabled__PRzt- {\n    pointer-events: none;\n    cursor: not-allowed;\n}\n.general-module_btn_tranparent__GFTRs {\n    color: #fff;\n    background-color: tranparent;\n    border-color: tranparent;\n}\n.general-module_btn_circle__lOyd4 {\n    border-radius: 100%;\n    width: 35px;\n    height: 35px;\n    line-height: 20px;\n    padding: 10px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.general-module_btn_white__H0esd {\n    color: #fff;\n    background-color: #fff;\n    border-color: #fff;\n    color: var(--primary);\n}\n.general-module_btn_white__H0esd:hover {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n}\n.general-module_btn_white__H0esd.general-module_disabled__PRzt-,\n.general-module_btn_white__H0esd:disabled {\n    color: #fff;\n    background-color: #fff;\n    border-color: #fff;\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_black__NcqLp {\n    color: #fff;\n    background-color: #000;\n    border-color: #000;\n}\n.general-module_btn_black__NcqLp:hover {\n    color: #fff;\n    background-color: #595959;\n    border-color: #595959;\n}\n.general-module_btn_black__NcqLp.general-module_disabled__PRzt-,\n.general-module_btn_black__NcqLp:disabled {\n    color: #fff;\n    background-color: #000;\n    border-color: #000;\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_primary__C5oTz {\n    color: #fff;\n    background-color: var(--primary);\n    border-color: var(--primary);\n}\n.general-module_btn_primary__C5oTz:hover {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n}\n.general-module_btn_primary__C5oTz.general-module_disabled__PRzt-,\n.general-module_btn_primary__C5oTz:disabled {\n    color: #fff;\n    background-color: var(--primary);\n    border-color: var(--primary);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_secondary__MbOCN {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n}\n.general-module_btn_secondary__MbOCN:hover {\n    color: #fff;\n    background-color: #5a6268;\n    border-color: #545b62;\n}\n.general-module_btn_secondary__MbOCN.general-module_disabled__PRzt-,\n.general-module_btn_secondary__MbOCN:disabled {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_success__iV5-t {\n    color: #fff;\n    background-color: var(--success);\n    border-color: var(--success);\n}\n.general-module_btn_success__iV5-t:hover {\n    color: #fff;\n    background-color: var(--successhover);\n    border-color: var(--successhover);\n}\n.general-module_btn_success__iV5-t.general-module_disabled__PRzt-,\n.general-module_btn_success__iV5-t:disabled {\n    color: #fff;\n    background-color: var(--success);\n    border-color: var(--success);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_info__-ClLB {\n    color: #fff;\n    background-color: var(--info);\n    border-color: var(--info);\n}\n.general-module_btn_info__-ClLB:hover {\n    color: #fff;\n    background-color: var(--infohover);\n    border-color: var(--infohover);\n}\n.general-module_btn_info__-ClLB.general-module_disabled__PRzt-,\n.general-module_btn_info__-ClLB:disabled {\n    color: #fff;\n    background-color: var(--info);\n    border-color: var(--info);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_danger__b0QkM {\n    color: #fff;\n    background-color: var(--danger);\n    border-color: var(--danger);\n}\n.general-module_btn_danger__b0QkM:hover {\n    color: #fff;\n    background-color: var(--dangerhover);\n    border-color: var(--dangerhover);\n}\n.general-module_btn_danger__b0QkM.general-module_disabled__PRzt-,\n.general-module_btn_danger__b0QkM:disabled {\n    color: #fff;\n    background-color: var(--danger);\n    border-color: var(--danger);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_dark__hSWyC {\n    color: #fff;\n    background-color: var(--dark);\n    border-color: var(--dark);\n}\n.general-module_btn_dark__hSWyC:hover {\n    color: #fff;\n    background-color: var(--darkhover);\n    border-color: var(--darkhover);\n}\n.general-module_btn_dark__hSWyC.general-module_disabled__PRzt-,\n.general-module_btn_dark__hSWyC:disabled {\n    color: #fff;\n    background-color: var(--dark);\n    border-color: var(--dark);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-):active,\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-).general-module_active__MPpsF {\n    color: #fff;\n    background-color: #ccc;\n    border-color: #ccc;\n}\n.general-module_btn_grey__fGIYU {\n    color: #fff;\n    background-color: var(--focus);\n    border-color: var(--focus);\n}\n.general-module_btn_grey__fGIYU:hover {\n    color: #fff;\n    background-color: var(--dark);\n    border-color: var(--dark);\n}\n.general-module_btn_cardheader__vccWl {\n    color: #fff;\n    background-color: var(--cardheader);\n    border-color: var(--cardheader);\n}\n.general-module_btn_cardheader__vccWl:hover {\n    color: #fff;\n    background-color: #007a99;\n    border-color: #007a99;\n}\n.general-module_btn_cardheader__vccWl.general-module_disabled__PRzt-,\n.general-module_btn_cardheader__vccWl:disabled {\n    color: #fff;\n    background-color: #005166;\n    border-color: #005166;\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n\n/* Borders */\n.general-module_border_primary__Jqm8o {\n    border-color: #022648;\n}\n.general-module_border_secondary__xiHt3 {\n    border-color: #eac435;\n}\n.general-module_border_success__kWv6N {\n    border-color: var(--success);\n}\n.general-module_border_info__wfOF- {\n    border-color: #16aaff;\n}\n.general-module_border_warning__mSIRm {\n    border-color: #f7b924;\n}\n.general-module_border_danger__U7veI {\n    border-color: #d92550;\n}\n.general-module_border__Pvp44 {\n    border: 1px solid #dee2e6 !important;\n}\n.general-module_border_top__0-KRU {\n    border-top: 1px solid #dee2e6 !important;\n}\n.general-module_border_right__7QXHH {\n    border-right: 1px solid #dee2e6 !important;\n}\n.general-module_border_bottom__Xyy95 {\n    border-bottom: 1px solid #dee2e6 !important;\n}\n.general-module_border_left__90qSD {\n    border-left: 1px solid #dee2e6 !important;\n}\n.general-module_border_0__YO9qY {\n    border: 0 !important;\n}\n.general-module_border_top_0__KFIha {\n    border-top: 0 !important;\n}\n.general-module_border_right_0__FaED6 {\n    border-right: 0 !important;\n}\n.general-module_border_bottom_0__NZhJm {\n    border-bottom: 0 !important;\n}\n.general-module_border_top_0__KFIha {\n    border-top: 0 !important;\n}\n.general-module_border_left_0__gjITr {\n    border-left: 0 !important;\n}\n/* Inner Content */\n.general-module_app_container__-NNzK {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    position: relative !important;\n}\n.general-module_app_main__3s9rd {\n    z-index: 8;\n    position: relative;\n}\n.general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n    flex: 1;\n    padding: 130px 40px 0;\n}\n.general-module_app_main_inner_headertwo__UkOlN {\n    padding: 100px 40px 0 !important;\n}\n.general-module_app_main_inner_headerfour__slUk1 {\n    padding: 80px 20px 0 280px !important;\n}\n@media screen and (max-width: 1025px) {\n    .general-module_app_main_inner_headerfour__slUk1 {\n        padding: 80px 10px !important;\n    }\n}\n/* Card */\n.general-module_card__KT-JI {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    word-wrap: break-word;\n    background-color: white !important;\n    background-clip: border-box;\n    border-radius: 15px;\n    padding: 0.5em 0.8em;\n    transition: all 0.2s;\n}\n.general-module_card_border_10__M-cl- {\n    border-radius: 10px !important;\n}\n/* Responsive */\n@media (max-width: 991.98px) {\n    .general-module_app_main__3s9rd {\n        display: block;\n    }\n    .general-module_app_main__3s9rd .general-module_app_main_outer__gNSLc {\n        padding-left: 0 !important;\n    }\n    .general-module_app_main__3s9rd .general-module_app_main_outertranslated__IZRx2 {\n        padding-right: 0;\n        padding-left: 0;\n    }\n}\n@media (max-width: 1025px) {\n    .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n        padding: 130px 20px 0;\n    }\n}\n@media (max-width: 800px) {\n    .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n        padding: 130px 20px 0 !important;\n    }\n}\n\n@media (max-width: 600px) {\n    .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n        padding: 70px 20px !important;\n    }\n}\n\n/* Pills */\n.general-module_pill__gHCcE {\n    min-width: 9vh;\n    height: 4vh;\n    color: white;\n    padding: 0 1%;\n    display: flex;\n    text-align: center;\n    justify-content: center;\n    align-items: center;\n    border-radius: 20px;\n    font-size: 12px;\n}\n.general-module_fadeIn__bUx2u {\n    /* opacity: 1; */\n    display: block;\n    visibility: visible;\n    transition: 1s ease-in-out;\n    transition-delay: 0s;\n}\n.general-module_fadeOut__R13Fc {\n    /* opacity: 0; */\n    display: none;\n    visibility: hidden;\n    transition: 1s ease-in-out;\n}\n.general-module_fadeInButton__1daVD {\n    display: block;\n}\n.general-module_fadeOutButton__8BRUG {\n    display: none;\n}\n\n/* Section Title */\n.general-module_sectiontitlecont__F-e6k {\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n.general-module_sectiontitlecont__F-e6k span {\n    position: relative;\n    white-space: nowrap;\n    transition: 0.3s;\n}\n.general-module_sectiontitlecont__F-e6k span::after {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    left: 0;\n    display: block;\n    height: 3px;\n    border-radius: 20px;\n    z-index: 1000;\n}\n.general-module_homesectiontitlecont__ZfXNm span {\n    font-size: 25px !important;\n}\n\n.general-module_sectiontitlecont2__mfEaP {\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n.general-module_sectiontitlecont2__mfEaP span {\n    position: relative;\n    white-space: nowrap;\n    transition: 0.3s;\n}\n.general-module_sectiontitlecont2__mfEaP span::after {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    left: 0;\n    display: block;\n    border-radius: 20px;\n    z-index: 1000;\n}\n";
+var css_248z$w = "@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\n:root {\n    --cimon: #f76566;\n    --primary: #022648; /* rgba (2,38,72) */\n    --secondary: #eac435;\n    --success: #2f9d64;\n    --successhover: #1d623f;\n    --info: #16aaff; /*rgb(22, 170, 255)*/\n    --infohover: #0071b3; /*rgb(0, 113, 179)*/\n    --danger: #d92550; /* rgb(217, 37, 80) */\n    --dangerhover: #991a37; /* rgb(153, 26, 55) */\n    --fav: #ff1a75; /* rgb(255, 26, 117) */\n    --favhover: #cc0052; /* rgb(204, 0, 82) */\n    --light: #999999;\n    --light2: #808080;\n    --dark: #454d54;\n    --darkhover: #343a40;\n    --focus: #444054;\n    --cardtitle: rgba(13, 27, 62, 0.7);\n    --cardheader: #008eb3;\n    --cardHeaderHover: #007a99;\n    --darkblue: #0000b3;\n    --orange: #ff6600;\n}\n*,\n*::before,\n*::after {\n    box-sizing: border-box;\n}\nhtml {\n    width: 100vw;\n    height: 100vh;\n    top: 0;\n    left: 0;\n    font-family: 'Poppins', sans-serif;\n    line-height: 1.15;\n    -webkit-text-size-adjust: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n    margin: 0;\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.88rem;\n    font-weight: 400;\n    line-height: 1.5;\n    /* color: #022648; */\n    text-align: left;\n    background: #fff;\n    overflow-x: hidden;\n    width: 100vw;\n    height: 100vh;\n    top: 0;\n    left: 0;\n}\nbody::-webkit-scrollbar {\n    width: 5px;\n}\nbody::-webkit-scrollbar-track {\n    box-shadow: inset 0 0 5px grey;\n    border-radius: 10px;\n}\nbody::-webkit-scrollbar-thumb {\n    background: #022648;\n    border-radius: 10px;\n}\nbody::-webkit-scrollbar-thumb:hover {\n    background: #eac435;\n}\n.general-module_shadow_bottom__YcJR3 {\n    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);\n    transition: 0.3s;\n}\n.general-module_shadow_bottom__YcJR3:hover {\n    box-shadow: 0px 9px 20px rgba(75, 72, 72, 0.3);\n}\n.general-module_overflowY_scroll__m5upZ {\n    overflow-y: scroll;\n}\n\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar {\n    width: 5px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-track {\n    /* box-shadow: inset 0 0 5px grey; */\n    border-radius: 10px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb {\n    background: #4d4d4d;\n    border-radius: 10px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb:hover {\n    background: #999999;\n}\n/* badges */\n.general-module_badge__GTiMs {\n    display: inline-block;\n    padding: 0.25em;\n    font-size: 90%;\n    font-weight: 700;\n    line-height: 1;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: baseline;\n    border-radius: 50%;\n    margin-left: -15%;\n    width: 3vh;\n    height: 3vh;\n    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n    .general-module_badge__GTiMs {\n        transition: none;\n    }\n}\n.general-module_badge__GTiMs:empty {\n    display: none;\n}\n.general-module_badge_secondary__p6ErJ {\n    min-width: 2.5vh;\n    height: 2.5vh;\n    border-radius: 5px;\n    background: #eac435;\n    color: white;\n    font-size: 12px;\n    /* line-height: 3vh; */\n}\na {\n    color: #022648;\n    text-decoration: none;\n    background-color: transparent;\n}\n\n.general-module_divider__WFV-A {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n    height: 1px;\n    overflow: hidden;\n    background: #e9ecef;\n}\n.general-module_verical_divider__u5DxE {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n    height: 40px;\n    overflow: hidden;\n    background: #e1e6ea;\n    width: 1px;\n}\n\n/* Table */\ntable {\n    border-collapse: collapse;\n}\nth {\n    text-align: inherit;\n}\n.general-module_table__hdcWN {\n    width: 100%;\n    margin-bottom: 1rem;\n    background-color: rgba(0, 0, 0, 0);\n}\n.general-module_table__hdcWN th,\n.general-module_table__hdcWN td {\n    padding: 0.55rem;\n    border-top: 1px solid #e9ecef;\n}\n.general-module_table__hdcWN th.general-module_mw-200__PaU8G,\n.general-module_table__hdcWN td.general-module_mw-200__PaU8G {\n    max-width: 200px;\n}\n.general-module_table__hdcWN thead th {\n    vertical-align: bottom;\n    border-bottom: 2px solid #e9ecef;\n    font-size: 15px;\n}\n.general-module_table__hdcWN td {\n    color: var(--focus);\n    font-size: 15px;\n}\n.general-module_table_bordered__JKIJp {\n    border: 1px solid #e9ecef;\n}\n.general-module_table_bordered__JKIJp th,\n.general-module_table_bordered__JKIJp td {\n    border: 1px solid #e9ecef;\n}\n.general-module_table_bordered__JKIJp thead th,\n.general-module_table_bordered__JKIJp thead td {\n    border-bottom-width: 2px;\n}\n.general-module_table_borderless__OF0cl th,\n.general-module_table_borderless__OF0cl td,\n.general-module_table_borderless__OF0cl thead th,\n.general-module_table_borderless__OF0cl tbody + tbody {\n    border: 0;\n}\n.general-module_table_striped__wWBA6 tbody tr:nth-of-type(odd) {\n    background-color: rgba(0, 0, 0, 0.03);\n}\n.general-module_table_hover__EiJha tbody tr:hover {\n    background-color: #e0f3ff;\n}\n.general-module_table_responsive__JPCKF {\n    display: block;\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n.general-module_table_responsive__JPCKF > .general-module_table_bordered__JKIJp {\n    border: 0;\n}\n.general-module_table_translation__x1Rpf {\n    background: rgba(0, 0, 0, 0.1);\n    border-radius: 20px;\n    padding: 5px;\n    font-weight: 500;\n    width: 100px;\n    /* margin-left: auto;\n    margin-right: auto; */\n}\n.general-module_table_translation__x1Rpf i {\n    font-size: 20px;\n}\n.general-module_table_icon__EMMDI {\n    font-size: 20px;\n    transition: 0.3s;\n    cursor: pointer;\n}\n.general-module_table_icon__EMMDI:hover {\n    color: var(--secondary);\n}\n.general-module_image_table__HqRaH {\n    width: 5vh;\n    height: 5vh;\n    box-shadow: 0 0 10px #ccc;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    border-radius: 5px;\n}\n.general-module_image_table__HqRaH img {\n    max-width: 95%;\n    max-height: 95%;\n    border-radius: 5px;\n}\n.general-module_shownumber_cont__34Y5j {\n    min-width: 3rem;\n    background: white;\n    box-shadow: 0 0 10px #ccc;\n    border: 1px solid #ccc;\n    border-radius: 10px;\n    cursor: pointer;\n}\n.general-module_card_input_table__vVK0p {\n    min-width: 90%;\n    height: 35px;\n}\n.general-module_card_input_table__vVK0p imput {\n    height: 35px;\n}\n\n/* Buttons */\n.general-module_btn__FAb1b {\n    display: inline-block;\n    font-weight: 500;\n    text-align: center;\n    vertical-align: middle;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    background-color: transparent;\n    border-radius: 20px;\n    height: 35px;\n    padding: 0 10px;\n    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n    font-size: 13px;\n}\n.general-module_btn_rounded__Rkb8o {\n    width: 5vh !important;\n    height: 5vh !important;\n    border-radius: 50% !important;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .general-module_btn__FAb1b {\n        transition: none;\n    }\n}\n.general-module_btn__FAb1b:hover {\n    text-decoration: none;\n}\n.general-module_btn__FAb1b:focus,\n.general-module_btn__FAb1b.general-module_focus__8-F6p {\n    outline: 0;\n    box-shadow: none;\n}\n.general-module_btn__FAb1b.general-module_disabled__PRzt-,\n.general-module_btn__FAb1b:disabled {\n    opacity: 0.65;\n    cursor: not-allowed;\n}\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-) {\n    cursor: pointer;\n}\na.general-module_btn__FAb1b.general-module_disabled__PRzt- {\n    pointer-events: none;\n    cursor: not-allowed;\n}\n.general-module_btn_tranparent__GFTRs {\n    color: #fff;\n    background-color: tranparent;\n    border-color: tranparent;\n}\n.general-module_btn_circle__lOyd4 {\n    border-radius: 100%;\n    width: 35px;\n    height: 35px;\n    line-height: 20px;\n    padding: 10px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.general-module_btn_white__H0esd {\n    color: #fff;\n    background-color: #fff;\n    border-color: #fff;\n    color: var(--primary);\n}\n.general-module_btn_white__H0esd:hover {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n}\n.general-module_btn_white__H0esd.general-module_disabled__PRzt-,\n.general-module_btn_white__H0esd:disabled {\n    color: #fff;\n    background-color: #fff;\n    border-color: #fff;\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_black__NcqLp {\n    color: #fff;\n    background-color: #000;\n    border-color: #000;\n}\n.general-module_btn_black__NcqLp:hover {\n    color: #fff;\n    background-color: #595959;\n    border-color: #595959;\n}\n.general-module_btn_black__NcqLp.general-module_disabled__PRzt-,\n.general-module_btn_black__NcqLp:disabled {\n    color: #fff;\n    background-color: #000;\n    border-color: #000;\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_primary__C5oTz {\n    color: #fff;\n    background-color: var(--primary);\n    border-color: var(--primary);\n}\n.general-module_btn_primary__C5oTz:hover {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n}\n.general-module_btn_primary__C5oTz.general-module_disabled__PRzt-,\n.general-module_btn_primary__C5oTz:disabled {\n    color: #fff;\n    background-color: var(--primary);\n    border-color: var(--primary);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_secondary__MbOCN {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n}\n.general-module_btn_secondary__MbOCN:hover {\n    color: #fff;\n    background-color: #5a6268;\n    border-color: #545b62;\n}\n.general-module_btn_secondary__MbOCN.general-module_disabled__PRzt-,\n.general-module_btn_secondary__MbOCN:disabled {\n    color: #fff;\n    background-color: var(--secondary);\n    border-color: var(--secondary);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_success__iV5-t {\n    color: #fff;\n    background-color: var(--success);\n    border-color: var(--success);\n}\n.general-module_btn_success__iV5-t:hover {\n    color: #fff;\n    background-color: var(--successhover);\n    border-color: var(--successhover);\n}\n.general-module_btn_success__iV5-t.general-module_disabled__PRzt-,\n.general-module_btn_success__iV5-t:disabled {\n    color: #fff;\n    background-color: var(--success);\n    border-color: var(--success);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_info__-ClLB {\n    color: #fff;\n    background-color: var(--info);\n    border-color: var(--info);\n}\n.general-module_btn_info__-ClLB:hover {\n    color: #fff;\n    background-color: var(--infohover);\n    border-color: var(--infohover);\n}\n.general-module_btn_info__-ClLB.general-module_disabled__PRzt-,\n.general-module_btn_info__-ClLB:disabled {\n    color: #fff;\n    background-color: var(--info);\n    border-color: var(--info);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_danger__b0QkM {\n    color: #fff;\n    background-color: var(--danger);\n    border-color: var(--danger);\n}\n.general-module_btn_danger__b0QkM:hover {\n    color: #fff;\n    background-color: var(--dangerhover);\n    border-color: var(--dangerhover);\n}\n.general-module_btn_danger__b0QkM.general-module_disabled__PRzt-,\n.general-module_btn_danger__b0QkM:disabled {\n    color: #fff;\n    background-color: var(--danger);\n    border-color: var(--danger);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn_dark__hSWyC {\n    color: #fff;\n    background-color: var(--dark);\n    border-color: var(--dark);\n}\n.general-module_btn_dark__hSWyC:hover {\n    color: #fff;\n    background-color: var(--darkhover);\n    border-color: var(--darkhover);\n}\n.general-module_btn_dark__hSWyC.general-module_disabled__PRzt-,\n.general-module_btn_dark__hSWyC:disabled {\n    color: #fff;\n    background-color: var(--dark);\n    border-color: var(--dark);\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-):active,\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-).general-module_active__MPpsF {\n    color: #fff;\n    background-color: #ccc;\n    border-color: #ccc;\n}\n.general-module_btn_grey__fGIYU {\n    color: #fff;\n    background-color: var(--focus);\n    border-color: var(--focus);\n}\n.general-module_btn_grey__fGIYU:hover {\n    color: #fff;\n    background-color: var(--dark);\n    border-color: var(--dark);\n}\n.general-module_btn_cardheader__vccWl {\n    color: #fff;\n    background-color: var(--cardheader);\n    border-color: var(--cardheader);\n}\n.general-module_btn_cardheader__vccWl:hover {\n    color: #fff;\n    background-color: #007a99;\n    border-color: #007a99;\n}\n.general-module_btn_cardheader__vccWl.general-module_disabled__PRzt-,\n.general-module_btn_cardheader__vccWl:disabled {\n    color: #fff;\n    background-color: #005166;\n    border-color: #005166;\n    cursor: not-allowed;\n    opacity: 0.7;\n}\n\n/* Borders */\n.general-module_border_primary__Jqm8o {\n    border-color: #022648;\n}\n.general-module_border_secondary__xiHt3 {\n    border-color: #eac435;\n}\n.general-module_border_success__kWv6N {\n    border-color: var(--success);\n}\n.general-module_border_info__wfOF- {\n    border-color: #16aaff;\n}\n.general-module_border_warning__mSIRm {\n    border-color: #f7b924;\n}\n.general-module_border_danger__U7veI {\n    border-color: #d92550;\n}\n.general-module_border__Pvp44 {\n    border: 1px solid #dee2e6 !important;\n}\n.general-module_border_top__0-KRU {\n    border-top: 1px solid #dee2e6 !important;\n}\n.general-module_border_right__7QXHH {\n    border-right: 1px solid #dee2e6 !important;\n}\n.general-module_border_bottom__Xyy95 {\n    border-bottom: 1px solid #dee2e6 !important;\n}\n.general-module_border_left__90qSD {\n    border-left: 1px solid #dee2e6 !important;\n}\n.general-module_border_0__YO9qY {\n    border: 0 !important;\n}\n.general-module_border_top_0__KFIha {\n    border-top: 0 !important;\n}\n.general-module_border_right_0__FaED6 {\n    border-right: 0 !important;\n}\n.general-module_border_bottom_0__NZhJm {\n    border-bottom: 0 !important;\n}\n.general-module_border_top_0__KFIha {\n    border-top: 0 !important;\n}\n.general-module_border_left_0__gjITr {\n    border-left: 0 !important;\n}\n/* Inner Content */\n.general-module_app_container__-NNzK {\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    position: relative !important;\n}\n.general-module_app_main__3s9rd {\n    z-index: 8;\n    position: relative;\n}\n.general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n    flex: 1;\n    padding: 130px 40px 0;\n}\n.general-module_app_main_inner_headertwo__UkOlN {\n    padding: 100px 40px 0 !important;\n}\n.general-module_app_main_inner_headerfour__slUk1 {\n    padding: 80px 20px 0 280px !important;\n}\n@media screen and (max-width: 1025px) {\n    .general-module_app_main_inner_headerfour__slUk1 {\n        padding: 80px 10px !important;\n    }\n}\n/* Card */\n.general-module_card__KT-JI {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    word-wrap: break-word;\n    background-color: white !important;\n    background-clip: border-box;\n    border-radius: 15px;\n    padding: 0.5em 0.8em;\n    transition: all 0.2s;\n}\n.general-module_card_border_10__M-cl- {\n    border-radius: 10px !important;\n}\n/* Responsive */\n@media (max-width: 991.98px) {\n    .general-module_app_main__3s9rd {\n        display: block;\n    }\n    .general-module_app_main__3s9rd .general-module_app_main_outer__gNSLc {\n        padding-left: 0 !important;\n    }\n    .general-module_app_main__3s9rd .general-module_app_main_outertranslated__IZRx2 {\n        padding-right: 0;\n        padding-left: 0;\n    }\n}\n@media (max-width: 1025px) {\n    .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n        padding: 130px 20px 0;\n    }\n}\n@media (max-width: 800px) {\n    .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n        padding: 130px 20px 0 !important;\n    }\n}\n\n@media (max-width: 600px) {\n    .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n        padding: 70px 20px !important;\n    }\n}\n\n/* Pills */\n.general-module_pill__gHCcE {\n    min-width: 9vh;\n    height: 4vh;\n    color: white;\n    padding: 0 1%;\n    display: flex;\n    text-align: center;\n    justify-content: center;\n    align-items: center;\n    border-radius: 20px;\n    font-size: 12px;\n}\n.general-module_fadeIn__bUx2u {\n    /* opacity: 1; */\n    display: block;\n    visibility: visible;\n    transition: 1s ease-in-out;\n    transition-delay: 0s;\n}\n.general-module_fadeOut__R13Fc {\n    /* opacity: 0; */\n    display: none;\n    visibility: hidden;\n    transition: 1s ease-in-out;\n}\n.general-module_fadeInButton__1daVD {\n    display: block;\n}\n.general-module_fadeOutButton__8BRUG {\n    display: none;\n}\n\n/* Section Title */\n.general-module_sectiontitlecont__F-e6k {\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n.general-module_sectiontitlecont__F-e6k span {\n    position: relative;\n    white-space: nowrap;\n    transition: 0.3s;\n}\n.general-module_sectiontitlecont__F-e6k span::after {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    left: 0;\n    display: block;\n    height: 3px;\n    border-radius: 20px;\n    z-index: 1000;\n}\n.general-module_homesectiontitlecont__ZfXNm span {\n    font-size: 25px !important;\n}\n\n.general-module_sectiontitlecont2__mfEaP {\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n}\n.general-module_sectiontitlecont2__mfEaP span {\n    position: relative;\n    white-space: nowrap;\n    transition: 0.3s;\n}\n.general-module_sectiontitlecont2__mfEaP span::after {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    left: 0;\n    display: block;\n    border-radius: 20px;\n    z-index: 1000;\n}\n";
 var generalstyles = {"shadow_bottom":"general-module_shadow_bottom__YcJR3","overflowY_scroll":"general-module_overflowY_scroll__m5upZ","sub_scrollbar":"general-module_sub_scrollbar__mpHTI","badge":"general-module_badge__GTiMs","badge_secondary":"general-module_badge_secondary__p6ErJ","divider":"general-module_divider__WFV-A","verical_divider":"general-module_verical_divider__u5DxE","table":"general-module_table__hdcWN","mw-200":"general-module_mw-200__PaU8G","table_bordered":"general-module_table_bordered__JKIJp","table_borderless":"general-module_table_borderless__OF0cl","table_striped":"general-module_table_striped__wWBA6","table_hover":"general-module_table_hover__EiJha","table_responsive":"general-module_table_responsive__JPCKF","table_translation":"general-module_table_translation__x1Rpf","table_icon":"general-module_table_icon__EMMDI","image_table":"general-module_image_table__HqRaH","shownumber_cont":"general-module_shownumber_cont__34Y5j","card_input_table":"general-module_card_input_table__vVK0p","btn":"general-module_btn__FAb1b","btn_rounded":"general-module_btn_rounded__Rkb8o","focus":"general-module_focus__8-F6p","disabled":"general-module_disabled__PRzt-","btn_tranparent":"general-module_btn_tranparent__GFTRs","btn_circle":"general-module_btn_circle__lOyd4","btn_white":"general-module_btn_white__H0esd","btn_black":"general-module_btn_black__NcqLp","btn_primary":"general-module_btn_primary__C5oTz","btn_secondary":"general-module_btn_secondary__MbOCN","btn_success":"general-module_btn_success__iV5-t","btn_info":"general-module_btn_info__-ClLB","btn_danger":"general-module_btn_danger__b0QkM","btn_dark":"general-module_btn_dark__hSWyC","active":"general-module_active__MPpsF","btn_grey":"general-module_btn_grey__fGIYU","btn_cardheader":"general-module_btn_cardheader__vccWl","border_primary":"general-module_border_primary__Jqm8o","border_secondary":"general-module_border_secondary__xiHt3","border_success":"general-module_border_success__kWv6N","border_info":"general-module_border_info__wfOF-","border_warning":"general-module_border_warning__mSIRm","border_danger":"general-module_border_danger__U7veI","border":"general-module_border__Pvp44","border_top":"general-module_border_top__0-KRU","border_right":"general-module_border_right__7QXHH","border_bottom":"general-module_border_bottom__Xyy95","border_left":"general-module_border_left__90qSD","border_0":"general-module_border_0__YO9qY","border_top_0":"general-module_border_top_0__KFIha","border_right_0":"general-module_border_right_0__FaED6","border_bottom_0":"general-module_border_bottom_0__NZhJm","border_left_0":"general-module_border_left_0__gjITr","app_container":"general-module_app_container__-NNzK","app_main":"general-module_app_main__3s9rd","app_main_inner":"general-module_app_main_inner__OdEv-","app_main_inner_headertwo":"general-module_app_main_inner_headertwo__UkOlN","app_main_inner_headerfour":"general-module_app_main_inner_headerfour__slUk1","card":"general-module_card__KT-JI","card_border_10":"general-module_card_border_10__M-cl-","app_main_outer":"general-module_app_main_outer__gNSLc","app_main_outertranslated":"general-module_app_main_outertranslated__IZRx2","pill":"general-module_pill__gHCcE","fadeIn":"general-module_fadeIn__bUx2u","fadeOut":"general-module_fadeOut__R13Fc","fadeInButton":"general-module_fadeInButton__1daVD","fadeOutButton":"general-module_fadeOutButton__8BRUG","sectiontitlecont":"general-module_sectiontitlecont__F-e6k","homesectiontitlecont":"general-module_homesectiontitlecont__ZfXNm","sectiontitlecont2":"general-module_sectiontitlecont2__mfEaP"};
-styleInject(css_248z$v);
+styleInject(css_248z$w);
 
 var FacebookLoginButton = function FacebookLoginButton(props) {
   var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4;
@@ -175,9 +462,9 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
   }));
 };
 
-function ownKeys$15(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$17(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$15(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$17(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$17(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$17(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Login = function Login(props) {
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -223,7 +510,7 @@ var Login = function Login(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$15({}, secpropobj));
+      setsectionproperties(_objectSpread$17({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
 
@@ -337,10 +624,10 @@ var Login = function Login(props) {
     className: "".concat(loginstyles.form_control, " ").concat(loginstyles2.form_control),
     value: payloadobj.email,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$15({}, payloadobj);
+      var temppayloadobj = _objectSpread$17({}, payloadobj);
 
       temppayloadobj.email = event.target.value;
-      setpayloadobj(_objectSpread$15({}, temppayloadobj));
+      setpayloadobj(_objectSpread$17({}, temppayloadobj));
     }
   }), /*#__PURE__*/React.createElement("span", {
     className: langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans
@@ -358,10 +645,10 @@ var Login = function Login(props) {
     textplaceholder: "",
     value: payloadobj.password,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$15({}, payloadobj);
+      var temppayloadobj = _objectSpread$17({}, payloadobj);
 
       temppayloadobj.password = event.target.value;
-      setpayloadobj(_objectSpread$15({}, temppayloadobj));
+      setpayloadobj(_objectSpread$17({}, temppayloadobj));
     }
   }), /*#__PURE__*/React.createElement("span", {
     className: langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans
@@ -480,13 +767,13 @@ var IKurlEndpoint = 'https://ik.imagekit.io/kcrbhhnh0';
 var IKpublicKey = 'public_ro8Tmo5Nlgw12YIFkn9MNUQLvQE=';
 var serverbaselink = 'https://tabex-co.com';
 
-var css_248z$u = "/* Side Nav */\n.staticroutersidenav-module_vertical_nav_menu__p0mIj {\n    margin: 0;\n    padding: 0;\n    position: relative;\n    list-style: none;\n    transition: 0.3s ease-in-out;\n    border-radius: 20px;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj li.staticroutersidenav-module_sidebar_item__3F9Q1 {\n    transition: 0.3s !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    flex-direction: row;\n    padding: 5px !important;\n    position: relative;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidebar_item__3F9Q1::after {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    display: block;\n    border-radius: 100px 0 100px 0;\n    width: 0;\n    height: 0;\n    transition: 0.2s !important;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_page_name__46AJV {\n    transition: 0.3s;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj li .staticroutersidenav-module_sidenav_icon_cont__O8YSe {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    /* width: 35px; */\n    /* height: 35px; */\n    /* background-color: rgba(0, 28, 105); */\n    /* border-radius: 10px; */\n    /* color: white; */\n    transition: all 0.3s;\n    position: relative;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj i.staticroutersidenav-module_metismenu_icon__EcRZ1 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #022648;\n    transition: 0.3s;\n    opacity: 1;\n    font-size: 16px;\n}\n/* active */\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_active__IjRo0::after {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    /* right: -5%; */\n    display: block;\n    border-radius: 100px 0 100px 0;\n    width: 10px;\n    height: 100%;\n    /* background: red !important; */\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_active__IjRo0 .staticroutersidenav-module_sidenav_page_name__46AJV {\n    font-weight: 600;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_active__IjRo0 .staticroutersidenav-module_sidenav_icon_cont__O8YSe {\n    /* background-color: rgba(249, 128, 100) !important; */\n    box-shadow: none !important;\n}\n/* hover */\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidebar_item__3F9Q1:hover {\n    cursor: pointer;\n    transition: 0.3s;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidebar_item__3F9Q1:hover::after {\n    width: 10px;\n    height: 100%;\n}\n\n.staticroutersidenav-module_horizontal_nav_menu__6V32S{\n    display: flex;\n    flex-direction: row;\n}\n.staticroutersidenav-module_horizontal_nav_menu__6V32S li.staticroutersidenav-module_sidebar_item__3F9Q1 {\n    transition: 0.3s !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 5px !important;\n    position: relative;\n}\n@media screen and (max-width:800px) {\n    .staticroutersidenav-module_horizontal_nav_menu__6V32S{\n        width: 100%;\n        display: block !important;\n        white-space: nowrap;\n        position: relative;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n    }\n    .staticroutersidenav-module_sidebar_item__3F9Q1{\n        width: 30% !important;\n        float: none;\n        display: inline-block;\n        zoom: 1; \n    }  \n}\n@media screen and (max-width:700px) {\n    .staticroutersidenav-module_sidebar_item__3F9Q1{\n        min-width: 40% !important;\n    }\n}\n@media screen and (max-width:500px) {\n    .staticroutersidenav-module_sidebar_item__3F9Q1{\n        min-width: 60% !important;\n    }\n}\n\n\n.staticroutersidenav-module_sidebar_itemlastchild__9O187{\n    margin-right: 0 !important;\n    margin-left: 0 !important;\n}";
+var css_248z$v = "/* Side Nav */\n.staticroutersidenav-module_vertical_nav_menu__p0mIj {\n    margin: 0;\n    padding: 0;\n    position: relative;\n    list-style: none;\n    transition: 0.3s ease-in-out;\n    border-radius: 20px;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj li.staticroutersidenav-module_sidebar_item__3F9Q1 {\n    transition: 0.3s !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    flex-direction: row;\n    padding: 5px !important;\n    position: relative;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidebar_item__3F9Q1::after {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    display: block;\n    border-radius: 100px 0 100px 0;\n    width: 0;\n    height: 0;\n    transition: 0.2s !important;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_page_name__46AJV {\n    transition: 0.3s;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj li .staticroutersidenav-module_sidenav_icon_cont__O8YSe {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    /* width: 35px; */\n    /* height: 35px; */\n    /* background-color: rgba(0, 28, 105); */\n    /* border-radius: 10px; */\n    /* color: white; */\n    transition: all 0.3s;\n    position: relative;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj i.staticroutersidenav-module_metismenu_icon__EcRZ1 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #022648;\n    transition: 0.3s;\n    opacity: 1;\n    font-size: 16px;\n}\n/* active */\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_active__IjRo0::after {\n    content: '';\n    position: absolute;\n    bottom: -3px;\n    /* right: -5%; */\n    display: block;\n    border-radius: 100px 0 100px 0;\n    width: 10px;\n    height: 100%;\n    /* background: red !important; */\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_active__IjRo0 .staticroutersidenav-module_sidenav_page_name__46AJV {\n    font-weight: 600;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_active__IjRo0 .staticroutersidenav-module_sidenav_icon_cont__O8YSe {\n    /* background-color: rgba(249, 128, 100) !important; */\n    box-shadow: none !important;\n}\n/* hover */\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidebar_item__3F9Q1:hover {\n    cursor: pointer;\n    transition: 0.3s;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidebar_item__3F9Q1:hover::after {\n    width: 10px;\n    height: 100%;\n}\n\n.staticroutersidenav-module_horizontal_nav_menu__6V32S{\n    display: flex;\n    flex-direction: row;\n}\n.staticroutersidenav-module_horizontal_nav_menu__6V32S li.staticroutersidenav-module_sidebar_item__3F9Q1 {\n    transition: 0.3s !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 5px !important;\n    position: relative;\n}\n@media screen and (max-width:800px) {\n    .staticroutersidenav-module_horizontal_nav_menu__6V32S{\n        width: 100%;\n        display: block !important;\n        white-space: nowrap;\n        position: relative;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n    }\n    .staticroutersidenav-module_sidebar_item__3F9Q1{\n        width: 30% !important;\n        float: none;\n        display: inline-block;\n        zoom: 1; \n    }  \n}\n@media screen and (max-width:700px) {\n    .staticroutersidenav-module_sidebar_item__3F9Q1{\n        min-width: 40% !important;\n    }\n}\n@media screen and (max-width:500px) {\n    .staticroutersidenav-module_sidebar_item__3F9Q1{\n        min-width: 60% !important;\n    }\n}\n\n\n.staticroutersidenav-module_sidebar_itemlastchild__9O187{\n    margin-right: 0 !important;\n    margin-left: 0 !important;\n}";
 var staticroutersidenav = {"vertical_nav_menu":"staticroutersidenav-module_vertical_nav_menu__p0mIj","sidebar_item":"staticroutersidenav-module_sidebar_item__3F9Q1","sidenav_page_name":"staticroutersidenav-module_sidenav_page_name__46AJV","sidenav_icon_cont":"staticroutersidenav-module_sidenav_icon_cont__O8YSe","metismenu_icon":"staticroutersidenav-module_metismenu_icon__EcRZ1","sidenav_active":"staticroutersidenav-module_sidenav_active__IjRo0","horizontal_nav_menu":"staticroutersidenav-module_horizontal_nav_menu__6V32S","sidebar_itemlastchild":"staticroutersidenav-module_sidebar_itemlastchild__9O187"};
-styleInject(css_248z$u);
+styleInject(css_248z$v);
 
-function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$16(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$14(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$16(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$16(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$16(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // import { useMutation, useQuery, useQueryClient } from 'react-query';
 // import { useHistory, Link } from 'react-router-dom';
 // import { LanguageContext } from '../../../../../../../Contexts/LanguageContext';
@@ -594,7 +881,7 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
     templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$14({}, secpropobj));
+    setsectionproperties(_objectSpread$16({}, secpropobj));
     setnavigationstyle('Upper Navigation'); // }
     // }
   }, [CurrentPageId]);
@@ -750,9 +1037,9 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
   }))))));
 };
 
-function ownKeys$13(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$15(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$13(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$15(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Ordershistory = function Ordershistory(props) {
   var _bgimagesarray$, _bgimagesarray$2;
@@ -797,10 +1084,10 @@ var Ordershistory = function Ordershistory(props) {
 
   useEffect(function () {
     if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) == true) {
-      var tempFetchQueriesEngineContext = _objectSpread$13({}, FetchQueriesEngineContext);
+      var tempFetchQueriesEngineContext = _objectSpread$15({}, FetchQueriesEngineContext);
 
       tempFetchQueriesEngineContext.orderhistory = true;
-      setFetchQueriesEngineContext(_objectSpread$13({}, tempFetchQueriesEngineContext));
+      setFetchQueriesEngineContext(_objectSpread$15({}, tempFetchQueriesEngineContext));
     } else {
       routingcountext('');
     }
@@ -826,7 +1113,7 @@ var Ordershistory = function Ordershistory(props) {
       StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$13({}, secpropobj));
+      setsectionproperties(_objectSpread$15({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var orderhistory_cssstyles = {
@@ -1606,13 +1893,13 @@ var Ordershistory = function Ordershistory(props) {
   }, lang.cod))))))))))));
 };
 
-var css_248z$t = ".wishlist-module_wishlist_card__sUXul .wishlist-module_image_container__FuptA {\n    height: 300px;\n    border-radius: 10px;\n    background-size: cover !important;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-color: #e6e6e6;\n    width: 100% !important;\n    box-shadow: 0 0 10px #e6e6e6;\n}\n.wishlist-module_floatbtn__PZDvQ {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: 0.3s;\n    opacity: 0;\n}\n.wishlist-module_wishlist_card__sUXul:hover .wishlist-module_floatbtn__PZDvQ {\n    opacity: 1;\n}\n@media screen and (max-width: 800px) {\n    .wishlist-module_floatbtn__PZDvQ {\n        opacity: 1 !important;\n    }\n}\n";
+var css_248z$u = ".wishlist-module_wishlist_card__sUXul .wishlist-module_image_container__FuptA {\n    height: 300px;\n    border-radius: 10px;\n    background-size: cover !important;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-color: #e6e6e6;\n    width: 100% !important;\n    box-shadow: 0 0 10px #e6e6e6;\n}\n.wishlist-module_floatbtn__PZDvQ {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: 0.3s;\n    opacity: 0;\n}\n.wishlist-module_wishlist_card__sUXul:hover .wishlist-module_floatbtn__PZDvQ {\n    opacity: 1;\n}\n@media screen and (max-width: 800px) {\n    .wishlist-module_floatbtn__PZDvQ {\n        opacity: 1 !important;\n    }\n}\n";
 var wishliststyles = {"wishlist_card":"wishlist-module_wishlist_card__sUXul","image_container":"wishlist-module_image_container__FuptA","floatbtn":"wishlist-module_floatbtn__PZDvQ"};
-styleInject(css_248z$t);
+styleInject(css_248z$u);
 
-function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$12(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$14(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Wishlist = function Wishlist(props) {
   var _bgimagesarray$, _bgimagesarray$2;
@@ -1649,7 +1936,7 @@ var Wishlist = function Wishlist(props) {
       StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$12({}, secpropobj));
+      setsectionproperties(_objectSpread$14({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
 
@@ -1659,10 +1946,10 @@ var Wishlist = function Wishlist(props) {
       _useState2[1];
 
   useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$12({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$14({}, FetchQueriesEngineContext);
 
     tempFetchQueriesEngineContext.fetchfavoriteproducts = true;
-    setFetchQueriesEngineContext(_objectSpread$12({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$14({}, tempFetchQueriesEngineContext));
   }, []);
 
   var _useState3 = useState(''),
@@ -1694,7 +1981,7 @@ var Wishlist = function Wishlist(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$12({}, secpropobj));
+      setsectionproperties(_objectSpread$14({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var wishlist_cssstyles = {
@@ -2129,6 +2416,1161 @@ var Wishlist = function Wishlist(props) {
   })));
 };
 
+var css_248z$t = "/* Forms */\n.form-module_form_control__4-RGw {\n    display: block;\n    width: 100%;\n    height: 25px;\n    font-size: 1rem;\n    font-weight: 500;\n    color: #444054;\n    background-color: white;\n    border-radius: 20px;\n    box-shadow: 0 0 10px #e6e6e6;\n    height: 40px;\n    padding-left: 0;\n    padding-right: 0;\n    font-size: 14px;\n    transition: background 0s ease-out;\n    border: 0;\n    padding: 0 10px;\n}\n.form-module_form_controlcheckout__IoXvi{\n    display: block;\n    width: 100%;\n    height: 25px;\n    /* font-size: 1rem; */\n    /* font-weight: 500; */\n    /* color: #444054; */\n    /* background-color: #eee; */\n    /* border-radius: 10px; */\n    height: 40px;\n    padding-left: 0;\n    padding-right: 0;\n    font-size: 14px;\n    transition: background 0s ease-out;\n    border: 0;\n    padding: 0 10px;\n}\n.form-module_textarea__zG0ed{\n    resize: none;\n    /* background-color: #eee; */\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .form-module_form_control__4-RGw {\n        transition: none;\n    }\n}\n.form-module_form_control__4-RGw::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.form-module_form_control__4-RGw::placeholder {\n    color: #eac435;\n    opacity: 1;\n}\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.form-module_form_control__4-RGw {\n    min-height: 100px !important;\n    padding-top: 10px;\n    padding-bottom: 10px;\n}\n.form-module_form_control__4-RGw:focus {\n    transition-duration: 0.3s;\n    box-shadow: none;\n    box-shadow: 0 0 10px #ccc;\n}\n.form-module_form_control__4-RGw::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n\n.form-module_form_control_border_none__TJvdZ {\n    background-image: none;\n}\n.form-module_form_control__4-RGw.form-module_disabled__AtvSI,\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[disabled] {\n    cursor: not-allowed;\n}\n.form-module_input_label_name__416wN {\n    font-size: 16px;\n    text-transform: capitalize;\n    color: var(--cardheader);\n    font-weight: 500;\n}\n.form-module_input_label_name-bolder__UQn0a {\n    font-weight: 500;\n}\n.form-module_input_icon__X-CzC {\n    position: absolute;\n    bottom: 5px;\n    left: 0;\n    color: #d9d9d9;\n}\n/* Radio Buttons */\n.form-module_radiobtn_label__-4Hoi {\n    display: flex;\n    cursor: pointer;\n    font-weight: 500;\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 0;\n}\n.form-module_radiobtn_label__-4Hoi input {\n    position: absolute;\n    left: -9999px;\n    display: none;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span {\n    background-color: #f0f5f5;\n    color: var(--focus);\n    font-weight: 500;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span:before {\n    box-shadow: inset 0 0 0 0.3em #eac435;\n}\n.form-module_radiobtn_label__-4Hoi span {\n    display: flex;\n    align-items: center;\n    text-transform: capitalize;\n    padding: 0.375em 0.75em 0.375em 0.375em;\n    border-radius: 99em;\n    transition: 0.25s ease;\n    font-weight: normal;\n    color: var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi span:hover {\n    background-color: #e6e6e6;\n}\n.form-module_radiobtn_label__-4Hoi span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-right: 0.375em;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi.form-module_text-grey__JdZMY span:before {\n    box-shadow: inset 0 0 0 0.125em grey;\n}\n.form-module_radiobtn_label__-4Hoi input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n.form-module_radiobtn_label_translated__WN5Jj span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-left: 0.375em;\n    margin-right: 0;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label_translated__WN5Jj input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n\n/* Checkbox */\n.form-module_checkbox__XPkWy {\n    --border: #022648;\n    --border-hover: #959ed0;\n    --tick: #fff;\n    position: relative;\n    /* color: var(--cardheader); */\n}\n.form-module_checkbox_label__VvcKs {\n    font-size: 16px;\n    text-transform: capitalize;\n    font-weight: 500;\n    cursor: pointer;\n}\n.form-module_checkbox__XPkWy:hover {\n    /* color: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input,\n.form-module_checkbox__XPkWy svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n}\n.form-module_checkbox_sub__QWYil input {\n    width: 15px;\n    height: 15px;\n}\n.form-module_checkbox__XPkWy input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    position: relative;\n    outline: none;\n    background: white;\n    border: none;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: box-shadow 0.3s;\n    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.form-module_checkbox__XPkWy input:disabled {\n    cursor: not-allowed;\n}\n.form-module_checkbox__XPkWy input:hover {\n    /* --s: 2px; */\n    /* --b: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input:checked {\n    /* --b: var(--secondary); */\n}\n.form-module_checkbox__XPkWy svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    /* stroke: var(--stroke, var(--secondary)); */\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkbox_sub__QWYil svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke: var(--stroke, var(--secondary));\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkboxtranslated__zvEV- svg {\n    right: 0;\n}\n.form-module_checkbox__XPkWy input:checked {\n    --s: 2px;\n    transition-delay: 0.4s;\n}\n.form-module_checkbox__XPkWy input:checked + svg {\n    --a: 16.1 86.12;\n    --o: 102.22;\n}\n.form-module_checkbox__XPkWy svg {\n    stroke-dasharray: var(--a, 86.12);\n    stroke-dashoffset: var(--o, 86.12);\n    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n";
+var formstyles = {"form_control":"form-module_form_control__4-RGw","form_controlcheckout":"form-module_form_controlcheckout__IoXvi","textarea":"form-module_textarea__zG0ed","form_control_border_none":"form-module_form_control_border_none__TJvdZ","disabled":"form-module_disabled__AtvSI","input_label_name":"form-module_input_label_name__416wN","input_label_name-bolder":"form-module_input_label_name-bolder__UQn0a","input_icon":"form-module_input_icon__X-CzC","radiobtn_label":"form-module_radiobtn_label__-4Hoi","text-grey":"form-module_text-grey__JdZMY","radiobtn_label_translated":"form-module_radiobtn_label_translated__WN5Jj","checkbox":"form-module_checkbox__XPkWy","checkbox_label":"form-module_checkbox_label__VvcKs","checkbox_sub":"form-module_checkbox_sub__QWYil","checkboxtranslated":"form-module_checkboxtranslated__zvEV-"};
+styleInject(css_248z$t);
+
+function ownKeys$13(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$13(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var defaultstyles = {
+  option: function option(provided, state) {
+    return _objectSpread$13(_objectSpread$13({}, provided), {}, {
+      borderBottom: '1px solid #e6e6e6',
+      backgroundColor: state.isSelected ? '' : '',
+      padding: 5,
+      textTransform: 'capitalize',
+      color: state.isSelected ? '#eac435' : '#022648',
+      transition: '.3s',
+      '&:hover': {
+        // color: '#eac435',
+        cursor: 'pointer'
+      }
+    });
+  },
+  control: function control() {
+    return {
+      borderBottom: '1px solid #ccc',
+      backgroundColor: 'white',
+      display: 'flex',
+      cursor: 'pointer',
+      padding: 0,
+      transition: '.3s',
+      '&:hover': {// boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
+        // borderRadius: '10px',
+      }
+    };
+  },
+  dropdownIndicator: function dropdownIndicator(provided) {
+    return _objectSpread$13(_objectSpread$13({}, provided), {}, {
+      '&:hover': {// color: '#eac435',
+      }
+    });
+  }
+};
+var defaultstylestranslated = {
+  option: function option(provided, state) {
+    return _objectSpread$13(_objectSpread$13({}, provided), {}, {
+      borderBottom: '1px solid #e6e6e6',
+      backgroundColor: state.isSelected ? '' : '',
+      padding: 5,
+      textTransform: 'capitalize',
+      // color: state.isSelected ? '#eac435' : '#022648',
+      transition: '.3s',
+      textAlign: 'right',
+      '&:hover': {
+        // color: '#eac435',
+        cursor: 'pointer'
+      }
+    });
+  },
+  control: function control() {
+    return {
+      borderBottom: '1px solid #ccc',
+      backgroundColor: 'white',
+      display: 'flex',
+      cursor: 'pointer',
+      padding: 0,
+      transition: '.3s',
+      textAlign: 'right',
+      '&:hover': {// boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
+        // borderRadius: '10px',
+      }
+    };
+  },
+  dropdownIndicator: function dropdownIndicator(provided) {
+    return _objectSpread$13(_objectSpread$13({}, provided), {}, {
+      '&:hover': {// color: '#eac435',
+      }
+    });
+  },
+  placeholder: function placeholder(provided, state) {
+    return _objectSpread$13(_objectSpread$13({}, provided), {}, {
+      textAlign: 'right'
+    });
+  }
+};
+
+function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$12(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var Checkout = function Checkout(props) {
+  var _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue73, _fetchcustomercartQue74, _fetchcustomercartQue83, _fetchcustomercartQue84, _fetchcustomercartQue85, _fetchcustomercartQue86, _fetchcustomercartQue89, _fetchcustomercartQue90, _fetchcustomercartQue93, _fetchcustomercartQue94, _fetchcustomercartQue97, _fetchcustomercartQue98;
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      timer = _useState2[0],
+      settimer = _useState2[1];
+
+  var langdetect = props.actions.langdetect;
+  var lang = props.actions.lang;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var routingcountext = props.actions.routingcountext;
+  var ApplyPromoCodeMutationContext = props.actions.ApplyPromoCodeMutationContext;
+  var CurrentSrcTypeContext = props.actions.CurrentSrcTypeContext;
+  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
+  var templatepropcontext = props.actions.templatepropcontext;
+  var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
+  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
+  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
+  var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
+  var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
+  var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
+  var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
+  var ChooseState_CountryMutationContext = props.actions.ChooseState_CountryMutationContext;
+  var fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
+  var AddOrderMutationContext = props.actions.AddOrderMutationContext;
+  props.actions.fetchAuthorizationQueryContext;
+  var authdetailsContext = props.actions.authdetailsContext;
+  var NotificationManager = props.actions.NotificationManager;
+  var queryClient = props.actions.queryClient;
+
+  var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      sectionproperties = _useState4[0],
+      setsectionproperties = _useState4[1];
+
+  var _useState5 = useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      CurrentPageId = _useState6[0],
+      setCurrentPageId = _useState6[1];
+
+  useEffect(function () {
+    var _templatepropcontext$;
+
+    var cartindex = templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
+      return x.staticpageid == '6218bccb82af8';
+    });
+
+    if (cartindex >= 0) {
+      setCurrentPageId(cartindex);
+    }
+  }, []);
+  useEffect(function () {
+    var _templatepropcontext$2, _templatepropcontext$3;
+
+    var secpropobj = {};
+    templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$2 = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$2 === void 0 ? void 0 : (_templatepropcontext$3 = _templatepropcontext$2.pageproperties) === null || _templatepropcontext$3 === void 0 ? void 0 : _templatepropcontext$3.forEach(function (arrayItem, arrayindex) {
+      secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
+    });
+    setsectionproperties(_objectSpread$12({}, secpropobj));
+  }, [CurrentPageId]);
+  useEffect(function () {
+    if (CurrentSrcTypeContext == 'workplace') {
+      if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
+        var _StatePagePropertiesC, _StatePagePropertiesC2;
+
+        var secpropobj = {};
+        StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
+          secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
+        });
+        setsectionproperties(_objectSpread$12({}, secpropobj));
+      }
+    }
+  }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14;
+
+    // if (authdetailsContext.loggedin == true) {
+    var tempFetchQueriesEngineContext = _objectSpread$12({}, FetchQueriesEngineContext);
+
+    tempFetchQueriesEngineContext.fetchtabexcountries = true;
+    setFetchQueriesEngineContext(_objectSpread$12({}, tempFetchQueriesEngineContext));
+
+    var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
+
+    if ( // Aya
+    !fetchcustomercartQueryContext.isFetching && fetchcustomercartQueryContext.isSuccess && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != undefined && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.customercart.countryid) != null && // End
+    (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.customercart.countryid.length) != 0) {
+      var _fetchcustomercartQue7, _fetchcustomercartQue8;
+
+      tempFetchTabexStatesPayloadobjContext.country_id = fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.customercart.countryid;
+    }
+
+    if ( // aya
+    !fetchcustomercartQueryContext.isFetching && fetchcustomercartQueryContext.isSuccess && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : (_fetchcustomercartQue10 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.customercart) != undefined && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue11 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue11 === void 0 ? void 0 : (_fetchcustomercartQue12 = _fetchcustomercartQue11.data) === null || _fetchcustomercartQue12 === void 0 ? void 0 : _fetchcustomercartQue12.customercart.stateid) != null && // end
+    (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue13 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue13 === void 0 ? void 0 : (_fetchcustomercartQue14 = _fetchcustomercartQue13.data) === null || _fetchcustomercartQue14 === void 0 ? void 0 : _fetchcustomercartQue14.customercart.stateid.length) != 0) {
+      var _fetchcustomercartQue15, _fetchcustomercartQue16;
+
+      tempFetchTabexStatesPayloadobjContext.state_id = fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue15 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue15 === void 0 ? void 0 : (_fetchcustomercartQue16 = _fetchcustomercartQue15.data) === null || _fetchcustomercartQue16 === void 0 ? void 0 : _fetchcustomercartQue16.customercart.stateid;
+    }
+
+    setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext)); // } else {
+    // routingcountext('');
+    // }
+  }, []);
+
+  var cartinfoupdater = function cartinfoupdater(key, value) {
+    var _fetchcustomercartQue17, _fetchcustomercartQue18, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25, _fetchcustomercartQue26, _fetchcustomercartQue27, _fetchcustomercartQue28, _fetchcustomercartQue29, _fetchcustomercartQue30, _fetchcustomercartQue31, _fetchcustomercartQue32;
+
+    var cartarr = queryClient.getQueryData('fetchcustomercart_API');
+    cartarr.data.customercart[key] = value;
+    queryClient.setQueryData('fetchcustomercart_API', cartarr);
+    var payloadobj = {
+      stateid: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue17 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue17 === void 0 ? void 0 : (_fetchcustomercartQue18 = _fetchcustomercartQue17.data) === null || _fetchcustomercartQue18 === void 0 ? void 0 : _fetchcustomercartQue18.customercart.stateid,
+      countryid: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue19 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue19 === void 0 ? void 0 : (_fetchcustomercartQue20 = _fetchcustomercartQue19.data) === null || _fetchcustomercartQue20 === void 0 ? void 0 : _fetchcustomercartQue20.customercart.countryid,
+      cityid: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue21 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue21 === void 0 ? void 0 : (_fetchcustomercartQue22 = _fetchcustomercartQue21.data) === null || _fetchcustomercartQue22 === void 0 ? void 0 : _fetchcustomercartQue22.customercart.cityid,
+      address: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue23 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue23 === void 0 ? void 0 : (_fetchcustomercartQue24 = _fetchcustomercartQue23.data) === null || _fetchcustomercartQue24 === void 0 ? void 0 : _fetchcustomercartQue24.customercart.address,
+      paymentmethod: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue25 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue25 === void 0 ? void 0 : (_fetchcustomercartQue26 = _fetchcustomercartQue25.data) === null || _fetchcustomercartQue26 === void 0 ? void 0 : _fetchcustomercartQue26.customercart.paymentmethod,
+      name: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue27 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue27 === void 0 ? void 0 : (_fetchcustomercartQue28 = _fetchcustomercartQue27.data) === null || _fetchcustomercartQue28 === void 0 ? void 0 : _fetchcustomercartQue28.customercart.name,
+      email: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue29 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue29 === void 0 ? void 0 : (_fetchcustomercartQue30 = _fetchcustomercartQue29.data) === null || _fetchcustomercartQue30 === void 0 ? void 0 : _fetchcustomercartQue30.customercart.email,
+      mobile: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue31 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue31 === void 0 ? void 0 : (_fetchcustomercartQue32 = _fetchcustomercartQue31.data) === null || _fetchcustomercartQue32 === void 0 ? void 0 : _fetchcustomercartQue32.customercart.mobile
+    };
+
+    if (key == 'address' || key == 'name' || key == 'mobile' || key == 'email') {
+      clearTimeout(timer);
+      settimer(setTimeout(function () {
+        ChooseState_CountryMutationContext.mutate(payloadobj);
+      }, 1500));
+    } else {
+      ChooseState_CountryMutationContext.mutate(payloadobj);
+    }
+  };
+
+  var checkoutstyles = _defineProperty({
+    Salepricestyless: css({
+      fontSize: sectionproperties.prodsalepriceFontSize + 'px',
+      fontWeight: sectionproperties.prodsalePriceFontWeight,
+      color: sectionproperties.prodsalePriceColor,
+      show: sectionproperties.prodsalePriceshow,
+      transition: '.3s'
+    }),
+    userinfo_iconcont: css({
+      width: sectionproperties.userinfo_iconwidth + 'px',
+      height: sectionproperties.userinfo_iconheight + 'px',
+      background: sectionproperties.userinfo_iconbg,
+      borderRadius: sectionproperties.userinfo_iconborderbottomleftradius + 'px',
+      color: sectionproperties.userinfo_iconcolor
+    }),
+    userinfotextstyles: css({
+      color: sectionproperties.userinfo_color,
+      fontWeight: sectionproperties.userinfo_fontweight,
+      fontSize: sectionproperties.userinfo_fontsize + 'px'
+    }),
+    input_label_name: css({
+      color: sectionproperties.form_labelcolor,
+      textTransform: sectionproperties.form_labeltexttransform,
+      fontWeight: sectionproperties.form_labelfontweight,
+      fontSize: sectionproperties.form_labelfontsize + 'px'
+    }),
+    checkbox: css({
+      color: sectionproperties.checkbox_color,
+      textTransform: sectionproperties.form_labeltexttransform,
+      fontWeight: sectionproperties.form_labelfontweight,
+      fontSize: sectionproperties.form_labelfontsize + 'px',
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.checkbox_texthovercolor
+      },
+      'input:checked': {
+        color: sectionproperties.checkbox_checkedcolor
+      }
+    }),
+    checkboxinputstyles: css({
+      ':hover:not(:checked)': {
+        boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_texthovercolor
+      },
+      ':checked': {
+        boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_checkedcolor
+      }
+    }),
+    svgstyles: css({
+      stroke: 'var(--stroke, ' + sectionproperties.checkbox_checkedcolor + ')'
+    }),
+    innersectiontitlestyles: css({
+      color: sectionproperties.innersection_titlecolor,
+      fontSize: sectionproperties.innersection_titlefontsize + 'px',
+      fontWeight: sectionproperties.innersection_titlefontweight,
+      textTransform: sectionproperties.innersection_titletextTransform
+    }),
+    summarysectionstyles: css({
+      fontSize: sectionproperties.summary_fontsize + 'px',
+      color: sectionproperties.summary_textcolor,
+      fontWeight: sectionproperties.summary_textfontweight,
+      textTransform: sectionproperties.summary_texttransform,
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }),
+    checkoutbtnstyles: css({
+      background: sectionproperties.checkoutBtnbgColor,
+      width: sectionproperties.checkoutBtnWidth,
+      height: sectionproperties.checkoutBtnHeight,
+      borderRadius: sectionproperties.checkout_borderBottomLeftRadius + 'px',
+      color: sectionproperties.checkoutBtnTextcolor,
+      textTransform: sectionproperties.checkoutBtnTexttransform,
+      fontWeight: sectionproperties.checkoutBtnTextfontweight,
+      fontSize: sectionproperties.checkoutBtnTextfontsize + 'px',
+      border: sectionproperties.checkoutBtn_borderwidth + 'px solid ' + sectionproperties.checkoutBtn_bordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.checkoutBtnbgColoronhover_tranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColoronhover,
+        color: sectionproperties.checkoutBtnTextcoloronhover
+      }
+    }),
+    productNameStyles: css({
+      color: sectionproperties.prodNameColor,
+      fontSize: sectionproperties.prodNameFontSize + 'px',
+      textTransform: sectionproperties.prodNameTextTranform,
+      fontWeight: sectionproperties.prodNameFontWeight
+    }),
+    productPricestyles: css({
+      color: sectionproperties.prodPriceColor,
+      fontSize: sectionproperties.prodpriceFontSize + 'px',
+      fontWeight: sectionproperties.prodPriceFontWeight
+    }),
+    productSalePricestyles: css({
+      color: sectionproperties.prodsalePriceColor,
+      fontSize: sectionproperties.prodsalepriceFontSize + 'px',
+      fontWeight: sectionproperties.prodsalePriceFontWeight
+    }),
+    imagecont: css({
+      width: '8vh',
+      height: '8vh',
+      border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
+      backgroundColor: sectionproperties.prodimage_bgcolor,
+      borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
+      borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
+      borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundRepeat: 'no-repeat',
+      backgroundSize: 'cover',
+      backgroundPosition: 'center',
+      position: 'relative'
+    }),
+    applybtnstyles: css({
+      width: sectionproperties.applybtn_width + 'px',
+      height: sectionproperties.applybtn_height + 'px',
+      borderRadius: sectionproperties.applybtn_borderBottomLeftRadius + 'px',
+      textTransform: sectionproperties.applybtn_texttransform,
+      fontSize: sectionproperties.applybtn_fontsize + 'px',
+      color: sectionproperties.applybtn_textColor,
+      fontWeight: sectionproperties.applybtn_Textfontweight,
+      background: sectionproperties.applybtn_bgColor,
+      border: sectionproperties.applybtnborderwidth + 'px solid ' + sectionproperties.applybtnbordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.applybtn_bgColoronhover,
+        color: sectionproperties.applybtn_Textcoloronhover
+      }
+    }),
+    inputfiledstyles: css({}),
+    checkorderbtnstyles: css({
+      background: sectionproperties.generalbtn_bgColor,
+      width: sectionproperties.generalbtn_width,
+      height: sectionproperties.generalbtn_height,
+      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
+      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
+      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
+      color: sectionproperties.generalbtn_textColor,
+      textTransform: sectionproperties.generalbtn_texttransform,
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.generalbtn_bgColoronhover,
+        color: sectionproperties.generalbtn_textColoronhover
+      }
+    })
+  }, "input_label_name", css({
+    color: sectionproperties.form_labelcolor,
+    textTransform: sectionproperties.form_labeltexttransform,
+    fontWeight: sectionproperties.form_labelfontweight,
+    fontSize: sectionproperties.form_labelfontsize + 'px'
+  }));
+
+  var Mycart = function Mycart() {
+    var _fetchcustomercartQue33, _fetchcustomercartQue34, _fetchcustomercartQue35, _fetchcustomercartQue36, _fetchcustomercartQue37, _fetchcustomercartQue38, _fetchcustomercartQue45, _fetchcustomercartQue46, _fetchcustomercartQue47, _fetchcustomercartQue48, _fetchcustomercartQue49, _fetchcustomercartQue50, _fetchcustomercartQue51, _fetchcustomercartQue52, _fetchcustomercartQue53, _fetchcustomercartQue54, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue58, _fetchcustomercartQue59, _fetchcustomercartQue60, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue66, _fetchcustomercartQue67, _fetchcustomercartQue68;
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: "row  m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 d-flex align-items-center p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      style: {
+        fontSize: sectionproperties.sectionTitleFontSize + 'px',
+        color: sectionproperties.sectionTitleColor,
+        marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+        marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+        textTransform: sectionproperties.sectionTitleTextTransform,
+        fontWeight: sectionproperties.sectionTitleFontWeight
+      }
+    }, lang.mycart)), ChooseState_CountryMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, null), !ChooseState_CountryMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
+      className: "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 p-0"
+    }, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue33 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue33 === void 0 ? void 0 : (_fetchcustomercartQue34 = _fetchcustomercartQue33.data) === null || _fetchcustomercartQue34 === void 0 ? void 0 : _fetchcustomercartQue34.customercart.cartitems.map(function (item, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: langdetect == 'en' ? 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pl-2 pr-0 mb-3' : 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pr-2 pl-0 mb-3',
+        style: {
+          background: sectionproperties.summary_sectionbgcolor,
+          borderRadius: sectionproperties.summary_sectionborderbottomleftradius + 'px',
+          border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "row m-0 w-100 d-flex"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(checkoutstyles.imagecont)
+      }, /*#__PURE__*/React.createElement(IKImage, {
+        urlEndpoint: IKurlEndpoint,
+        publicKey: IKpublicKey,
+        path: item.productinfo.hasvariants == 0 ? '/tr:w-300,h-300/' + item.productinfo.productmainimage : '/tr:w-300,h-300/' + item.productinfo.variantinfo.variantimageurl,
+        style: {
+          width: '100%',
+          height: '100%',
+          objectFit: 'cover'
+        },
+        loading: "lazy"
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-7 col-md-7 col-sm-7"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "row m-0 w-100"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 col-md-12 col-sm-12 p-0"
+      }, /*#__PURE__*/React.createElement("p", {
+        className: "".concat(checkoutstyles.productNameStyles) + ' m-0 p-0 d-flex justify-content-start '
+      }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 p-0"
+      }, /*#__PURE__*/React.createElement("p", {
+        className: "m-0 p-0 font-weight-500 text-light d-flex justify-content-start"
+      }, lang.qty, ": ", item.quantity)), item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantoptions.map(function (variantitem, variantindex) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
+        }, /*#__PURE__*/React.createElement("p", {
+          className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
+        }, variantitem.optionname, ":"), /*#__PURE__*/React.createElement("p", {
+          className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
+        }, variantitem.optionvalue));
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-3 col-md-3 col-sm-2 p-0"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "row m-0 w-100 h-100"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-end mb-auto"
+      }, item.productinfo.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
+        className: "row m-0 w-100 d-flex flex-column justify-content-end"
+      }, item.productinfo.hassale == 0 && /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 p-0 d-flex justify-content-end"
+      }, /*#__PURE__*/React.createElement("p", {
+        className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
+      }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), item.productinfo.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+        className: "row m-0 w-100 d-flex flex-column justify-content-end"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 p-0 d-flex justify-content-end"
+      }, /*#__PURE__*/React.createElement("p", {
+        className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
+      }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.defaultsaleprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 p-0 d-flex justify-content-end"
+      }, /*#__PURE__*/React.createElement("p", {
+        className: langdetect == 'en' ? "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak text-left '
+      }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))), item.productinfo.hasvariants == 1 && /*#__PURE__*/React.createElement("div", {
+        className: "row m-0 w-100 d-flex flex-column justify-content-end"
+      }, item.productinfo.variantinfo.hassale == 0 && /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 p-0 d-flex justify-content-end"
+      }, /*#__PURE__*/React.createElement("p", {
+        className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
+      }, langdetect == 'en' ? 'EGP' : 'ج.م', " ", item.productinfo.variantinfo.variantprice)), item.productinfo.variantinfo.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+        className: "row m-0 w-100 d-flex flex-column justify-content-end"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 p-0 d-flex justify-content-end"
+      }, /*#__PURE__*/React.createElement("p", {
+        className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
+      }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.variantinfo.variantsaleprice, langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 p-0 d-flex justify-content-end"
+      }, /*#__PURE__*/React.createElement("p", {
+        className: langdetect == 'en' ? "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right ' : "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
+      }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.variantinfo.variantprice, " ", langdetect == 'en' ? '' : 'ج.م')))))))));
+    }), /*#__PURE__*/React.createElement("div", {
+      className: ' row m-0 w-100 p-3',
+      style: {
+        background: sectionproperties.summary_sectionbgcolor,
+        borderRadius: sectionproperties.summary_sectionborderradius + 'px',
+        border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 p-0 mb-1"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 p-0 mb-4"
+    }, /*#__PURE__*/React.createElement("label", {
+      className: "".concat(checkoutstyles.input_label_name) + ' m-0 p-0 mb-2 d-flex justify-content-start '
+    }, lang.doyouhavepromocode), /*#__PURE__*/React.createElement("div", {
+      className: ' row m-0 w-100 d-flex justify-content-center align-items-center '
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'col-lg-12 col-md-12 col-sm-12 p-0 mb-3'
+    }, /*#__PURE__*/React.createElement("input", {
+      type: "text",
+      className: "".concat(formstyles.form_control),
+      style: {
+        borderRadius: sectionproperties.inputfieldborderradius + 'px',
+        fontSize: sectionproperties.inputfieldfontsize + 'px',
+        color: sectionproperties.inputfieldcolor,
+        backgroundColor: sectionproperties.input_bgcolor
+      },
+      placeholder: lang.giftcarddicountcode,
+      value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue35 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue35 === void 0 ? void 0 : (_fetchcustomercartQue36 = _fetchcustomercartQue35.data) === null || _fetchcustomercartQue36 === void 0 ? void 0 : _fetchcustomercartQue36.customercart.couponname,
+      onChange: function onChange(event) {
+        var cartarr = queryClient.getQueryData('fetchcustomercart_API');
+        cartarr.data.customercart.couponname = event.target.value;
+        queryClient.setQueryData('fetchcustomercart_API', cartarr);
+      },
+      disabled: fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue37 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue37 !== void 0 && (_fetchcustomercartQue38 = _fetchcustomercartQue37.data) !== null && _fetchcustomercartQue38 !== void 0 && _fetchcustomercartQue38.customercart.couponexists ? true : false
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
+    }, /*#__PURE__*/React.createElement("button", {
+      className: " ".concat(checkoutstyles.applybtnstyles),
+      onClick: function onClick() {
+        var _fetchcustomercartQue39, _fetchcustomercartQue40;
+
+        if (!(fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue39 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue39 !== void 0 && (_fetchcustomercartQue40 = _fetchcustomercartQue39.data) !== null && _fetchcustomercartQue40 !== void 0 && _fetchcustomercartQue40.customercart.couponexists)) {
+          var _fetchcustomercartQue41, _fetchcustomercartQue42, _fetchcustomercartQue43, _fetchcustomercartQue44;
+
+          var payloadobj = {
+            couponname: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue41 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue41 === void 0 ? void 0 : (_fetchcustomercartQue42 = _fetchcustomercartQue41.data) === null || _fetchcustomercartQue42 === void 0 ? void 0 : _fetchcustomercartQue42.customercart.couponname,
+            functype: 'add'
+          };
+
+          if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue43 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue43 === void 0 ? void 0 : (_fetchcustomercartQue44 = _fetchcustomercartQue43.data) === null || _fetchcustomercartQue44 === void 0 ? void 0 : _fetchcustomercartQue44.customercart.couponname.length) != 0) {
+            ApplyPromoCodeMutationContext.mutate(payloadobj);
+          } else {
+            NotificationManager.warning('', 'Please Type Promo Code');
+          }
+        } else {
+          var payloadobj = {
+            functype: 'delete'
+          };
+          ApplyPromoCodeMutationContext.mutate(payloadobj);
+        }
+      },
+      disabled: ApplyPromoCodeMutationContext.isLoading ? true : false
+    }, /*#__PURE__*/React.createElement("span", {
+      className: ApplyPromoCodeMutationContext.isLoading ? "".concat(generalstyles.fadeOutButton) : "".concat(generalstyles.fadeInButton)
+    }, fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue45 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue45 !== void 0 && (_fetchcustomercartQue46 = _fetchcustomercartQue45.data) !== null && _fetchcustomercartQue46 !== void 0 && _fetchcustomercartQue46.customercart.couponexists ? langdetect == 'en' ? 'Remove' : 'حذف' : langdetect == 'en' ? 'Apply' : 'تطبيق'), /*#__PURE__*/React.createElement("div", {
+      className: ApplyPromoCodeMutationContext.isLoading ? "".concat(generalstyles.fadeInButton, " ").concat(generalstyles.btn_preloader) + ' d-flex align-items-center justify-content-center ' : "".concat(generalstyles.fadeOutButton) + ' align-items-center justify-content-center '
+    }, /*#__PURE__*/React.createElement(CircularProgress, {
+      color: "#fff",
+      width: "20px",
+      height: "20px",
+      duration: "1s"
+    })))))), /*#__PURE__*/React.createElement("div", {
+      className: "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-center wordbreak '
+    }, lang.subtotal)), /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
+    }, langdetect == 'en' ? 'EGP' : '', " ", fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue47 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue47 === void 0 ? void 0 : (_fetchcustomercartQue48 = _fetchcustomercartQue47.data) === null || _fetchcustomercartQue48 === void 0 ? void 0 : _fetchcustomercartQue48.customercart.totalprice, " ", langdetect == 'en' ? '' : 'ج.م')))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue49 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue49 === void 0 ? void 0 : (_fetchcustomercartQue50 = _fetchcustomercartQue49.data) === null || _fetchcustomercartQue50 === void 0 ? void 0 : _fetchcustomercartQue50.customercart.couponexists) && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue51 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue51 === void 0 ? void 0 : (_fetchcustomercartQue52 = _fetchcustomercartQue51.data) === null || _fetchcustomercartQue52 === void 0 ? void 0 : _fetchcustomercartQue52.customercart.discountprice) != 0 && /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 p-0 mb-1"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 text-danger d-flex align-items-start wordbreak '
+    }, lang.discount)), /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 text-danger wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 text-danger wordbreak text-left '
+    }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue53 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue53 === void 0 ? void 0 : (_fetchcustomercartQue54 = _fetchcustomercartQue53.data) === null || _fetchcustomercartQue54 === void 0 ? void 0 : _fetchcustomercartQue54.customercart.discountprice) != 0 && /*#__PURE__*/React.createElement("span", null, "- ", langdetect == 'en' ? 'EGP' : '', " ", fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue55 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue55 === void 0 ? void 0 : (_fetchcustomercartQue56 = _fetchcustomercartQue55.data) === null || _fetchcustomercartQue56 === void 0 ? void 0 : _fetchcustomercartQue56.customercart.discountprice, ' ', langdetect == 'en' ? '' : 'ج.م'), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue57 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue57 === void 0 ? void 0 : (_fetchcustomercartQue58 = _fetchcustomercartQue57.data) === null || _fetchcustomercartQue58 === void 0 ? void 0 : _fetchcustomercartQue58.customercart.discountprice) == 0 && /*#__PURE__*/React.createElement("span", null, "0"))))), /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 d-flex align-items-start wordbreak '
+    }, lang.shippingfees)), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue59 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue59 === void 0 ? void 0 : (_fetchcustomercartQue60 = _fetchcustomercartQue59.data) === null || _fetchcustomercartQue60 === void 0 ? void 0 : _fetchcustomercartQue60.customercart.zoneexists) && /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
+    }, langdetect == 'en' ? 'EGP' : '', " ", fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue61 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue61 === void 0 ? void 0 : (_fetchcustomercartQue62 = _fetchcustomercartQue61.data) === null || _fetchcustomercartQue62 === void 0 ? void 0 : _fetchcustomercartQue62.customercart.zoneprice, " ", langdetect == 'en' ? '' : 'ج.م')), !(fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue63 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue63 !== void 0 && (_fetchcustomercartQue64 = _fetchcustomercartQue63.data) !== null && _fetchcustomercartQue64 !== void 0 && _fetchcustomercartQue64.customercart.zoneexists) && /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-start wordbreak ',
+      style: {
+        color: 'red'
+      }
+    }, lang.outofzone)))), /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("hr", {
+      className: "mt-2 mb-2"
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "d-flex align-items-start",
+      style: {
+        fontSize: sectionproperties.total_fontsize + 'px',
+        fontWeight: sectionproperties.total_fontweight,
+        textTransform: sectionproperties.total_texttransform,
+        color: sectionproperties.total_color
+      }
+    }, lang.total)), /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 p-0 d-flex justify-content-end "
+    }, /*#__PURE__*/React.createElement("p", {
+      className: langdetect == 'en' ? ' wordbreak text-right ' : 'wordbreak text-left ',
+      style: {
+        fontSize: sectionproperties.total_fontsize + 'px',
+        fontWeight: sectionproperties.total_fontweight,
+        textTransform: sectionproperties.total_texttransform,
+        color: sectionproperties.total_color
+      }
+    }, langdetect == 'en' ? 'EGP' : '', " ", fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue65 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue65 === void 0 ? void 0 : (_fetchcustomercartQue66 = _fetchcustomercartQue65.data) === null || _fetchcustomercartQue66 === void 0 ? void 0 : _fetchcustomercartQue66.customercart.totalpriceafterdiscount, ' ', langdetect == 'en' ? '' : 'ج.م')))))), /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3"
+    }, /*#__PURE__*/React.createElement("button", {
+      className: " ".concat(checkoutstyles.checkoutbtnstyles) + ' d-flex align-items-center justify-content-center ',
+      onClick: function onClick() {
+        var payloadobj = {};
+        AddOrderMutationContext.mutate(payloadobj);
+      },
+      disabled: AddOrderMutationContext.isLoading ? true : false
+    }, AddOrderMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
+      color: "#fff",
+      width: "20px",
+      height: "20px",
+      duration: "1s"
+    }), !AddOrderMutationContext.isLoading ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue67 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue67 === void 0 ? void 0 : (_fetchcustomercartQue68 = _fetchcustomercartQue67.data) === null || _fetchcustomercartQue68 === void 0 ? void 0 : _fetchcustomercartQue68.customercart.paymentmethod) == 'onlinepayment' ? lang.continuetopayment : authdetailsContext.loggedin ? lang.confirmorder : lang.confirmorder + ' ' + lang.asaguest : ''))))));
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'row m-0 w-100 mb-3 d-flex justify-content-center p-sm-0 mt-sm-3'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'col-lg-12 w-100 d-flex justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
+    style: {
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px',
+      paddingLeft: sectionproperties.paddingLeft + 'px',
+      paddingRight: sectionproperties.paddingRight + 'px',
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      background: sectionproperties.backgroundColor,
+      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'row m-0 w-100 justify-content-center '
+  }, /*#__PURE__*/React.createElement("div", {
+    className: langdetect == 'en' ? ' col-lg-8 col-md-12 pl-0 p-md-0 ' : ' col-lg-8 col-md-12 pr-0 p-md-0 '
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 d-flex align-items-center p-0"
+  }, /*#__PURE__*/React.createElement("p", {
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+      textTransform: sectionproperties.sectionTitleTextTransform,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, lang.checkout)), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pl-3 pr-3 pt-2 pb-2",
+    style: {
+      background: sectionproperties.userinfo_sectionbgcolor,
+      borderRadius: sectionproperties.userinfo_borderradius + 'px',
+      marginTop: sectionproperties.userinfo_sectionmarginTop + 'px',
+      marginBottom: sectionproperties.userinfo_sectionmarginbottom + 'px',
+      border: sectionproperties.userinfo_borderwidth + 'px solid ' + sectionproperties.usserinfo_sectionbordercolor
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(checkoutstyles.userinfo_iconcont) + ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React.createElement(BsCheck2Circle, {
+    size: 20
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-11 col-md-10 col-sm-10 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 d-flex align-items-center pl-2 pr-2",
+    style: {
+      fontSize: sectionproperties.userinfo_titlefontsize + 'px',
+      color: sectionproperties.userinfo_titlecolor,
+      fontWeight: sectionproperties.userinfo_titlefontweight
+    }
+  }, lang.loggedinas), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 text-capitalize '
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "m-0 p-0 d-flex align-items-center"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
+    style: {
+      fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
+      color: sectionproperties.userinfotext_iconcolor,
+      marginRight: langdetect == 'en' ? '5px' : 0,
+      marginLeft: langdetect == 'en' ? 0 : '5px'
+    }
+  }, /*#__PURE__*/React.createElement(HiUser, null)), /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0 wordbreak"
+  }, authdetailsContext.customerinfo.name))), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 '
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "m-0 p-0 d-flex align-items-center"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
+    style: {
+      fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
+      color: sectionproperties.userinfotext_iconcolor,
+      marginRight: langdetect == 'en' ? '5px' : 0,
+      marginLeft: langdetect == 'en' ? 0 : '5px'
+    }
+  }, /*#__PURE__*/React.createElement(BsFillTelephoneFill, null)), /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0 wordbreak"
+  }, authdetailsContext.customerinfo.mobile))), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 '
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "m-0 p-0 d-flex align-items-center"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
+    style: {
+      fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
+      color: sectionproperties.userinfotext_iconcolor,
+      marginRight: langdetect == 'en' ? '5px' : 0,
+      marginLeft: langdetect == 'en' ? 0 : '5px'
+    }
+  }, /*#__PURE__*/React.createElement(GrMail, null)), /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0 wordbreak"
+  }, authdetailsContext.customerinfo.email))))), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 justify-content-end float-right pl-2 pr-2",
+    style: {
+      fontSize: sectionproperties.userinfo_titlefontsize + 'px',
+      color: sectionproperties.userinfo_titlecolor,
+      fontWeight: sectionproperties.userinfo_titlefontweight,
+      textAlign: 'right',
+      textDecoration: 'underline',
+      cursor: 'pointer',
+      position: 'absolute',
+      right: 10,
+      top: 10
+    },
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.accountinfo);
+    }
+  }, lang.update)))), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: sectionproperties.contactinfo_sectionmarginTop + 'px',
+      marginBottom: sectionproperties.contactinfo_sectionmarginbottom + 'px',
+      background: sectionproperties.contactinfo_sectionbgcolor,
+      borderRadius: sectionproperties.contactinfo_sectionborderradius + 'px',
+      border: sectionproperties.contactinfo_borderwidth + 'px solid ' + sectionproperties.contactinfo_sectionbordercolor
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 pl-3 pr-3 pt-2"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
+  }, authdetailsContext.loggedin ? lang.addressdetails : lang.contactdetails)), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    className: "mt-2 mb-2"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 mb-3 pl-3 pr-3 pb-3"
+  }, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-4 col-md-12 mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
+  }, lang.name), /*#__PURE__*/React.createElement("input", {
+    type: 'text',
+    className: "".concat(formstyles.form_control),
+    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue69 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue69 === void 0 ? void 0 : (_fetchcustomercartQue70 = _fetchcustomercartQue69.data) === null || _fetchcustomercartQue70 === void 0 ? void 0 : _fetchcustomercartQue70.customercart.name,
+    onChange: function onChange(event) {
+      cartinfoupdater('name', event.target.value);
+    },
+    style: {
+      resize: 'none',
+      fontWeight: sectionproperties.inputtextfontweight,
+      background: sectionproperties.input_bgcolor,
+      color: sectionproperties.inputfieldcolor,
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
+      borderRadius: sectionproperties.inputfieldborderradius + 'px',
+      boxShadow: 'none'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-4 col-md-12 mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
+  }, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React.createElement("input", {
+    type: 'text',
+    className: "".concat(formstyles.form_control),
+    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue71 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue71 === void 0 ? void 0 : (_fetchcustomercartQue72 = _fetchcustomercartQue71.data) === null || _fetchcustomercartQue72 === void 0 ? void 0 : _fetchcustomercartQue72.customercart.mobile,
+    onChange: function onChange(event) {
+      cartinfoupdater('mobile', event.target.value);
+    },
+    style: {
+      resize: 'none',
+      fontWeight: sectionproperties.inputtextfontweight,
+      background: sectionproperties.input_bgcolor,
+      color: sectionproperties.inputfieldcolor,
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
+      borderRadius: sectionproperties.inputfieldborderradius + 'px',
+      boxShadow: 'none'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-4 col-md-12 mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
+  }, lang.email), /*#__PURE__*/React.createElement("input", {
+    type: 'text',
+    className: "".concat(formstyles.form_control),
+    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue73 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue73 === void 0 ? void 0 : (_fetchcustomercartQue74 = _fetchcustomercartQue73.data) === null || _fetchcustomercartQue74 === void 0 ? void 0 : _fetchcustomercartQue74.customercart.email,
+    onChange: function onChange(event) {
+      cartinfoupdater('email', event.target.value);
+    },
+    style: {
+      resize: 'none',
+      fontWeight: sectionproperties.inputtextfontweight,
+      background: sectionproperties.input_bgcolor,
+      color: sectionproperties.inputfieldcolor,
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
+      borderRadius: sectionproperties.inputfieldborderradius + 'px',
+      boxShadow: 'none'
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-4 col-md-12 mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
+  }, " ", lang.country), fetchTabexCountriesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
+    className: "w-100"
+  }, /*#__PURE__*/React.createElement(CircularProgress, {
+    color: "black",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
+    options: fetchTabexCountriesQueryContext.data.data.countries,
+    getOptionLabel: function getOptionLabel(option) {
+      return option.name;
+    },
+    getOptionValue: function getOptionValue(option) {
+      return option.id;
+    },
+    value: fetchTabexCountriesQueryContext.data.data.countries.filter(function (option) {
+      var _fetchcustomercartQue75, _fetchcustomercartQue76;
+
+      return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue75 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue75 === void 0 ? void 0 : (_fetchcustomercartQue76 = _fetchcustomercartQue75.data) === null || _fetchcustomercartQue76 === void 0 ? void 0 : _fetchcustomercartQue76.customercart.countryid);
+    }),
+    onChange: function onChange(option) {
+      var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
+
+      tempFetchTabexStatesPayloadobjContext.functype = 'states';
+      tempFetchTabexStatesPayloadobjContext.country_id = option.id;
+      setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext));
+      cartinfoupdater('countryid', option.id);
+    },
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: lang.choosecountry,
+    isSearchable: true
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-4 col-md-12 mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
+  }, lang.stategov), fetchTabexStatesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
+    className: "w-100"
+  }, /*#__PURE__*/React.createElement(CircularProgress, {
+    color: "black",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  })), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
+    options: fetchTabexStatesQueryContext.data.data.states,
+    getOptionLabel: function getOptionLabel(option) {
+      return option.name;
+    },
+    getOptionValue: function getOptionValue(option) {
+      return option.id;
+    },
+    value: fetchTabexStatesQueryContext.data.data.states.filter(function (option) {
+      var _fetchcustomercartQue77, _fetchcustomercartQue78;
+
+      return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue77 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue77 === void 0 ? void 0 : (_fetchcustomercartQue78 = _fetchcustomercartQue77.data) === null || _fetchcustomercartQue78 === void 0 ? void 0 : _fetchcustomercartQue78.customercart.stateid);
+    }),
+    onChange: function onChange(option) {
+      var _fetchcustomercartQue79, _fetchcustomercartQue80;
+
+      if (option.id.length != 0 && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue79 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue79 === void 0 ? void 0 : (_fetchcustomercartQue80 = _fetchcustomercartQue79.data) === null || _fetchcustomercartQue80 === void 0 ? void 0 : _fetchcustomercartQue80.customercart.countryid.length) != 0) {
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
+
+        tempFetchTabexStatesPayloadobjContext.functype = 'cities';
+        tempFetchTabexStatesPayloadobjContext.state_id = option.id;
+        setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext));
+        cartinfoupdater('stateid', option.id);
+      } else {
+        NotificationManager.warning('', 'Please Choose Country Or State');
+      }
+    },
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: lang.choosestategov,
+    isSearchable: true
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-4 col-md-12 mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
+  }, lang.city), fetchTabexCitiesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
+    className: "w-100"
+  }, /*#__PURE__*/React.createElement(CircularProgress, {
+    color: "black",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  })), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
+    options: fetchTabexCitiesQueryContext.data.data.cities,
+    getOptionLabel: function getOptionLabel(option) {
+      return option.name;
+    },
+    getOptionValue: function getOptionValue(option) {
+      return option.id;
+    },
+    value: fetchTabexCitiesQueryContext.data.data.cities.filter(function (option) {
+      var _fetchcustomercartQue81, _fetchcustomercartQue82;
+
+      return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue81 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue81 === void 0 ? void 0 : (_fetchcustomercartQue82 = _fetchcustomercartQue81.data) === null || _fetchcustomercartQue82 === void 0 ? void 0 : _fetchcustomercartQue82.customercart.cityid);
+    }),
+    onChange: function onChange(option) {
+      cartinfoupdater('cityid', option.id);
+    },
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: lang.choosecity,
+    isSearchable: true
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
+  }, lang.shippingaddress), /*#__PURE__*/React.createElement(TextareaAutosize, {
+    type: 'text',
+    className: "".concat(formstyles.form_control),
+    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue83 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue83 === void 0 ? void 0 : (_fetchcustomercartQue84 = _fetchcustomercartQue83.data) === null || _fetchcustomercartQue84 === void 0 ? void 0 : _fetchcustomercartQue84.customercart.address,
+    onChange: function onChange(event) {
+      cartinfoupdater('address', event.target.value);
+    },
+    style: {
+      resize: 'none',
+      fontWeight: sectionproperties.inputtextfontweight,
+      background: sectionproperties.input_bgcolor,
+      color: sectionproperties.inputfieldcolor,
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
+      borderRadius: sectionproperties.inputfieldborderradius + 'px',
+      boxShadow: 'none'
+    }
+  }))))), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: sectionproperties.payment_sectionbgcolor,
+      borderRadius: sectionproperties.payment_borderradius + 'px',
+      border: sectionproperties.payment_borderwidth + 'px solid ' + sectionproperties.payment_sectionbordercolor
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 pl-3 pr-3 pt-2"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
+  }, lang.paymentmethod)), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    className: "mt-2 mb-2"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 mb-3 pl-3 pr-3"
+  }, authdetailsContext.instinfo.acceptCOD == 1 && /*#__PURE__*/React.createElement("div", {
+    className: "col-xl-4 col-lg-4 col-md-12 mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated) + ' d-flex mb-0 ',
+    "for": "codcheckbox"
+  }, /*#__PURE__*/React.createElement("input", {
+    id: 'codcheckbox',
+    type: "checkbox",
+    className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
+    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue85 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue85 === void 0 ? void 0 : (_fetchcustomercartQue86 = _fetchcustomercartQue85.data) === null || _fetchcustomercartQue86 === void 0 ? void 0 : _fetchcustomercartQue86.customercart.paymentmethod) == 'cod' ? true : false,
+    onChange: function onChange() {
+      var _fetchcustomercartQue87, _fetchcustomercartQue88;
+
+      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue87 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue87 === void 0 ? void 0 : (_fetchcustomercartQue88 = _fetchcustomercartQue87.data) === null || _fetchcustomercartQue88 === void 0 ? void 0 : _fetchcustomercartQue88.customercart.paymentmethod) != 'cod') {
+        cartinfoupdater('paymentmethod', 'cod');
+      }
+    }
+  }), /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 21 21",
+    className: checkoutstyles.svgstyles + ' h-100 '
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
+  })), /*#__PURE__*/React.createElement("p", {
+    className: ' ml-2 mb-0 cursor-pointer wordbreak mr-2',
+    style: {}
+  }, lang.cod))), authdetailsContext.instinfo.acceptCardOnDelivery == 1 && /*#__PURE__*/React.createElement("div", {
+    className: "col-xl-4 col-lg-4 col-md-12 mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
+    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue89 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue89 === void 0 ? void 0 : (_fetchcustomercartQue90 = _fetchcustomercartQue89.data) === null || _fetchcustomercartQue90 === void 0 ? void 0 : _fetchcustomercartQue90.customercart.paymentmethod) == 'cardondelivery' ? true : false,
+    onChange: function onChange() {
+      var _fetchcustomercartQue91, _fetchcustomercartQue92;
+
+      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue91 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue91 === void 0 ? void 0 : (_fetchcustomercartQue92 = _fetchcustomercartQue91.data) === null || _fetchcustomercartQue92 === void 0 ? void 0 : _fetchcustomercartQue92.customercart.paymentmethod) != 'cardondelivery') {
+        cartinfoupdater('paymentmethod', 'cardondelivery');
+      }
+    }
+  }), /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 21 21",
+    className: checkoutstyles.svgstyles + ' h-100 '
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
+  })), /*#__PURE__*/React.createElement("p", {
+    className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
+  }, " ", lang.cardondelivery))), authdetailsContext.instinfo.acceptOnlineCardPayment == 0 && /*#__PURE__*/React.createElement("div", {
+    className: "col-xl-4 col-lg-4 col-md-12 mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
+    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue93 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue93 === void 0 ? void 0 : (_fetchcustomercartQue94 = _fetchcustomercartQue93.data) === null || _fetchcustomercartQue94 === void 0 ? void 0 : _fetchcustomercartQue94.customercart.paymentmethod) == 'onlinepayment' ? true : false,
+    onChange: function onChange() {
+      var _fetchcustomercartQue95, _fetchcustomercartQue96;
+
+      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue95 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue95 === void 0 ? void 0 : (_fetchcustomercartQue96 = _fetchcustomercartQue95.data) === null || _fetchcustomercartQue96 === void 0 ? void 0 : _fetchcustomercartQue96.customercart.paymentmethod) != 'onlinepayment') {
+        cartinfoupdater('paymentmethod', 'onlinepayment');
+      }
+    }
+  }), /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 21 21",
+    className: checkoutstyles.svgstyles + ' h-100 '
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
+  })), /*#__PURE__*/React.createElement("p", {
+    className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
+  }, " ", lang.onlinepayment)))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue97 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue97 === void 0 ? void 0 : (_fetchcustomercartQue98 = _fetchcustomercartQue97.data) === null || _fetchcustomercartQue98 === void 0 ? void 0 : _fetchcustomercartQue98.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0 w-100 mb-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: sectionproperties.payment_sectionbgcolor,
+      borderRadius: sectionproperties.payment_borderradius + 'px',
+      borderColor: sectionproperties.payment_sectionbordercolor
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 pl-3 pr-3 pt-2"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
+  }, lang.paymentcardinformation)), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    className: "mt-2 mb-2"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "w-100 row m-0 pl-3 pr-3 pt-2 pb-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
+  }, lang.cardnumber), /*#__PURE__*/React.createElement("input", {
+    className: formstyles.form_controlcheckout,
+    type: "text",
+    textplaceholder: "",
+    onChange: function onChange(event) {},
+    style: {
+      fontWeight: sectionproperties.inputtextfontweight,
+      background: sectionproperties.input_bgcolor,
+      color: sectionproperties.inputfieldcolor,
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
+      borderRadius: sectionproperties.inputfieldborderradius + 'px'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "w-100 row m-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-4 col-md-12 col-sm-12 p-sm-0 mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
+  }, lang.year), /*#__PURE__*/React.createElement("input", {
+    className: formstyles.form_controlcheckout,
+    type: "text",
+    textplaceholder: "",
+    onChange: function onChange(event) {},
+    style: {
+      fontWeight: sectionproperties.inputtextfontweight,
+      background: sectionproperties.input_bgcolor,
+      color: sectionproperties.inputfieldcolor,
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
+      borderRadius: sectionproperties.inputfieldborderradius + 'px'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-4 col-md-12 col-sm-12  p-sm-0 mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
+  }, lang.month), /*#__PURE__*/React.createElement("input", {
+    className: formstyles.form_controlcheckout,
+    type: "text",
+    textplaceholder: "",
+    onChange: function onChange(event) {},
+    style: {
+      fontWeight: sectionproperties.inputtextfontweight,
+      background: sectionproperties.input_bgcolor,
+      color: sectionproperties.inputfieldcolor,
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
+      borderRadius: sectionproperties.inputfieldborderradius + 'px'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-4 col-md-12 col-sm-12  p-sm-0 mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
+  }, lang.cvv), /*#__PURE__*/React.createElement("input", {
+    className: formstyles.form_controlcheckout,
+    type: "text",
+    textplaceholder: "",
+    onChange: function onChange(event) {},
+    style: {
+      fontWeight: sectionproperties.inputtextfontweight,
+      background: sectionproperties.input_bgcolor,
+      color: sectionproperties.inputfieldcolor,
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
+      borderRadius: sectionproperties.inputfieldborderradius + 'px'
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0 mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
+  }, lang.nameoncard), /*#__PURE__*/React.createElement("input", {
+    className: formstyles.form_controlcheckout,
+    type: "text",
+    textplaceholder: "",
+    onChange: function onChange(event) {},
+    style: {
+      fontWeight: sectionproperties.inputtextfontweight,
+      background: sectionproperties.input_bgcolor,
+      color: sectionproperties.inputfieldcolor,
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
+      borderRadius: sectionproperties.inputfieldborderradius + 'px'
+    }
+  })))))), /*#__PURE__*/React.createElement("div", {
+    className: langdetect == 'en' ? 'col-lg-4 col-md-12 pr-0' : 'col-lg-4 col-md-12 pl-0'
+  }, Mycart()))));
+};
+
 var css_248z$s = ".tabs-module_tabs__36dMY {\n    position: relative;\n    height: auto;\n    display: flex;\n    width: 100% !important;\n    flex-direction: column;\n    word-wrap: break-word;\n}\n.tabs-module_tabs__36dMY input[name='tab-control'] {\n    display: none;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n    list-style-type: none;\n    padding-left: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    /* width: 30%; */\n    height: 100%;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    box-sizing: border-box;\n    flex: 1;\n    display: inline-block;\n    width: 100% !important;\n    text-align: left;\n    /* border-right: 1px solid #ccc; */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    font-size: 16px;\n    font-weight: 500;\n    transition: all 0.3s ease-in-out;\n    padding: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    white-space: nowrap;\n    /* color: var(--light2); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label:hover {\n    outline: 0;\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label.tabs-module_active__6wLfI {\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(1):checked ~ ul li:nth-child(1) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(2):checked ~ ul li:nth-child(2) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(3):checked ~ ul li:nth-child(3) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(4):checked ~ ul li:nth-child(4) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n@media screen and (max-width: 800px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n        width: 100%;\n        display: block;\n        white-space: nowrap;\n        position: relative;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n    }\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 50% !important;\n        float: none;\n        display: inline-block;\n        zoom: 1;\n        border-right: 0 !important;\n    }\n    label:hover {\n        border-right: 0 !important;\n        border-top: 3px solid !important;\n    }\n}\n@media (max-width: 576px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 100% !important;\n    }\n}\n\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy {\n    flex-direction: row !important;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    /* border-top: 5px solid #fff; */\n    margin: 0 5px;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    padding: 0 !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n";
 var tabstyles = {"tabs":"tabs-module_tabs__36dMY","tabsul":"tabs-module_tabsul__wNZqy","tabsli":"tabs-module_tabsli__-uR10","active":"tabs-module_active__6wLfI","policiestabs":"tabs-module_policiestabs__nopXD"};
 styleInject(css_248z$s);
@@ -23905,8 +25347,10 @@ var StylishProductCard = function StylishProductCard(props) {
 
 var returnLibrary = function returnLibrary() {
   return {
+    LanguageContext: LanguageContext$1,
+    LanguageProvider: LanguageProvider,
     AwesomeButton: AwesomeButton,
-    // Checkout: Checkout,
+    Checkout: Checkout,
     // Signup: Signup,
     // Productinfo: Productinfo,
     Ordershistory: Ordershistory,