tabexseriescomponents 0.0.346 → 0.0.348

package/dist/index.esm.js

@@ -56,7 +56,7 @@ import { HiOutlineChevronLeft } from '@react-icons/all-files/hi/HiOutlineChevron
 import { GoGlobe } from '@react-icons/all-files/go/GoGlobe';
 import { VscGlobe } from '@react-icons/all-files/vsc/VscGlobe';
 import { HiOutlineTrash } from '@react-icons/all-files/hi/HiOutlineTrash';
-import { BiSad } from '@react-icons/all-files/bi/BiSad';
+import '@react-icons/all-files/bi/BiSad';
 import { FiCalendar } from '@react-icons/all-files/fi/FiCalendar';
 import Dropdown from 'react-bootstrap/Dropdown';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
@@ -66,8 +66,6 @@ import { GrMail } from '@react-icons/all-files/gr/GrMail';
 import { FiCheckCircle } from '@react-icons/all-files/fi/FiCheckCircle';
 import { BiPhone } from '@react-icons/all-files/bi/BiPhone';
 import PhoneInput from 'react-phone-input-2';
-import '@react-icons/all-files/ai/AiOutlineEye';
-import '@react-icons/all-files/ai/AiOutlineEyeInvisible';
 import { BsChevronLeft } from '@react-icons/all-files/bs/BsChevronLeft';
 import { BsChevronRight } from '@react-icons/all-files/bs/BsChevronRight';
 import '@react-icons/all-files/ri/RiArrowUpSLine';
@@ -293,7 +291,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           loginwithfacebook: 'Sign in with facebook',
           orsigninwith: 'Or Sign in with',
           orsignupwith: 'Or Sign up with'
-        }, _defineProperty(_en, "price", 'Price'), _defineProperty(_en, "relatedproducts", 'Related products'), _defineProperty(_en, "qty", 'QTY'), _defineProperty(_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty(_en, "shopnow", 'Shop now'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "otherinformation", 'Other information'), _defineProperty(_en, "productname", 'Product name'), _defineProperty(_en, "quantity", 'Quantity'), _defineProperty(_en, "orderid", 'Order ID'), _defineProperty(_en, "numberofproducts", 'Number of products'), _defineProperty(_en, "checkyourorder", 'Check your order'), _defineProperty(_en, "search", 'Search'), _defineProperty(_en, "searchproducts", 'Search for products...'), _defineProperty(_en, "choosecity", 'Choose city'), _defineProperty(_en, "choosestategov", 'Choose state/governorate'), _defineProperty(_en, "choosecountry", 'Choose country'), _defineProperty(_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty(_en, "nosearchresults", 'No search results'), _defineProperty(_en, "sale", 'Sale'), _defineProperty(_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty(_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty(_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty(_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty(_en, "promocoderemoved", 'Promo code is removed'), _defineProperty(_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty(_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty(_en, "addedtowishlist", 'Added to your favourites'), _defineProperty(_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty(_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty(_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty(_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty(_en, "subtotal", 'Sub total'), _defineProperty(_en, "discount", 'Discount'), _defineProperty(_en, "outofzone", 'Out of zone'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "cod", 'Cash on Delivery'), _defineProperty(_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty(_en, "onlinepayment", 'Online Payment'), _defineProperty(_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty(_en, "shippingfees", 'Shipping fees'), _defineProperty(_en, "shippingaddress", 'Shipping address'), _defineProperty(_en, "cardnumber", 'Card number'), _defineProperty(_en, "year", 'Year'), _defineProperty(_en, "month", 'Month'), _defineProperty(_en, "cvv", 'CVV'), _defineProperty(_en, "nameoncard", 'Name On Card'), _defineProperty(_en, "country", 'Country'), _defineProperty(_en, "addressdetails", 'ِAddress details'), _defineProperty(_en, "stategov", 'State/Governorate'), _defineProperty(_en, "city", 'City'), _defineProperty(_en, "paymentmethod", 'Payment method'), _defineProperty(_en, "productimage", 'Product image'), _defineProperty(_en, "orderdetails", 'Order details'), _defineProperty(_en, "orderinvoice", 'Order invoice'), _defineProperty(_en, "promocodediscount", 'Promo code discount'), _defineProperty(_en, "address", 'Address'), _defineProperty(_en, "update", 'Update'), _defineProperty(_en, "phonenumber", 'Mobile number'), _defineProperty(_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty(_en, "name", 'Name'), _defineProperty(_en, "email", 'Email'), _defineProperty(_en, "password", 'Password'), _defineProperty(_en, "confirmpassword", 'Confirm password'), _defineProperty(_en, "showmore", 'Show more'), _defineProperty(_en, "showless", 'Show less'), _defineProperty(_en, "contactdetails", 'Contact Information'), _defineProperty(_en, "asaguest", 'As A Guest'), _defineProperty(_en, "choosecountryfirst", 'Please choose country first'), _defineProperty(_en, "security", 'Security'), _defineProperty(_en, "personalinformation", 'Personal Information'), _defineProperty(_en, "contactus", 'Contact us'), _defineProperty(_en, "slogan", 'Your website & mobile application in one place'), _defineProperty(_en, "recent", 'Recent'), _defineProperty(_en, "oldest", 'Oldest'), _defineProperty(_en, "pricehightolow", 'High to low'), _defineProperty(_en, "pricelowtohigh", 'Low to High'), _defineProperty(_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _en),
+        }, _defineProperty(_en, "price", 'Price'), _defineProperty(_en, "relatedproducts", 'Related products'), _defineProperty(_en, "qty", 'QTY'), _defineProperty(_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty(_en, "shopnow", 'Shop now'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "otherinformation", 'Other information'), _defineProperty(_en, "productname", 'Product name'), _defineProperty(_en, "quantity", 'Quantity'), _defineProperty(_en, "orderid", 'Order ID'), _defineProperty(_en, "numberofproducts", 'Number of products'), _defineProperty(_en, "checkyourorder", 'Check your order'), _defineProperty(_en, "search", 'Search'), _defineProperty(_en, "searchproducts", 'Search for products...'), _defineProperty(_en, "choosecity", 'Choose city'), _defineProperty(_en, "choosestategov", 'Choose state/governorate'), _defineProperty(_en, "choosecountry", 'Choose country'), _defineProperty(_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty(_en, "nosearchresults", 'No search results'), _defineProperty(_en, "sale", 'Sale'), _defineProperty(_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty(_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty(_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty(_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty(_en, "promocoderemoved", 'Promo code is removed'), _defineProperty(_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty(_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty(_en, "addedtowishlist", 'Added to your favourites'), _defineProperty(_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty(_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty(_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty(_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty(_en, "subtotal", 'Sub total'), _defineProperty(_en, "discount", 'Discount'), _defineProperty(_en, "outofzone", 'Out of zone'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "cod", 'Cash on Delivery'), _defineProperty(_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty(_en, "onlinepayment", 'Online Payment'), _defineProperty(_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty(_en, "shippingfees", 'Shipping fees'), _defineProperty(_en, "shippingaddress", 'Shipping address'), _defineProperty(_en, "cardnumber", 'Card number'), _defineProperty(_en, "year", 'Year'), _defineProperty(_en, "month", 'Month'), _defineProperty(_en, "cvv", 'CVV'), _defineProperty(_en, "nameoncard", 'Name On Card'), _defineProperty(_en, "country", 'Country'), _defineProperty(_en, "addressdetails", 'ِAddress details'), _defineProperty(_en, "stategov", 'State/Governorate'), _defineProperty(_en, "city", 'City'), _defineProperty(_en, "paymentmethod", 'Payment method'), _defineProperty(_en, "productimage", 'Product image'), _defineProperty(_en, "orderdetails", 'Order details'), _defineProperty(_en, "orderinvoice", 'Order invoice'), _defineProperty(_en, "promocodediscount", 'Promo code discount'), _defineProperty(_en, "address", 'Address'), _defineProperty(_en, "update", 'Update'), _defineProperty(_en, "phonenumber", 'Mobile number'), _defineProperty(_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty(_en, "name", 'Name'), _defineProperty(_en, "email", 'Email'), _defineProperty(_en, "password", 'Password'), _defineProperty(_en, "confirmpassword", 'Confirm password'), _defineProperty(_en, "showmore", 'Show more'), _defineProperty(_en, "showless", 'Show less'), _defineProperty(_en, "contactdetails", 'Contact Information'), _defineProperty(_en, "asaguest", 'As A Guest'), _defineProperty(_en, "choosecountryfirst", 'Please choose country first'), _defineProperty(_en, "security", 'Security'), _defineProperty(_en, "personalinformation", 'Personal Information'), _defineProperty(_en, "contactus", 'Contact us'), _defineProperty(_en, "slogan", 'Your website & mobile application in one place'), _defineProperty(_en, "recent", 'Recent'), _defineProperty(_en, "oldest", 'Oldest'), _defineProperty(_en, "pricehightolow", 'High to low'), _defineProperty(_en, "pricelowtohigh", 'Low to High'), _defineProperty(_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _defineProperty(_en, "instock", 'In Stock'), _en),
         ar: (_ar = {
           maximum: 'اقصى كمية',
           minimum: 'اقل كمية',
@@ -373,7 +371,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           loginwithfacebook: 'تسجيل الدخول عن طريق فيسبوك',
           orsigninwith: 'او تسجيل الدخول عن طريق',
           orsignupwith: 'او انشاء حساب عن طريق'
-        }, _defineProperty(_ar, "price", 'السعر'), _defineProperty(_ar, "relatedproducts", 'منتجات ذات صلة'), _defineProperty(_ar, "qty", 'الكمية'), _defineProperty(_ar, "emptyshoppingcart", 'حقيبة التسوق فارغة'), _defineProperty(_ar, "shopnow", 'تسوق الان'), _defineProperty(_ar, "total", 'الإجمالى'), _defineProperty(_ar, "otherinformation", 'معلومات اخرى'), _defineProperty(_ar, "productname", 'إسم المنتج'), _defineProperty(_ar, "quantity", 'الكمية'), _defineProperty(_ar, "orderid", 'رقم الطلب'), _defineProperty(_ar, "numberofproducts", 'عدد المنتجات'), _defineProperty(_ar, "checkyourorder", 'الذهاب إلى طلبك'), _defineProperty(_ar, "search", 'ابحث'), _defineProperty(_ar, "searchproducts", 'ابحث...'), _defineProperty(_ar, "choosecity", 'إختر المدينة'), _defineProperty(_ar, "choosestategov", 'إختر المحافظة/الولاية'), _defineProperty(_ar, "choosecountry", 'إختر البلد'), _defineProperty(_ar, "giftcarddicountcode", 'كود خصم'), _defineProperty(_ar, "nosearchresults", 'لا توجد نتائج'), _defineProperty(_ar, "sale", 'خصم'), _defineProperty(_ar, "nofavoriteproducts", 'لا توجد منتجات مفضلة'), _defineProperty(_ar, "loggedoutsuccess", 'تم تسجيل الخروج'), _defineProperty(_ar, "addedtocartsuccess", 'تم  تعديل عربة التسوق'), _defineProperty(_ar, "promocodeapplied", 'تم تطبيق كود الخصم'), _defineProperty(_ar, "promocoderemoved", 'تم حذف كود الخصم'), _defineProperty(_ar, "countryandstateupdatedsuccess", 'تم تحديث البلد و المدينة'), _defineProperty(_ar, "orderaddedsuccess", 'تم إضافة الطلب'), _defineProperty(_ar, "addedtowishlist", 'تم الإضافة لمفضلاتك'), _defineProperty(_ar, "productrmovedfromwishlist", 'تم الحذف من مفضلاتك'), _defineProperty(_ar, "fillthemissingfields", 'من فضلك اكمل باقى البيانات'), _defineProperty(_ar, "passwordsdontmatch", 'كلمات السر لا تتطابق'), _defineProperty(_ar, "loggedinsuccess", 'تم تسجيل الدخول'), _defineProperty(_ar, "subtotal", 'إجمالي المبلغ'), _defineProperty(_ar, "discount", 'الخصم'), _defineProperty(_ar, "outofzone", 'خارج نطاق الشحن'), _defineProperty(_ar, "total", 'المبلغ الكلي'), _defineProperty(_ar, "cod", 'الدفع عند الإستلام'), _defineProperty(_ar, "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), _defineProperty(_ar, "onlinepayment", 'الدفع الإلكترونى'), _defineProperty(_ar, "paymentcardinformation", 'بيانات البطاقة'), _defineProperty(_ar, "shippingfees", 'مصاريف الشحن'), _defineProperty(_ar, "shippingaddress", 'عنوان الشحن'), _defineProperty(_ar, "cardnumber", 'رقم البطاقة'), _defineProperty(_ar, "year", 'السنة'), _defineProperty(_ar, "month", 'الشهر'), _defineProperty(_ar, "cvv", 'رقم البطاقة'), _defineProperty(_ar, "nameoncard", 'الإسم على البطاقة'), _defineProperty(_ar, "country", 'البلد'), _defineProperty(_ar, "addressdetails", 'العنوان'), _defineProperty(_ar, "stategov", 'المحافظة/الولاية'), _defineProperty(_ar, "city", 'المدينة'), _defineProperty(_ar, "paymentmethod", 'طريقة الدفع'), _defineProperty(_ar, "productimage", 'صورة المنتج'), _defineProperty(_ar, "orderdetails", 'تفاصيل الطلب'), _defineProperty(_ar, "orderinvoice", 'فاتورة الطلب'), _defineProperty(_ar, "promocodediscount", 'كود الخصم'), _defineProperty(_ar, "address", 'العنوان'), _defineProperty(_ar, "update", 'تحديث'), _defineProperty(_ar, "phonenumber", 'الهاتف'), _defineProperty(_ar, "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty(_ar, "name", 'الإسم'), _defineProperty(_ar, "email", 'البريد الإلكترونى'), _defineProperty(_ar, "password", 'كلمة السر'), _defineProperty(_ar, "confirmpassword", 'تأكيد كلمة السر'), _defineProperty(_ar, "showless", 'اعرض اقل'), _defineProperty(_ar, "showmore", 'اعرض المزيد'), _defineProperty(_ar, "contactdetails", 'معلومات التواصل'), _defineProperty(_ar, "asaguest", 'كزائر'), _defineProperty(_ar, "choosecountryfirst", 'من فضلك اختر البلد اولاً'), _defineProperty(_ar, "security", 'الخصوصية و الأمان'), _defineProperty(_ar, "personalinformation", 'البيانات الشخصية'), _defineProperty(_ar, "contactus", 'تواصل معنا'), _defineProperty(_ar, "slogan", 'موقعك و تطبيقك فى مكان واحد'), _ar)
+        }, _defineProperty(_ar, "price", 'السعر'), _defineProperty(_ar, "relatedproducts", 'منتجات ذات صلة'), _defineProperty(_ar, "qty", 'الكمية'), _defineProperty(_ar, "emptyshoppingcart", 'حقيبة التسوق فارغة'), _defineProperty(_ar, "shopnow", 'تسوق الان'), _defineProperty(_ar, "total", 'الإجمالى'), _defineProperty(_ar, "otherinformation", 'معلومات اخرى'), _defineProperty(_ar, "productname", 'إسم المنتج'), _defineProperty(_ar, "quantity", 'الكمية'), _defineProperty(_ar, "orderid", 'رقم الطلب'), _defineProperty(_ar, "numberofproducts", 'عدد المنتجات'), _defineProperty(_ar, "checkyourorder", 'الذهاب إلى طلبك'), _defineProperty(_ar, "search", 'ابحث'), _defineProperty(_ar, "searchproducts", 'ابحث...'), _defineProperty(_ar, "choosecity", 'إختر المدينة'), _defineProperty(_ar, "choosestategov", 'إختر المحافظة/الولاية'), _defineProperty(_ar, "choosecountry", 'إختر البلد'), _defineProperty(_ar, "giftcarddicountcode", 'كود خصم'), _defineProperty(_ar, "nosearchresults", 'لا توجد نتائج'), _defineProperty(_ar, "sale", 'خصم'), _defineProperty(_ar, "nofavoriteproducts", 'لا توجد منتجات مفضلة'), _defineProperty(_ar, "loggedoutsuccess", 'تم تسجيل الخروج'), _defineProperty(_ar, "addedtocartsuccess", 'تم  تعديل عربة التسوق'), _defineProperty(_ar, "promocodeapplied", 'تم تطبيق كود الخصم'), _defineProperty(_ar, "promocoderemoved", 'تم حذف كود الخصم'), _defineProperty(_ar, "countryandstateupdatedsuccess", 'تم تحديث البلد و المدينة'), _defineProperty(_ar, "orderaddedsuccess", 'تم إضافة الطلب'), _defineProperty(_ar, "addedtowishlist", 'تم الإضافة لمفضلاتك'), _defineProperty(_ar, "productrmovedfromwishlist", 'تم الحذف من مفضلاتك'), _defineProperty(_ar, "fillthemissingfields", 'من فضلك اكمل باقى البيانات'), _defineProperty(_ar, "passwordsdontmatch", 'كلمات السر لا تتطابق'), _defineProperty(_ar, "loggedinsuccess", 'تم تسجيل الدخول'), _defineProperty(_ar, "subtotal", 'إجمالي المبلغ'), _defineProperty(_ar, "discount", 'الخصم'), _defineProperty(_ar, "outofzone", 'خارج نطاق الشحن'), _defineProperty(_ar, "total", 'المبلغ الكلي'), _defineProperty(_ar, "cod", 'الدفع عند الإستلام'), _defineProperty(_ar, "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), _defineProperty(_ar, "onlinepayment", 'الدفع الإلكترونى'), _defineProperty(_ar, "paymentcardinformation", 'بيانات البطاقة'), _defineProperty(_ar, "shippingfees", 'مصاريف الشحن'), _defineProperty(_ar, "shippingaddress", 'عنوان الشحن'), _defineProperty(_ar, "cardnumber", 'رقم البطاقة'), _defineProperty(_ar, "year", 'السنة'), _defineProperty(_ar, "month", 'الشهر'), _defineProperty(_ar, "cvv", 'رقم البطاقة'), _defineProperty(_ar, "nameoncard", 'الإسم على البطاقة'), _defineProperty(_ar, "country", 'البلد'), _defineProperty(_ar, "addressdetails", 'العنوان'), _defineProperty(_ar, "stategov", 'المحافظة/الولاية'), _defineProperty(_ar, "city", 'المدينة'), _defineProperty(_ar, "paymentmethod", 'طريقة الدفع'), _defineProperty(_ar, "productimage", 'صورة المنتج'), _defineProperty(_ar, "orderdetails", 'تفاصيل الطلب'), _defineProperty(_ar, "orderinvoice", 'فاتورة الطلب'), _defineProperty(_ar, "promocodediscount", 'كود الخصم'), _defineProperty(_ar, "address", 'العنوان'), _defineProperty(_ar, "update", 'تحديث'), _defineProperty(_ar, "phonenumber", 'الهاتف'), _defineProperty(_ar, "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty(_ar, "name", 'الإسم'), _defineProperty(_ar, "email", 'البريد الإلكترونى'), _defineProperty(_ar, "password", 'كلمة السر'), _defineProperty(_ar, "confirmpassword", 'تأكيد كلمة السر'), _defineProperty(_ar, "showless", 'اعرض اقل'), _defineProperty(_ar, "showmore", 'اعرض المزيد'), _defineProperty(_ar, "contactdetails", 'معلومات التواصل'), _defineProperty(_ar, "asaguest", 'كزائر'), _defineProperty(_ar, "choosecountryfirst", 'من فضلك اختر البلد اولاً'), _defineProperty(_ar, "security", 'الخصوصية و الأمان'), _defineProperty(_ar, "personalinformation", 'البيانات الشخصية'), _defineProperty(_ar, "contactus", 'تواصل معنا'), _defineProperty(_ar, "slogan", 'موقعك و تطبيقك فى مكان واحد'), _defineProperty(_ar, "instock", 'متوفر'), _ar)
       },
       langdetect: 'en',
       setlang: _this.setlang,
@@ -899,7 +897,7 @@ var Login = function Login(props) {
         letterSpacing: langdetect == 'en' ? '1px' : '',
         textTransform: sectionproperties.login_btn_texttransform
       }
-    }, lang.login)), SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
+    }, langdetect == 'en' ? sectionproperties.loginbtncontent_en : sectionproperties.loginbtncontent_ar)), SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
       color: "#fff",
       width: "20px",
       height: "20px",
@@ -1146,12 +1144,77 @@ styleInject(css_248z$L);
 var css_248z$K = ".image-gallery_image-gallery-icon__WE2UX {\n\tcolor: #fff;\n\ttransition: all .3s ease-out;\n\tappearance: none;\n\tbackground-color: transparent;\n\tborder: 0;\n\tcursor: pointer;\n\toutline: none;\n\tposition: absolute;\n\tz-index: 4;\n    display: none !important;\n\t/* filter: drop-shadow(0 2px 2px #1a1a1a); */\n}\n\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-icon__WE2UX:hover {\n\t\tcolor: var(--secondary)\n\t}\n\n\t.image-gallery_image-gallery-icon__WE2UX:hover .image-gallery_image-gallery-svg__XloJd {\n\t\ttransform: scale(1.1)\n\t}\n}\n\n.image-gallery_image-gallery-icon__WE2UX:focus {\n\toutline: 2px solid #000\n}\n\n.image-gallery_image-gallery-using-mouse__lBKAU .image-gallery_image-gallery-icon__WE2UX:focus {\n\toutline: none\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z,\n.image-gallery_image-gallery-play-button__2AS3J {\n\tbottom: 0;\n\tpadding: 20px\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\theight: 28px;\n\twidth: 28px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\n\t.image-gallery_image-gallery-play-button__2AS3J {\n\t\tpadding: 15px\n\t}\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 24px;\n\t\twidth: 24px\n\t}\n}\n\n@media(max-width: 480px) {\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\n\t.image-gallery_image-gallery-play-button__2AS3J {\n\t\tpadding: 10px\n\t}\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 16px;\n\t\twidth: 16px\n\t}\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z {\n\tright: 0\n}\n\n.image-gallery_image-gallery-play-button__2AS3J {\n\tleft: 0\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk,\n.image-gallery_image-gallery-right-nav__53hut {\n\tpadding: 50px 10px;\n\ttop: 50%;\n\ttransform: translateY(-50%)\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\theight: 120px;\n\twidth: 60px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 72px;\n\t\twidth: 36px\n\t}\n}\n\n@media(max-width: 480px) {\n\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 48px;\n\t\twidth: 24px\n\t}\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk[disabled],\n.image-gallery_image-gallery-right-nav__53hut[disabled] {\n\tcursor: disabled;\n\topacity: .6;\n\tpointer-events: none\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk {\n\tleft: 0\n}\n\n.image-gallery_image-gallery-right-nav__53hut {\n\tright: 0\n}\n\n.image-gallery_image-gallery__FfPQj {\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\t-o-user-select: none;\n\tuser-select: none;\n\t-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\tposition: relative\n}\n\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw {\n\tbackground: #000;\n\tbottom: 0;\n\theight: 100%;\n\tleft: 0;\n\tposition: fixed;\n\tright: 0;\n\ttop: 0;\n\twidth: 100%;\n\tz-index: 5\n}\n\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw .image-gallery_image-gallery-content__kMTBU {\n\ttop: 50%;\n\ttransform: translateY(-50%)\n}\n\n.image-gallery_image-gallery-content__kMTBU {\n\tposition: relative;\n\tline-height: 0;\n\ttop: 0\n}\n\n.image-gallery_image-gallery-content__kMTBU.image-gallery_fullscreen__VMCyX {\n\tbackground: #000\n}\n\n.image-gallery_image-gallery-content__kMTBU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\tmax-height: 50vh !important;\n}\n\n.image-gallery_image-gallery-content__kMTBU.image-gallery_left__K0NWU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh,\n.image-gallery_image-gallery-content__kMTBU.image-gallery_right__PlchD .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\tmax-height: 100vh\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\n\tdisplay: inline-block;\n\twidth: calc(100% - 110px)\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\n\t\twidth: calc(100% - 87px)\n\t}\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_image-gallery-rtl__jhrNg {\n\tdirection: rtl\n}\n\n.image-gallery_image-gallery-slides__cWfmF {\n\tline-height: 0;\n\toverflow: hidden;\n\tposition: relative;\n\twhite-space: nowrap;\n\ttext-align: center\n}\n\n.image-gallery_image-gallery-slide__2BfHc {\n\tleft: 0;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 100%\n}\n\n.image-gallery_image-gallery-slide__2BfHc.image-gallery_center__1gH-w {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\twidth: 100%;\n\tobject-fit: contain\n}\n\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\n\tbackground: rgba(0, 0, 0, .4);\n\tbottom: 70px;\n\tcolor: #fff;\n\tleft: 0;\n\tline-height: 1;\n\tpadding: 10px 20px;\n\tposition: absolute;\n\twhite-space: normal\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\n\t\tbottom: 45px;\n\t\tfont-size: .8em;\n\t\tpadding: 8px 15px\n\t}\n}\n\n.image-gallery_image-gallery-bullets__CEQBy {\n\tbottom: 20px;\n\tleft: 0;\n\tmargin: 0 auto;\n\tposition: absolute;\n\tright: 0;\n\twidth: 80%;\n\tz-index: 4\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullets-container__BXDlg {\n\tmargin: 0;\n\tpadding: 0;\n\ttext-align: center\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\tappearance: none;\n\tbackground-color: transparent;\n\tborder: 1px solid #fff;\n\tborder-radius: 50%;\n\tbox-shadow: 0 2px 2px #1a1a1a;\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tmargin: 0 5px;\n\toutline: none;\n\tpadding: 5px;\n\ttransition: all .2s ease-out\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\t\tmargin: 0 3px;\n\t\tpadding: 3px\n\t}\n}\n\n@media(max-width: 480px) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\t\tpadding: 2.7px\n\t}\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:focus {\n\ttransform: scale(1.2);\n\tbackground: #000;\n\tborder: 1px solid #000\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR {\n\ttransform: scale(1.2);\n\tborder: 1px solid #fff;\n\tbackground: #fff\n}\n\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:hover {\n\t\tbackground: #000;\n\t\tborder: 1px solid #000\n\t}\n\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR:hover {\n\t\tbackground: #000\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv- {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-horizontal__5-5qp {\n\ttouch-action: pan-y\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-vertical__-NAhb {\n\ttouch-action: pan-x\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-wrapper-rtl__Ya5gz {\n\tdirection: rtl\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\tdisplay: inline-block;\n\tvertical-align: top;\n\twidth: 100px;\n\theight: 100px !important;\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\t\twidth: 81px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn {\n\theight: 100%;\n\twidth: 100%;\n\tleft: 0;\n\tpadding: 0;\n\tposition: absolute;\n\ttop: 0\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF {\n\tdisplay: block;\n\tmargin-right: 0;\n\tpadding: 0\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\n\tmargin-left: 0;\n\tmargin-top: 2px\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\tmargin: 0 5px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\t\tmargin: 0 3px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails__1BFBn {\n\toverflow: hidden;\n\tpadding: 5px 0\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnails__1BFBn {\n\t\tpadding: 3px 0\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnails-container__Z3mr8 {\n\tcursor: pointer;\n\ttext-align: center;\n\twhite-space: nowrap\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF {\n\tdisplay: inline-block;\n\tborder: 2px solid transparent;\n\ttransition: border .3s ease-out;\n\twidth: 10vh;\n\tbackground: transparent;\n\tpadding: 0\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF {\n\t\tborder: 3px solid transparent;\n\t\twidth: 81px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\n\tmargin-left: 2px\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-inner__4F4ry {\n\tdisplay: block;\n\tposition: relative\n}\n.image-gallery_image-gallery-thumbnail__EKbDF{\n\twidth: 10vh;\n\theight: 7vh;\n\toverflow: hidden;\n}\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-image__Oi9qX {\n\twidth: 100%;\n    height:100%;\n\tline-height: 0;\n    object-fit: contain;\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF.image-gallery_active__B2qrR,\n.image-gallery_image-gallery-thumbnail__EKbDF:focus {\n\toutline: none;\n\tborder: 2px solid var(--light);\n}\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\n\t\toutline: none;\n\t\tborder: 2px solid var(--light)\n\t}\n}\n\n@media(hover: hover)and (pointer: fine)and (max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\n\t\tborder: 2px solid var(--primary)\n\t}\n}\n\n.image-gallery_image-gallery-thumbnail-label__4Xph8 {\n\tbox-sizing: border-box;\n\tcolor: #fff;\n\tfont-size: 1em;\n\tleft: 0;\n\tline-height: 1em;\n\tpadding: 5%;\n\tposition: absolute;\n\ttop: 50%;\n\ttext-shadow: 0 2px 2px #1a1a1a;\n\ttransform: translateY(-50%);\n\twhite-space: normal;\n\twidth: 100%\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail-label__4Xph8 {\n\t\tfont-size: .8em;\n\t\tline-height: .8em\n\t}\n}\n\n.image-gallery_image-gallery-index__DbRoC {\n\tbackground: rgba(0, 0, 0, .4);\n\tcolor: #fff;\n\tline-height: 1;\n\tpadding: 10px 20px;\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\tz-index: 4\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-index__DbRoC {\n\t\tfont-size: .8em;\n\t\tpadding: 5px 10px\n\t}\n}";
 styleInject(css_248z$K);
 
-var css_248z$J = "@media screen and (max-width: 800px) {\n    .signup-module_rightContainer__yEcoL,\n    .signup-module_rightContainerTrans__fkdBH {\n        border-top-right-radius: 0 !important;\n        border-bottom-right-radius: 15px !important;\n        border-bottom-left-radius: 15px !important;\n    }\n    .signup-module_rightContainerText__-pvN- {\n        font-size: 23px !important;\n    }\n}\n.signup-module_form_control__7s76W:focus {\n    -webkit-animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n    animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n}\n.signup-module_form_control__7s76W:focus + .signup-module_login_input_icon__RDTS0 {\n    padding-left: 20px;\n}\n/* Forms */\n.signup-module_form_control__7s76W {\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    /* font-size: 14px; */\n    /* transition: background 0s ease-out; */\n    /* border: 0; */\n    padding: 0 15px;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    position: relative;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .signup-module_form_control__7s76W {\n        transition: none;\n    }\n}\n.signup-module_form_control__7s76W::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.signup-module_form_control__7s76W:focus {\n    outline: 0;\n}\n.signup-module_form_control__7s76W::placeholder {\n    opacity: 1;\n}\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.signup-module_form_control__7s76W {\n    height: auto;\n}\n.signup-module_form_control__7s76W:focus {\n    /* background-size: 100% 100%, 100% 100%; */\n    transition-duration: 0.3s;\n    box-shadow: none;\n}\n.signup-module_form_control__7s76W::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W {\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.signup-module_form_control_border_none__HjUMS {\n    background-image: none;\n}\n.signup-module_form_control__7s76W.signup-module_disabled__h55ao,\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[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@media screen and (max-width: 500px) {\n    .signup-module_form_control__7s76W {\n        /* padding: 0 5px !important; */\n    }\n    .signup-module_login_input_icon__RDTS0 {\n        padding-left: 0 !important;\n    }\n    .signup-module_rightContainer__yEcoL {\n        border-radius: 15px 15px 0 0 !important;\n    }\n    .signup-module_leftcontainer__bqfnN {\n        border-radius: 15px 15px 0 0 !important;\n    }\n}\n.signup-module_form_controltextarea__-LGz6{\n    min-height: 10vh !important;\n}\n.signup-module_checkbox__8ejBx {\n    --border: #022648;\n    --border-hover: #959ed0;\n    --tick: #fff;\n    position: relative;\n    /* color: var(--cardheader); */\n}\n.signup-module_checkbox_label__d84Q2 {\n    font-size: 16px;\n    text-transform: capitalize;\n    font-weight: 500;\n    cursor: pointer;\n}\n.signup-module_checkbox__8ejBx:hover {\n    /* color: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input,\n.signup-module_checkbox__8ejBx svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n}\n.signup-module_checkbox_sub__WQLUX input {\n    width: 15px;\n    height: 15px;\n}\n.signup-module_checkbox__8ejBx 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.signup-module_checkbox__8ejBx input:disabled {\n    cursor: not-allowed;\n}\n.signup-module_checkbox__8ejBx input:hover {\n    /* --s: 2px; */\n    /* --b: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input:checked {\n    /* --b: var(--secondary); */\n}\n.signup-module_checkbox__8ejBx 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.signup-module_checkbox_sub__WQLUX 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.signup-module_checkboxtranslated__4xHR- svg {\n    right: 0;\n}\n.signup-module_checkbox__8ejBx input:checked {\n    --s: 2px;\n    transition-delay: 0.4s;\n}\n.signup-module_checkbox__8ejBx input:checked + svg {\n    --a: 16.1 86.12;\n    --o: 102.22;\n}\n.signup-module_checkbox__8ejBx 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\n.signup-module_showpassword_input_icon__cVHRS {\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: 15px;\n    right: 25px;\n    padding-left: 15px;\n\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n    cursor: pointer !important;\n    z-index: 10000000000000000000000 !important;\n}\n.signup-module_showpassword_input_icontrans__vmV5q {\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: 15px;\n    left: 25px;\n\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n    cursor: pointer !important;\n    z-index: 10000000000000000000000 !important;\n}";
+var css_248z$J = "@media screen and (max-width: 800px) {\n    .signup-module_rightContainer__yEcoL,\n    .signup-module_rightContainerTrans__fkdBH {\n        border-top-right-radius: 0 !important;\n        border-bottom-right-radius: 15px !important;\n        border-bottom-left-radius: 15px !important;\n    }\n    .signup-module_rightContainerText__-pvN- {\n        font-size: 23px !important;\n    }\n}\n.signup-module_form_control__7s76W:focus {\n    -webkit-animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n    animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n}\n.signup-module_form_control__7s76W:focus + .signup-module_login_input_icon__RDTS0 {\n    padding-left: 20px;\n}\n/* Forms */\n.signup-module_form_control__7s76W {\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    /* font-size: 14px; */\n    /* transition: background 0s ease-out; */\n    /* border: 0; */\n    padding: 0 15px;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    position: relative;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .signup-module_form_control__7s76W {\n        transition: none;\n    }\n}\n.signup-module_form_control__7s76W::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.signup-module_form_control__7s76W:focus {\n    outline: 0;\n}\n.signup-module_form_control__7s76W::placeholder {\n    opacity: 1;\n}\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.signup-module_form_control__7s76W {\n    height: auto;\n}\n.signup-module_form_control__7s76W:focus {\n    /* background-size: 100% 100%, 100% 100%; */\n    transition-duration: 0.3s;\n    box-shadow: none;\n}\n.signup-module_form_control__7s76W::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W {\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.signup-module_form_control_border_none__HjUMS {\n    background-image: none;\n}\n.signup-module_form_control__7s76W.signup-module_disabled__h55ao,\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[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@media screen and (max-width: 500px) {\n    .signup-module_form_control__7s76W {\n        /* padding: 0 5px !important; */\n    }\n    .signup-module_login_input_icon__RDTS0 {\n        padding-left: 0 !important;\n    }\n    .signup-module_rightContainer__yEcoL {\n        border-radius: 15px 15px 0 0 !important;\n    }\n    .signup-module_leftcontainer__bqfnN {\n        border-radius: 15px 15px 0 0 !important;\n    }\n}\n.signup-module_form_controltextarea__-LGz6{\n    min-height: 40px !important;\n}\n.signup-module_checkbox__8ejBx {\n    --border: #022648;\n    --border-hover: #959ed0;\n    --tick: #fff;\n    position: relative;\n    /* color: var(--cardheader); */\n}\n.signup-module_checkbox_label__d84Q2 {\n    font-size: 16px;\n    text-transform: capitalize;\n    font-weight: 500;\n    cursor: pointer;\n}\n.signup-module_checkbox__8ejBx:hover {\n    /* color: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input,\n.signup-module_checkbox__8ejBx svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n}\n.signup-module_checkbox_sub__WQLUX input {\n    width: 15px;\n    height: 15px;\n}\n.signup-module_checkbox__8ejBx 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.signup-module_checkbox__8ejBx input:disabled {\n    cursor: not-allowed;\n}\n.signup-module_checkbox__8ejBx input:hover {\n    /* --s: 2px; */\n    /* --b: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input:checked {\n    /* --b: var(--secondary); */\n}\n.signup-module_checkbox__8ejBx 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.signup-module_checkbox_sub__WQLUX 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.signup-module_checkboxtranslated__4xHR- svg {\n    right: 0;\n}\n.signup-module_checkbox__8ejBx input:checked {\n    --s: 2px;\n    transition-delay: 0.4s;\n}\n.signup-module_checkbox__8ejBx input:checked + svg {\n    --a: 16.1 86.12;\n    --o: 102.22;\n}\n.signup-module_checkbox__8ejBx 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\n.signup-module_showpassword_input_icon__cVHRS {\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: 15px;\n    right: 25px;\n    padding-left: 15px;\n\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n    cursor: pointer !important;\n    z-index: 10000000000000000000000 !important;\n}\n.signup-module_showpassword_input_icontrans__vmV5q {\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: 15px;\n    left: 25px;\n\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n    cursor: pointer !important;\n    z-index: 10000000000000000000000 !important;\n}";
 var loginstyles = {"rightContainer":"signup-module_rightContainer__yEcoL","rightContainerTrans":"signup-module_rightContainerTrans__fkdBH","rightContainerText":"signup-module_rightContainerText__-pvN-","form_control":"signup-module_form_control__7s76W","anim-shadow":"signup-module_anim-shadow__CsxhG","login_input_icon":"signup-module_login_input_icon__RDTS0","form_control_border_none":"signup-module_form_control_border_none__HjUMS","disabled":"signup-module_disabled__h55ao","leftcontainer":"signup-module_leftcontainer__bqfnN","form_controltextarea":"signup-module_form_controltextarea__-LGz6","checkbox":"signup-module_checkbox__8ejBx","checkbox_label":"signup-module_checkbox_label__d84Q2","checkbox_sub":"signup-module_checkbox_sub__WQLUX","checkboxtranslated":"signup-module_checkboxtranslated__4xHR-","showpassword_input_icon":"signup-module_showpassword_input_icon__cVHRS","showpassword_input_icontrans":"signup-module_showpassword_input_icontrans__vmV5q"};
 styleInject(css_248z$J);
 
 function ownKeys$2p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var selectcustomStyles = {
+  option: function option(provided, state) {
+    return _objectSpread$2p(_objectSpread$2p({}, 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 {
+      border: '1px solid #e6e6e6',
+      // boxShadow: '0 0 10px #e6e6e6',
+      borderRadius: '5px',
+      display: 'flex',
+      cursor: 'pointer',
+      transition: '.3s',
+      '&:hover': {
+        // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
+      }
+    };
+  }
+};
+var selectcustomStylesTranslated = {
+  option: function option(provided, state) {
+    return _objectSpread$2p(_objectSpread$2p({}, 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 {
+      border: '2px solid #e6e6e6',
+      boxShadow: '0 0 10px #e6e6e6',
+      borderRadius: '10px',
+      display: 'flex',
+      cursor: 'pointer',
+      transition: '.3s',
+      textAlign: 'right',
+      '&:hover': {
+        boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)'
+      }
+    };
+  },
+  placeholder: function placeholder(provided, state) {
+    return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
+      textAlign: 'right'
+    });
+  }
+};
 var defaultstyles = {
   option: function option(provided, state) {
     return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
@@ -2067,7 +2130,7 @@ var DescriptionContent = function DescriptionContent(props) {
 function ownKeys$2n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _ProductInfoObj$data, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34;
+  var _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _ProductInfoObj$data, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -2185,11 +2248,11 @@ var Product_itemtype = function Product_itemtype(props) {
     }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar);
   };
   var SKUSection = function SKUSection() {
-    var _fetchProductInfoQuer;
+    var _fetchProductInfoQuer, _fetchProductInfoQuer2;
     return /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100"
+      "class": sectionproperties.availabilitybtnposition == 'Under SKU' && sectionproperties.show_availability == 'Show' ? 'row m-0 w-100 mt-3' : 'row m-0 w-100'
     }, sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
+      "class": sectionproperties.availabilitybtnposition == 'Under SKU' && sectionproperties.show_availability == 'Show' ? 'col-lg-12 p-0 mb-1 d-flex justify-content-start' : sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
     }, /*#__PURE__*/React.createElement("p", {
       "class": "m-0 p-0 d-flex justify-content-start"
     }, /*#__PURE__*/React.createElement("span", {
@@ -2207,7 +2270,26 @@ var Product_itemtype = function Product_itemtype(props) {
         fontSize: sectionproperties.skuFontSize + 'px',
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
-    }, fetchProductInfoQueryContext.data.data.productinfo.sku))));
+    }, fetchProductInfoQueryContext.data.data.productinfo.sku))), sectionproperties.availabilitybtnposition == 'Under SKU' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
+      "class": 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0 d-flex justify-content-start"
+    }, /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: sectionproperties.availability_fontsize + 'px',
+        color: sectionproperties.availability_textcolor,
+        textAlign: langdetect == 'en' ? 'left' : 'right',
+        fontWeight: sectionproperties.skuFontWeight
+      }
+    }, lang.availability, ":"), /*#__PURE__*/React.createElement("span", {
+      "class": "ml-1 mr-1",
+      style: {
+        color: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availabletextcolor : sectionproperties.availability_limitedtextcolor,
+        fontSize: sectionproperties.availability_fontsize + 'px',
+        fontWeight: sectionproperties.skuSecondaryFontWeight,
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.instock : lang.limitedquantity))));
   };
   var ShareButtonsContainer = function ShareButtonsContainer() {
     return /*#__PURE__*/React.createElement("div", {
@@ -2225,7 +2307,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr), /*#__PURE__*/React.createElement("div", {
       className: "Demo__container w-100 m-0 d-flex align-items-center mt-3",
       style: {
-        justifyContent: sectionproperties.sharecentered == 'Centered' ? 'center' : 'start'
+        justifyContent: srcfromprops != 'templatedraftrouter' ? 'start' : sectionproperties.sharecentered == 'Centered' ? 'center' : 'start'
       }
     }, /*#__PURE__*/React.createElement("div", {
       className: "Demo__some-network ml-2 mr-2 allcentered"
@@ -2249,7 +2331,9 @@ var Product_itemtype = function Product_itemtype(props) {
       style: {}
     }, /*#__PURE__*/React.createElement("i", {
       "class": "h-100 allcentered"
-    }, /*#__PURE__*/React.createElement(AiOutlineTwitter, null))))), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(AiOutlineTwitter, {
+      size: 16
+    }))))), /*#__PURE__*/React.createElement("div", {
       className: "Demo__some-network ml-2 mr-2"
     }, /*#__PURE__*/React.createElement(WhatsappShareButton, {
       url: shareUrl,
@@ -2261,7 +2345,9 @@ var Product_itemtype = function Product_itemtype(props) {
       style: {}
     }, /*#__PURE__*/React.createElement("i", {
       "class": "h-100 allcentered"
-    }, /*#__PURE__*/React.createElement(FaWhatsapp, null))))), sectionproperties.showsharelinkedin == 'Show' && /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(FaWhatsapp, {
+      size: 16
+    }))))), sectionproperties.showsharelinkedin == 'Show' && /*#__PURE__*/React.createElement("div", {
       className: "Demo__some-network ml-2 mr-2"
     }, /*#__PURE__*/React.createElement(LinkedinShareButton, {
       url: shareUrl,
@@ -2276,7 +2362,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }, /*#__PURE__*/React.createElement(FaLinkedinIn, null))))))));
   };
   var Quantitybtn_Cartbtn_Favbottombtn = function Quantitybtn_Cartbtn_Favbottombtn() {
-    var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer10, _fetchProductInfoQuer11;
+    var _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
     return /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0"
     }, /*#__PURE__*/React.createElement("div", {
@@ -2284,7 +2370,7 @@ var Product_itemtype = function Product_itemtype(props) {
       style: {
         justifyContent: sectionproperties.cartbtncentered == 'Centered' ? 'center' : 'start'
       }
-    }, sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("button", {
+    }, sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("button", {
       className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
       style: {
         height: sectionproperties.quantitybtn_height + 'px',
@@ -2326,12 +2412,12 @@ var Product_itemtype = function Product_itemtype(props) {
       }
     }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React.createElement(FiPlus, {
       size: sectionproperties.add_quantitybtn_textfontsize
-    })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("button", {
+    })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("button", {
       className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
       onClick: function onClick() {
         if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
-          var _fetchProductInfoQuer5;
-          window.open('tel:' + ((_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.product_phonenumber), '_blank');
+          var _fetchProductInfoQuer6;
+          window.open('tel:' + ((_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.product_phonenumber), '_blank');
         } else {
           if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
             addtocartfunc();
@@ -2362,7 +2448,7 @@ var Product_itemtype = function Product_itemtype(props) {
       size: sectionproperties.cartBtn_iconFontSize
     }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
       size: sectionproperties.cartBtn_iconFontSize
-    })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
+    })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
       className: ' d-flex align-items-center justify-content-center '
     }, /*#__PURE__*/React.createElement(CircularProgress, {
       color: "white",
@@ -2407,7 +2493,7 @@ var Product_itemtype = function Product_itemtype(props) {
       style: {
         fontSize: sectionproperties.favBtnTextfontsize + 'px'
       }
-    }, langdetect == 'en' ? sectionproperties.favbtnaddedcontent_en : sectionproperties.favbtnaddedcontent_ar))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? sectionproperties.favbtnaddedcontent_en : sectionproperties.favbtnaddedcontent_ar))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100 mt-3",
       style: {
         overflow: 'hidden'
@@ -2419,8 +2505,8 @@ var Product_itemtype = function Product_itemtype(props) {
       },
       onClick: function onClick() {
         if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
-          var _fetchProductInfoQuer9;
-          window.open('tel:' + ((_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.product_phonenumber), '_blank');
+          var _fetchProductInfoQuer10;
+          window.open('tel:' + ((_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.product_phonenumber), '_blank');
         } else {
           if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
             addtocartfunc();
@@ -2451,7 +2537,7 @@ var Product_itemtype = function Product_itemtype(props) {
       size: sectionproperties.cartBtn_iconFontSize
     }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
       size: sectionproperties.cartBtn_iconFontSize
-    })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
+    })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
       className: ' d-flex align-items-center justify-content-center '
     }, /*#__PURE__*/React.createElement(CircularProgress, {
       color: "white",
@@ -2492,13 +2578,13 @@ var Product_itemtype = function Product_itemtype(props) {
   //     ? parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2)
   //     : parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2)}
   useEffect(function () {
-    var _fetchProductInfoQuer12;
+    var _fetchProductInfoQuer13;
     var totalprice = '';
     if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
       totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
     } else if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
       totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
-    } else if (variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.variants[variantindexcompleted]) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.hassale) == 1) {
+    } else if (variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.variants[variantindexcompleted]) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.hassale) == 1) {
       totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
     } else {
       totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
@@ -2514,13 +2600,13 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 p-0 '
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
+    "class": srcfromprops == 'templatedraftrouter' ? "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 px-2 px-1025-1 p-sm-0 ' : "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
     style: {
       minHeight: sectionproperties.height + 'vh'
     }
   }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
     "class": "w-100 scrollhorizontalwithscrollbar"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productimages) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.productimages.map(function (item, index) {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productimages) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.productimages.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
       "class": ' scrollhorizontalcard mx-2 ',
       style: {
@@ -2556,12 +2642,12 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
-    className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
-  }, ProductNameSection()), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
+  }, ProductNameSection()), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
   }, /*#__PURE__*/React.createElement(ReactStars, {
     count: 5,
-    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.productoverallrate,
+    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.productoverallrate,
     edit: false,
     size: 18,
     emptyIcon: /*#__PURE__*/React.createElement("i", {
@@ -2582,7 +2668,7 @@ var Product_itemtype = function Product_itemtype(props) {
     activeColor: "#ffd700"
   })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
-  }, sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
     style: {
       width: sectionproperties.availability_width + 'px',
       height: sectionproperties.availability_height + 'px',
@@ -2634,7 +2720,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React.createElement(DescriptionContent, {
     actions: props.actions,
     srcfromprops: 'undername'
-  })), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React.createElement("div", {
+  })), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start mt-2 mb-2"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0",
@@ -2645,15 +2731,15 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       fontWeight: 600
     }
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.vendorinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.vendorname))), /*#__PURE__*/React.createElement("div", {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.vendorinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.vendorname))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
-  }, SKUSection()), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.currentquantity) < 1 && sectionproperties.showoutofstock == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.quantavailtype) == 'limit' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.hasvariants) == 0 && /*#__PURE__*/React.createElement("div", {
+  }, SKUSection()), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.currentquantity) < 1 && sectionproperties.showoutofstock == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.quantavailtype) == 'limit' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.hasvariants) == 0 && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(productinfo_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
-  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.deliverydatetext) != null && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.deliverydatetext) != null && /*#__PURE__*/React.createElement("div", {
     "class": "mb-4 col-lg-12 allcentered",
     style: {
       width: '100%',
@@ -2674,9 +2760,9 @@ var Product_itemtype = function Product_itemtype(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right',
       color: sectionproperties.deliverytimecontainercolor
     }
-  }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React.createElement("span", null, langdetect == 'en' ? sectionproperties.deliverycontent_en : sectionproperties.deliverycontent_ar, ": "), ' ', fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.deliverydatetext)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.isproducttobesold) == 1 && /*#__PURE__*/React.createElement(ProductHeaderPricing, {
+  }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React.createElement("span", null, langdetect == 'en' ? sectionproperties.deliverycontent_en : sectionproperties.deliverycontent_ar, ": "), ' ', fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.deliverydatetext)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.isproducttobesold) == 1 && /*#__PURE__*/React.createElement(ProductHeaderPricing, {
     actions: props.actions
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React.createElement("div", {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex align-items-start"
   }, ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 || (_ProductInfoObj$data = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data === void 0 || (_ProductInfoObj$data = _ProductInfoObj$data.productoptions) === null || _ProductInfoObj$data === void 0 ? void 0 : _ProductInfoObj$data.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
@@ -2740,7 +2826,7 @@ var Product_itemtype = function Product_itemtype(props) {
     actions: props.actions
   }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React.createElement(ProductExtraFields, {
     actions: props.actions
-  }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 mb-3"
   }, /*#__PURE__*/React.createElement("hr", {
     className: "mb-0 mt-2"
@@ -2751,7 +2837,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex align-items-center"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("div", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer30 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 mb-2 d-flex justify-content-start"
   }, /*#__PURE__*/React.createElement("p", {
     className: "m-0 p-0",
@@ -2761,7 +2847,7 @@ var Product_itemtype = function Product_itemtype(props) {
       textTransform: sectionproperties.generaltext_textTransform,
       fontWeight: sectionproperties.generaltext_fontWeight
     }
-  }, lang.quantity, ":")), Quantitybtn_Cartbtn_Favbottombtn())), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer30 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, lang.quantity, ":")), Quantitybtn_Cartbtn_Favbottombtn())), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.productinfo) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 mb-3"
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex flex-row"
@@ -2784,7 +2870,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React.createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right ' : ' d-flex align-items-center justify-content-end wordbreak text-left '
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.productinfo) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.variants[variantindexcompleted]) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.variants[variantindexcompleted]) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("p", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.variants[variantindexcompleted]) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.variants[variantindexcompleted]) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("p", {
     className: 'm-0 p-0 linethrough wordbreak',
     style: {
       color: sectionproperties.prodsalePriceColor,
@@ -2798,14 +2884,14 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       textDecoration: 'none'
     }
-  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.variants[variantindexcompleted]) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
+  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.variants[variantindexcompleted]) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
   }, /*#__PURE__*/React.createElement("span", {
     className: "ml-2 mr-2",
     style: {
       textDecoration: 'none'
     }
-  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
+  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer35 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.productinfo) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : _fetchProductInfoQuer35.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 mb-3 mt-2"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -2831,7 +2917,7 @@ var Product_itemtype = function Product_itemtype(props) {
     className: "font-weight-600"
   }, lang.availability, ":"), /*#__PURE__*/React.createElement("span", {
     className: "ml-1 mr-1"
-  }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
+  }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 1' && srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("hr", {
     "class": "mb-3 mt-3",
@@ -5693,7 +5779,7 @@ var Productinfo = function Productinfo(props) {
       lang: lang,
       srcfromprops: props.srcfromprops
     }, _defineProperty(_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref2, "addtocartfunc", addtocartfunc), _defineProperty(_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref2, "productimagesarray", productimagesarray), _defineProperty(_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref2, "sectionproperties", sectionproperties), _defineProperty(_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref2, "routingcountext", routingcountext), _defineProperty(_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref2, "authdetailsContext", authdetailsContext), _defineProperty(_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref2, "NotificationManager", NotificationManager), _defineProperty(_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref2, "relatedproducts", relatedproducts), _defineProperty(_ref2, "getQuantityCondition", getQuantityCondition), _defineProperty(_ref2, "StoreInfoprops", StoreInfo), _defineProperty(_ref2, "templatepropcontext", templatepropcontext), _defineProperty(_ref2, "ikimagecredcontext", ikimagecredcontext), _ref2)
-  }), /*#__PURE__*/React.createElement("div", {
+  }), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React.createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
     style: {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -5859,7 +5945,7 @@ var Productinfo = function Productinfo(props) {
       productinfo_cssstyles: productinfo_cssstyles,
       sectionproperties: sectionproperties
     })
-  }))))), /*#__PURE__*/React.createElement("div", {
+  }))))), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React.createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
     style: {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -7043,14 +7129,16 @@ function ownKeys$2g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySym
 function _objectSpread$2g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Wishlist = function Wishlist(props) {
   var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8;
-  var lang = props.actions.lang;
+  props.actions.lang;
   var langdetect = props.actions.langdetect;
+  var routingcountext = props.actions.routingcountext;
   var fetchFavoriteProductsQueryContext = props.actions.fetchFavoriteProductsQueryContext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
   var addtofavoritescontext = props.actions.addtofavoritescontext;
   var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var actions = props.actions;
@@ -7062,6 +7150,7 @@ var Wishlist = function Wishlist(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     bgimagesarray = _useState4[0],
     setbgimagesarray = _useState4[1];
+  var authdetailsContext = props.actions.authdetailsContext;
   useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
       var secpropobj = {};
@@ -7114,22 +7203,23 @@ var Wishlist = function Wishlist(props) {
     cart_btn: css({
       width: sectionproperties.cartBtnWidth + 'px',
       height: sectionproperties.cartBtnHeight + 'px',
-      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+      background: sectionproperties.cartBtnbgColor,
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cartBtnTextcolor,
       textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
       border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
       transition: '.3s',
       ':hover': {
-        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
+        background: sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover,
         borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     trash_btn: css({
-      width: sectionproperties.trashbtn_Width + 'px',
-      height: sectionproperties.trashbtn_Height + 'px',
+      width: sectionproperties.trashbtn_Width == 0 ? 'auto' : sectionproperties.trashbtn_Width + 'px',
+      height: sectionproperties.trashbtn_Height == 0 ? 'auto' : sectionproperties.trashbtn_Height + 'px',
       background: sectionproperties.trashbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.trashbtn_bgColor,
       color: sectionproperties.trashbtn_Textcolor,
       borderRadius: sectionproperties.trashbtn_borderBottomLeftRadius + 'px',
@@ -7141,20 +7231,13 @@ var Wishlist = function Wishlist(props) {
       }
     }),
     imagecont: css({
-      width: '70px',
-      height: '60px',
-      border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
+      width: '100px',
+      height: '90px',
       backgroundColor: sectionproperties.prodimage_bgcolor,
-      borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
+      borderRadius: sectionproperties.productimageborderradius + 'px',
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
-      backgroundRepeat: 'no-repeat',
-      backgroundSize: 'cover',
-      backgroundPosition: 'center',
       position: 'relative'
     }),
     containerstyle: css({
@@ -7164,6 +7247,23 @@ var Wishlist = function Wishlist(props) {
       '@media (max-width: 800px)': {
         marginTop: sectionproperties.marginTopResp + 'px'
       }
+    }),
+    btnstyles: css({
+      width: sectionproperties.generalbtn_width + '%',
+      height: sectionproperties.generalbtn_height + 'px',
+      borderRadius: sectionproperties.generalbtnborderradius + 'px',
+      background: sectionproperties.generalbtn_bgColor,
+      color: sectionproperties.generalbtn_textColor,
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      ':hover': {
+        transition: '.3s',
+        color: sectionproperties.generalbtn_textColoronhover,
+        backgroundColor: sectionproperties.generalbtn_bgColoronhover
+      },
+      '@media (max-width: 800px)': {
+        width: '80%'
+      }
     })
   };
   useEffect(function () {
@@ -7214,10 +7314,7 @@ var Wishlist = function Wishlist(props) {
       margin: 0,
       padding: 0,
       background: sectionproperties.image_bgcolor,
-      borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+      borderRadius: sectionproperties.imageborderradius + 'px',
       zIndex: -1,
       objectFit: sectionproperties.bgcovercontain
     }
@@ -7233,45 +7330,19 @@ var Wishlist = function Wishlist(props) {
       padding: 0,
       objectFit: sectionproperties.bgcovercontainresponsive,
       background: sectionproperties.image_bgcolor,
-      borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+      borderRadius: sectionproperties.imageborderradius + 'px',
       zIndex: -1
     }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 p-0 w-100 d-flex align-items-center justify-content-center ',
-    style: {
-      position: 'absolute',
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    className: ' m-0 p-0 ',
-    style: {
-      fontSize: sectionproperties.imagetextfontsize + 'px',
-      color: sectionproperties.imagetextcolor,
-      textTransform: sectionproperties.imagetexttextTransform,
-      fontWeight: sectionproperties.imagetextfontWeight
-    }
-  }, lang.mywishlist)))), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
     className: 'row ml-0 mr-0 d-flex justify-content-center w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
     style: {
-      width: sectionproperties.width + 'vw',
-      paddingLeft: sectionproperties.paddingLeft + 'px',
-      paddingRight: sectionproperties.paddingRight + 'px',
+      paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
       paddingTop: sectionproperties.paddingTop + 'px',
       paddingBottom: sectionproperties.paddingBottom + 'px',
-      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-      borderColor: sectionproperties.sectioncardbordercolor,
-      border: sectionproperties.sectioncardborderwidth + 'px solid'
+      borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 p-0'
@@ -7281,24 +7352,118 @@ var Wishlist = function Wishlist(props) {
   })), /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 p-0'
   }, fetchFavoriteProductsQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
-    className: "w-100 d-flex align-items-center justify-content-center",
+    className: "row m-0 w-100 align-items-center justify-content-center",
+    style: {
+      height: '50vh',
+      padding: '20px'
+    }
+  }, sectionproperties.showbgimage == 'Hide' && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0",
+    style: {
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 mt-5 mt-sm-2",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex d-md-none"
+  }, /*#__PURE__*/React.createElement("table", {
+    className: 'table'
+  }, /*#__PURE__*/React.createElement("thead", {
+    className: ""
+  }, /*#__PURE__*/React.createElement("th", {
+    className: 'mw-150 mw-md-300'
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "my-1 is-loading"
+  })), /*#__PURE__*/React.createElement("th", {
+    className: "text-center",
+    style: {
+      minWidth: '100px'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "my-1 is-loading"
+  })), /*#__PURE__*/React.createElement("th", {
+    className: "text-center"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "my-1 is-loading"
+  }))), /*#__PURE__*/React.createElement("tbody", null, _toConsumableArray(Array(3)).map(function (item, index) {
+    return /*#__PURE__*/React.createElement("tr", {
+      className: ""
+    }, /*#__PURE__*/React.createElement("td", {
+      className: "mw-150 mw-md-300"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "my-1 is-loading"
+    })), /*#__PURE__*/React.createElement("td", {
+      className: "text-center",
+      style: {
+        minWidth: '100px'
+      }
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "my-1 is-loading"
+    })), /*#__PURE__*/React.createElement("td", {
+      className: "text-center",
+      style: {
+        minWidth: '100px'
+      }
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "my-1 is-loading"
+    })));
+  })))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0  d-none d-md-flex"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 align-items-center justify-content-center",
     style: {
       height: '50vh'
     }
-  }, /*#__PURE__*/React.createElement(Messaging, {
-    color: "#ccc",
-    width: "10px",
-    height: "10px",
-    duration: "1s"
-  })), !fetchFavoriteProductsQueryContext.isFetching && fetchFavoriteProductsQueryContext.isSuccess && /*#__PURE__*/React.createElement("div", {
+  }, _toConsumableArray(Array(3)).map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ' col-3 p-0 '
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(wishlist_cssstyles.imagecont) + ' w-100 p-0 is-loading image '
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "col-9 pt-2"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 d-flex"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-10 p-0 mb-1"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: ' m-0 p-0 is-loading mb-auto '
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": ' m-0 p-0 is-loading '
+    })))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 allcentered p-0 mt-4"
+    }, /*#__PURE__*/React.createElement("button", {
+      className: ' w-100 is-loading ',
+      style: {
+        height: sectionproperties.cartBtnHeight + 'px'
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 my-3",
+      style: {
+        background: '#eee',
+        height: 1,
+        width: '100%'
+      }
+    })));
+  })))), !fetchFavoriteProductsQueryContext.isFetching && fetchFavoriteProductsQueryContext.isSuccess && /*#__PURE__*/React.createElement("div", {
     className: "row ml-0 mr-0 w-100 "
   }, /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 d-flex w-100 p-0'
-  }, sectionproperties.pagedesign == 'Design 1 (Cards)' && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.pagedesign == 'Design 1 (Cards)' && fetchFavoriteProductsQueryContext.data.data.products.length != 0 && /*#__PURE__*/React.createElement("div", {
     className: 'row m-0 d-flex justify-content-center w-100',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor,
       borderRadius: sectionproperties.reservation_borderradius + 'px',
       padding: '20px',
       minHeight: '70vh'
@@ -7363,24 +7528,7 @@ var Wishlist = function Wishlist(props) {
         fontSize: sectionproperties.cartBtnTextfontsize + 'px'
       }
     }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))));
-  })), fetchFavoriteProductsQueryContext.data.data.products.length == 0 && /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100",
-    style: {
-      height: '50vh'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5 '
-  }, /*#__PURE__*/React.createElement(BiSad, {
-    size: sectionproperties.noprod_iconfontSize,
-    color: sectionproperties.noprod_iconcolor
-  }), /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 mt-2",
-    style: {
-      fontWeight: sectionproperties.noprod_fontWeight,
-      color: sectionproperties.noprod_color,
-      fontSize: sectionproperties.noprod_fontSize + 'px'
-    }
-  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar))))), sectionproperties.pagedesign == 'Design 2 (Table)' && /*#__PURE__*/React.createElement("div", {
+  })))), sectionproperties.pagedesign == 'Design 2 (Table)' && fetchFavoriteProductsQueryContext.data.data.products.length != 0 && /*#__PURE__*/React.createElement("div", {
     className: ' row m-0 w-100 p-sm-3 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
@@ -7390,21 +7538,49 @@ var Wishlist = function Wishlist(props) {
       minHeight: '70vh'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 table_responsive p-0 '
+    className: ' row m-0 w-100 d-block '
+  }, sectionproperties.showbgimage == 'Hide' && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0",
+    style: {
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 mt-5 mt-sm-2",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
+    className: ' col-lg-12 table_responsive p-0 d-block d-md-none '
   }, /*#__PURE__*/React.createElement("table", {
     className: 'table'
   }, /*#__PURE__*/React.createElement("thead", {
     className: ""
   }, /*#__PURE__*/React.createElement("th", {
-    className: langdetect == 'en' ? 'text-left font-weight-500 font-14 text-light mw-150 mw-md-300' : 'text-right font-weight-500 font-14 text-light mw-150 mw-md-300'
-  }, langdetect == 'en' ? sectionproperties.productnametitle_en : sectionproperties.productnametitle_ar), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("th", {
-    className: "text-center font-weight-500 font-14 text-light",
+    className: langdetect == 'en' ? 'text-left font-weight-500 font-14 mw-150 mw-md-300' : 'text-right font-weight-500 font-14 mw-150 mw-md-300',
     style: {
-      minWidth: '100px'
+      color: sectionproperties.sectionTitleColor
+    }
+  }, langdetect == 'en' ? sectionproperties.productnametitle_en : sectionproperties.productnametitle_ar), sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("th", {
+    className: "text-center font-weight-500 font-14",
+    style: {
+      minWidth: '100px',
+      color: sectionproperties.sectionTitleColor
+    }
+  }, langdetect == 'en' ? 'Unit Price' : 'السعر'), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("th", {
+    className: "text-center font-weight-500 font-14",
+    style: {
+      minWidth: '100px',
+      color: sectionproperties.sectionTitleColor
     }
-  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), /*#__PURE__*/React.createElement("th", {
-    className: "text-center font-weight-500 font-14 text-light"
-  }, lang.remove)), /*#__PURE__*/React.createElement("tbody", null, fetchFavoriteProductsQueryContext.data.data.products.map(function (item, index) {
+  }), /*#__PURE__*/React.createElement("th", {
+    className: "text-center font-weight-500 font-14",
+    style: {
+      color: sectionproperties.sectionTitleColor
+    }
+  })), /*#__PURE__*/React.createElement("tbody", null, fetchFavoriteProductsQueryContext.data.data.products.map(function (item, index) {
     return /*#__PURE__*/React.createElement("tr", {
       className: "border-none"
     }, /*#__PURE__*/React.createElement("td", {
@@ -7420,14 +7596,28 @@ var Wishlist = function Wishlist(props) {
       style: {
         width: '100%',
         height: '100%',
-        objectFit: 'cover'
+        objectFit: 'contain'
       },
       loading: "lazy"
     })), /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-9 col-md-9 col-sm-8"
+      className: "col-lg-9 col-md-9 col-sm-8 pt-2"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 mb-auto ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, item.name_en)))), sectionproperties.prodPriceShow = /*#__PURE__*/React.createElement("td", {
+      className: "text-center",
+      style: {
+        minWidth: '100px'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 allcentered flex-column"
     }, /*#__PURE__*/React.createElement("p", {
-      className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex justify-content-start mb-auto '
-    }, item.name_en)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("td", {
+      "class": wishlist_cssstyles.productPricestyles + ' m-0 p-0 '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : ''), item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
+      "class": wishlist_cssstyles.productsalePricestyles + ' m-0 p-0 linethrough mt-2 '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : ''))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("td", {
       className: "text-center",
       style: {
         minWidth: '100px'
@@ -7438,28 +7628,7 @@ var Wishlist = function Wishlist(props) {
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
       }
-    }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(IoBagHandleOutline, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }))), /*#__PURE__*/React.createElement("td", {
+    }, langdetect == 'en' ? item.productactionbuttontext_en : item.productactionbuttontext_ar)), /*#__PURE__*/React.createElement("td", {
       className: "text-center"
     }, /*#__PURE__*/React.createElement("button", {
       className: " ".concat(wishlist_cssstyles.trash_btn) + ' d-flex align-items-center justify-content-center text-uppercase font-weight-500 m-auto ',
@@ -7469,22 +7638,110 @@ var Wishlist = function Wishlist(props) {
       style: {
         fontSize: sectionproperties.trashbtn_Textfontsize + 'px'
       }
-    }, lang.remove)));
-  }))), fetchFavoriteProductsQueryContext.data.data.products.length == 0 && /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 d-flex align-items-center justify-content-center pt-5 pb-5"
+    }, /*#__PURE__*/React.createElement(HiOutlineTrash, {
+      size: sectionproperties.trashbtn_Textfontsize
+    }))));
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: ' col-lg-12 p-0 d-none d-md-flex align-items-center justify-content-start '
   }, /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5 '
-  }, /*#__PURE__*/React.createElement(BiSad, {
-    size: sectionproperties.noprod_iconfontSize,
-    color: sectionproperties.noprod_iconcolor
-  }), /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 mt-2",
+    className: ' row m-0 w-100 d-flex align-items-center justify-content-start '
+  }, fetchFavoriteProductsQueryContext.data.data.products.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ' col-3 p-0 '
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(wishlist_cssstyles.imagecont) + ' w-100 p-0 '
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: item.productmainimage,
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'contain'
+      },
+      loading: "lazy"
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: "col-9 pt-2"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 d-flex"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-10 p-0 d-flex align-items-center justify-content-start"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 mb-auto ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, item.name_en)), /*#__PURE__*/React.createElement("div", {
+      "class": "col-2 p-0 d-flex align-items-center justify-content-end"
+    }, /*#__PURE__*/React.createElement("button", {
+      className: " ".concat(wishlist_cssstyles.trash_btnresp) + ' allcentered ',
+      onClick: function onClick() {
+        addtofavoritescontext(item.productid);
+      }
+    }, /*#__PURE__*/React.createElement(HiOutlineTrash, {
+      size: sectionproperties.trashbtn_Textfontsize
+    }))), sectionproperties.prodPriceShow = /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": wishlist_cssstyles.productPricestyles + ' m-0 p-0 '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : ''), item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
+      "class": wishlist_cssstyles.productsalePricestyles + ' m-0 p-0 linethrough mx-2 mt-auto '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : '')))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 allcentered p-0 mt-4"
+    }, /*#__PURE__*/React.createElement("button", {
+      className: "".concat(wishlist_cssstyles.cart_btn) + ' w-100 ',
+      onClick: function onClick() {
+        setShowProductInfoModalContext(true);
+        setProductIdProdutInfoModalContext(item.productid);
+      }
+    }, langdetect == 'en' ? item.productactionbuttontext_en : item.productactionbuttontext_ar)), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 my-3",
+      style: {
+        background: '#eee',
+        height: 1,
+        width: '100%'
+      }
+    })));
+  }))))), fetchFavoriteProductsQueryContext.data.data.products.length == 0 && /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 d-flex justify-content-center pt-5 pb-5",
+    style: {
+      maxHeight: '60vh',
+      padding: '20px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0",
+    style: {
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0  mt-5 mt-sm-2",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
+    className: ' col-lg-12 d-flex align-items-center justify-content-start text-light px-0 mb-3 '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": sectionproperties.noprod_iconfontSize == 0 ? 'm-0 p-0' : 'm-0 p-0 mt-2',
     style: {
       fontWeight: sectionproperties.noprod_fontWeight,
       color: sectionproperties.noprod_color,
       fontSize: sectionproperties.noprod_fontSize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar))))))))), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar)), /*#__PURE__*/React.createElement("div", {
+    className: ' col-lg-12 d-flex align-items-center justify-content-start text-light px-0 mb-5 '
+  }, /*#__PURE__*/React.createElement("button", {
+    "class": "".concat(wishlist_cssstyles.btnstyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
+    }
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex align-items-center justify-content-center p-0 "
   })));
 };
@@ -7515,6 +7772,10 @@ var Viewcart = function Viewcart(props) {
     _useState4 = _slicedToArray(_useState3, 2);
     _useState4[0];
     var setimagesarray = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    bgimagesarray = _useState6[0],
+    setbgimagesarray = _useState6[1];
   useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
       var _StatePagePropertiesC;
@@ -7541,6 +7802,16 @@ var Viewcart = function Viewcart(props) {
       }
     }
   }, [sectionproperties]);
+  useEffect(function () {
+    if (sectionproperties.length != 0) {
+      if (sectionproperties.arrayofobjectimagesonly != null) {
+        var arrayofobjectimagesonlyparsed = JSON.parse(sectionproperties.arrayofobjectimagesonly);
+        if (Array.isArray(arrayofobjectimagesonlyparsed)) {
+          setbgimagesarray(_toConsumableArray(arrayofobjectimagesonlyparsed));
+        }
+      }
+    }
+  }, [sectionproperties]);
   var Summary = function Summary() {
     var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
     return /*#__PURE__*/React.createElement("div", {
@@ -7612,6 +7883,23 @@ var Viewcart = function Viewcart(props) {
     }, langdetect == 'en' ? sectionproperties.checkoutButtonContenten : sectionproperties.checkoutButtonContentar)))));
   };
   var viewcart_cssstyles = {
+    btnstyles: css({
+      width: sectionproperties.generalbtn_width + '%',
+      height: sectionproperties.generalbtn_height + 'px',
+      borderRadius: sectionproperties.generalbtnborderradius + 'px',
+      background: sectionproperties.generalbtn_bgColor,
+      color: sectionproperties.generalbtn_textColor,
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      ':hover': {
+        transition: '.3s',
+        color: sectionproperties.generalbtn_textColoronhover,
+        backgroundColor: sectionproperties.generalbtn_bgColoronhover
+      },
+      '@media (max-width: 800px)': {
+        width: '80%'
+      }
+    }),
     checkoutbtnstyles: css({
       background: sectionproperties.checkoutBtnbgColortranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColor,
       width: sectionproperties.checkoutBtnWidth + 'px',
@@ -7746,38 +8034,8 @@ var Viewcart = function Viewcart(props) {
       '@media (max-width: 800px)': {
         paddingTop: sectionproperties.marginTopResp + 'px'
       }
-    }),
-    shopbuttonstyles: css({
-      width: sectionproperties.generalbtn_width == 0 ? '100%' : sectionproperties.generalbtn_width + '%',
-      height: sectionproperties.generalbtn_height + 'px',
-      borderRadius: sectionproperties.generalbtnborderradius,
-      backgroundColor: sectionproperties.generalbtn_bgColor,
-      color: sectionproperties.generalbtn_textColor,
-      border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
-      fontSize: sectionproperties.generalbtn_fontsize + 'px',
-      fontWeight: sectionproperties.generalbtn_fontweight,
-      ':hover': {
-        transition: '.3s',
-        backgroundColor: sectionproperties.generalbtn_bgColoronhover,
-        color: sectionproperties.generalbtn_textColoronhover,
-        borderColor: sectionproperties.generalbtn_textColoronhover
-      }
     })
   };
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    bgimagesarray = _useState6[0],
-    setbgimagesarray = _useState6[1];
-  useEffect(function () {
-    if (sectionproperties.length != 0) {
-      if (sectionproperties.arrayofobjectimagesonly != null) {
-        var arrayofobjectimagesonlyparsed = JSON.parse(sectionproperties.arrayofobjectimagesonly);
-        if (Array.isArray(arrayofobjectimagesonlyparsed)) {
-          setbgimagesarray(_toConsumableArray(arrayofobjectimagesonlyparsed));
-        }
-      }
-    }
-  }, [sectionproperties]);
   return /*#__PURE__*/React.createElement("div", {
     className: viewcart_cssstyles.containerstyles + ' row ml-0 mr-0 w-100 d-flex justify-content-center ',
     style: {}
@@ -7838,16 +8096,11 @@ var Viewcart = function Viewcart(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: 'row ml-0 mr-0 d-flex justify-content-center w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
     style: {
-      paddingLeft: sectionproperties.paddingLeft + 'px',
-      paddingRight: sectionproperties.paddingRight + 'px',
+      paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
       paddingTop: sectionproperties.paddingTop + 'px',
       paddingBottom: sectionproperties.paddingBottom + 'px',
-      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-      borderColor: sectionproperties.sectioncardbordercolor,
-      border: sectionproperties.sectioncardborderwidth + 'px solid'
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 p-0'
@@ -8062,38 +8315,40 @@ var Viewcart = function Viewcart(props) {
   })))))), /*#__PURE__*/React.createElement("div", {
     className: langdetect == 'en' ? ' col-lg-3 pr-0 px-sm-0 mb-4 ' : ' col-lg-3 pl-0 px-sm-0 mb-4'
   }, Summary())), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.customercart) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.cartitems.length) == 0 && /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 d-flex align-items-center justify-content-center pt-5 pb-5",
+    className: "row m-0 w-100 d-flex justify-content-center pt-5 pb-5",
     style: {
-      height: '60vh'
+      maxHeight: '60vh'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5 '
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column"
-  }, sectionproperties.noproducticontype == 'Cart' && sectionproperties.noprod_iconfontSize != 0 && /*#__PURE__*/React.createElement("img", {
-    src: 'https://tabex-co.com/storage/StaticImages/shoppingcart.png',
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0",
     style: {
-      maxWidth: '250px',
-      maxHeight: '250px'
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
     }
-  }), sectionproperties.noproducticontype == 'Calendar' && /*#__PURE__*/React.createElement(FiCalendar, {
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
     style: {
-      fontSize: sectionproperties.noprod_iconfontSize + 'px',
-      color: sectionproperties.noprod_iconcolor
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
     }
-  }), /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 mt-2",
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
+    className: ' col-lg-12 d-flex align-items-center justify-content-start text-light px-0 mb-3 '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": sectionproperties.noprod_iconfontSize == 0 ? 'm-0 p-0' : 'm-0 p-0 mt-2',
     style: {
       fontWeight: sectionproperties.noprod_fontWeight,
       color: sectionproperties.noprod_color,
       fontSize: sectionproperties.noprod_fontSize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar), /*#__PURE__*/React.createElement("button", {
-    className: "".concat(viewcart_cssstyles.shopbuttonstyles) + ' mt-4 d-flex align-items-center justify-content-center ',
+  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar)), /*#__PURE__*/React.createElement("div", {
+    className: ' col-lg-12 d-flex align-items-center justify-content-start text-light px-0 mb-5 '
+  }, /*#__PURE__*/React.createElement("button", {
+    "class": "".concat(viewcart_cssstyles.btnstyles),
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
     }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))));
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
 };
 
 var css_248z$G = "/* 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    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";
@@ -8106,7 +8361,7 @@ var Select$3 = /*#__PURE__*/React.lazy(function () {
   return import('react-select');
 });
 var Checkout = function Checkout(props) {
-  var _css, _checkoutstyles, _ref, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue67, _fetchcustomercartQue69, _fetchcustomercartQue71, _fetchcustomercartQue73;
+  var _css, _checkoutstyles, _ref, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue67, _fetchcustomercartQue69, _fetchcustomercartQue71, _fetchcustomercartQue73, _fetchcustomercartQue75;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2);
     _useState2[0];
@@ -8409,15 +8664,13 @@ var Checkout = function Checkout(props) {
   })), _defineProperty(_checkoutstyles, "containerstyles", css({
     marginTop: sectionproperties.marginTop + 'px',
     marginBottom: sectionproperties.marginBottom + 'px',
-    paddingLeft: sectionproperties.paddingLeft + 'px',
-    paddingRight: sectionproperties.paddingRight + 'px',
+    paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
+    paddingRight: sectionproperties.cardpaddinghorizontal + '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',
+    borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+    minHeight: '70vh',
     '@media (max-width: 800px)': {
       marginTop: sectionproperties.marginTopResp + 'px'
     }
@@ -8815,13 +9068,16 @@ var Checkout = function Checkout(props) {
         __html: langdetect == 'en' ? sectionproperties.text1editortexten : sectionproperties.text1editortextar
       }
     })), /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3",
+      className: "col-lg-12 d-flex align-items-center justify-content-center mt-4 p-0 mb-2 mt-sm-3",
       style: {
         marginTop: sectionproperties.showtotalsection == 'Show' ? 0 : '0.5rem'
       }
     }, /*#__PURE__*/React.createElement("button", {
       className: " ".concat(checkoutstyles.checkoutbtnstyles) + ' d-flex align-items-center justify-content-center ',
       onClick: function onClick() {
+        if (sectionproperties.showpaymentfooter == 'Hide') {
+          cartinfoupdater('paymentmethod', 'cod');
+        }
         addorderfuncrunner();
         // AddOrderMutationContext.mutate(payloadobj);
       },
@@ -8837,7 +9093,9 @@ var Checkout = function Checkout(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: 'row m-0 w-100 d-flex justify-content-center p-sm-0 '
   }, /*#__PURE__*/React.createElement("div", {
-    className: checkoutstyles.containerstyles + ' col-lg-12 w-100 d-flex justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2 '
+    className: ' col-lg-12 w-100 d-flex justify-content-center p-0 '
+  }, /*#__PURE__*/React.createElement("div", {
+    className: checkoutstyles.containerstyles + ' w-100 d-flex justify-content-center px-md-2 '
   }, /*#__PURE__*/React.createElement("div", {
     className: 'row m-0 w-100 justify-content-center '
   }, /*#__PURE__*/React.createElement("div", {
@@ -9201,7 +9459,7 @@ var Checkout = function Checkout(props) {
       resize: 'none',
       boxShadow: 'none'
     }
-  }))))), /*#__PURE__*/React.createElement("div", {
+  }))))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(checkoutstyles.innersection) + ' w-100 mb-3 '
@@ -9304,7 +9562,28 @@ var Checkout = function Checkout(props) {
     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 '
-  }, " ValU")))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue73 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue73 === void 0 || (_fetchcustomercartQue73 = _fetchcustomercartQue73.data) === null || _fetchcustomercartQue73 === void 0 ? void 0 : _fetchcustomercartQue73.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React.createElement("div", {
+  }, " ValU"))), authdetailsContext.instinfo.acceptmobilewalletpayment == 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 || (_fetchcustomercartQue73 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue73 === void 0 || (_fetchcustomercartQue73 = _fetchcustomercartQue73.data) === null || _fetchcustomercartQue73 === void 0 ? void 0 : _fetchcustomercartQue73.customercart.paymentmethod) == 'mobilewallet' ? true : false,
+    onChange: function onChange() {
+      var _fetchcustomercartQue74;
+      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue74 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue74 === void 0 || (_fetchcustomercartQue74 = _fetchcustomercartQue74.data) === null || _fetchcustomercartQue74 === void 0 ? void 0 : _fetchcustomercartQue74.customercart.paymentmethod) != 'mobilewallet') {
+        cartinfoupdater('paymentmethod', 'mobilewallet');
+      }
+    }
+  }), /*#__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 '
+  }, " Mobile Wallet")))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue75 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue75 === void 0 || (_fetchcustomercartQue75 = _fetchcustomercartQue75.data) === null || _fetchcustomercartQue75 === void 0 ? void 0 : _fetchcustomercartQue75.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 w-100 mb-3"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -9406,7 +9685,7 @@ var Checkout = function Checkout(props) {
     }
   })))))), /*#__PURE__*/React.createElement("div", {
     className: langdetect == 'en' ? 'col-lg-4 col-md-12 pr-0' : 'col-lg-4 col-md-12 pl-0'
-  }, Mycart()))));
+  }, Mycart())))));
 };
 
 function ownKeys$2d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -9433,7 +9712,6 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   var instapikey = props.actions.instapikey;
   var templatepropcontext = props.actions.templatepropcontext;
   var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
-  props.actions.ikimagecredcontext;
   var NotificationManager = props.actions.NotificationManager;
   var actions = props.actions;
   var _useState = useState(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu === void 0 || (_fetchAuthorizationQu = _fetchAuthorizationQu.data) === null || _fetchAuthorizationQu === void 0 || (_fetchAuthorizationQu = _fetchAuthorizationQu.instinfo) === null || _fetchAuthorizationQu === void 0 ? void 0 : _fetchAuthorizationQu.customerAddressrequiered),
@@ -9855,7 +10133,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         setFetchTabexStatesPayloadobjContext(_objectSpread$2d({}, tempFetchTabexStatesPayloadobjContext));
         payloadobjchange('countryid', option.id);
       },
-      styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+      styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
       placeholder: langdetect == 'en' ? 'Choose Country' : 'إختر البلد',
       isSearchable: true
     })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -9907,7 +10185,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         setFetchTabexStatesPayloadobjContext(_objectSpread$2d({}, tempFetchTabexStatesPayloadobjContext));
         payloadobjchange('stateid', option.id);
       },
-      styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+      styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
       placeholder: lang.choosestategov,
       isSearchable: true
     })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -9955,7 +10233,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       onChange: function onChange(option) {
         payloadobjchange('cityid', option.id);
       },
-      styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+      styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
       placeholder: lang.choosecity,
       isSearchable: true
     })), sectionproperties.hideaddress == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -9971,7 +10249,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       className: loginstyles.wrap_input100
     }, /*#__PURE__*/React.createElement(TextareaAutosize, {
       type: "text",
-      className: "".concat(loginstyles.form_control, " ").concat(loginstyles.form_controltextarea, " ").concat(formstyles.form_control),
+      className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control) + ' py-1 ',
       value: payloadobj.shippingaddress,
       textplaceholder: "",
       onChange: function onChange(event) {
@@ -10150,11 +10428,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       style: {
         letterSpacing: langdetect == 'en' ? '1px' : ''
       }
-    }, langdetect == 'en' ? sectionproperties.signupbtn_contenten : sectionproperties.signupbtn_contentar), authdetailsContext.loggedin == true && /*#__PURE__*/React.createElement("span", {
-      style: {
-        letterSpacing: langdetect == 'en' ? '1px' : ''
-      }
-    }, lang.update)));
+    }, langdetect == 'en' ? sectionproperties.signupbtn_contenten : sectionproperties.signupbtn_contentar), authdetailsContext.loggedin == true && /*#__PURE__*/React.createElement("span", null, lang.update)));
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex justify-content-center",
@@ -10226,7 +10500,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       fontWeight: sectionproperties.sectionTitleFontWeight
     }
   }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$c2 = authdetailsContext.customerinfo) === null || _authdetailsContext$c2 === void 0 ? void 0 : _authdetailsContext$c2.subscrption_enddate))), /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 mb-3 p-0"
+    className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 mb-3 p-0' : 'col-lg-12 p-0'
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       background: sectionproperties.backgroundColor,
@@ -10235,8 +10509,8 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
     },
-    className: "p-2 w-100"
-  }, /*#__PURE__*/React.createElement("div", {
+    className: sectionproperties.cardstyletype == 'Style 1' ? 'p-2 w-100' : 'w-100'
+  }, sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
     className: "row ml-0 mr-0"
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center"
@@ -10252,12 +10526,12 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   }, /*#__PURE__*/React.createElement("hr", {
     className: "mt-2 mb-3"
   }))), PersonalInformation())), /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 mb-3 p-0",
+    className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 mb-3 p-0' : 'col-lg-12 p-0',
     style: {
       display: sectionproperties.hidecountrystatecity == 'Show' && sectionproperties.hideaddress == 'Show' ? 'flex' : 'none'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'p-2 w-100',
+    className: sectionproperties.cardstyletype == 'Style 1' ? 'p-2 w-100' : 'w-100',
     style: {
       background: sectionproperties.backgroundColor,
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
@@ -10265,7 +10539,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
     className: "row ml-0 mr-0"
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center"
@@ -10281,9 +10555,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   }, /*#__PURE__*/React.createElement("hr", {
     className: "mt-2 mb-3"
   }))), Address())), /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 mb-3 p-0"
+    className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 mb-3 p-0' : 'col-lg-12 p-0'
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'p-2 w-100',
+    className: sectionproperties.cardstyletype == 'Style 1' ? 'p-2 w-100' : 'w-100',
     style: {
       background: sectionproperties.backgroundColor,
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
@@ -10291,7 +10565,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
     className: "row ml-0 mr-0"
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center"
@@ -10309,7 +10583,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   }))), /*#__PURE__*/React.createElement("div", {
     className: "row ml-0 mr-0"
   }, Password()))), payloadobj.instsignupformvalues.length != 0 && /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 mb-3 p-0"
+    className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 mb-3 p-0' : 'col-lg-12 p-0'
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       background: sectionproperties.backgroundColor,
@@ -10318,7 +10592,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
     },
-    className: "p-2 w-100"
+    className: sectionproperties.cardstyletype == 'Style 1' ? 'p-2 w-100' : 'w-100'
   }, /*#__PURE__*/React.createElement("div", {
     className: "row ml-0 mr-0"
   }, /*#__PURE__*/React.createElement("div", {
@@ -11156,7 +11430,7 @@ var AccountInformation = function AccountInformation(props) {
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var templatepropcontext = props.actions.templatepropcontext;
-  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
+  props.actions.StatePagePropertiesContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var actions = props.actions;
   var _useState = useState(''),
@@ -11288,7 +11562,7 @@ var AccountInformation = function AccountInformation(props) {
   }, lang.accountinformation)))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
+    className: "row m-0 w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-3 pr-sm-3",
     style: {
       paddingLeft: sectionproperties.paddingLeft + 'px',
       paddingRight: sectionproperties.paddingRight + 'px',
@@ -11299,7 +11573,8 @@ var AccountInformation = function AccountInformation(props) {
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
       borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
       borderColor: sectionproperties.sectioncardbordercolor,
-      border: sectionproperties.sectioncardborderwidth + 'px solid'
+      border: sectionproperties.sectioncardborderwidth + 'px solid',
+      background: sectionproperties.cardstyletype == 'Style 1' ? '' : sectionproperties.backgroundColor
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 p-0'
@@ -11310,16 +11585,28 @@ var AccountInformation = function AccountInformation(props) {
     className: 'col-lg-12 p-0'
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex",
+    style: {
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 p-0'
   }, /*#__PURE__*/React.createElement(CustomerInformationForm, {
     formtype: "edit",
     srcfromprops: "accountinfo",
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  })))))), StatePagePropertiesContext.pageobj.sections.length != 0 && /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 d-flex align-items-center justify-content-center p-0 "
-  }));
+  })))))));
 };
 
 var css_248z$F = ".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    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsliheaderresp__TPNhh{\n        width: 50% !important;\n    }\n    .tabs-module_accordionContainer__-MSW5 label:hover {\n        border-top: none !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    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsliheaderresp__TPNhh{\n        width: 50% !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";
@@ -11869,11 +12156,12 @@ var CartSlider = function CartSlider(props) {
       setsidecartnavshowWorkplaceDesigncontext(false);
       setsidecartnavshowcontext(false);
     },
-    placement: "end",
+    placement: langdetect == 'en' ? 'end' : 'start',
     scroll: true,
     style: {
       backgroundColor: sectionproperties.backgroundColor,
-      height: '100vh'
+      height: '100vh',
+      width: '30vw'
     },
     backdrop: CurrentSrcTypeContext == 'workplace' ? false : true
   }, /*#__PURE__*/React.createElement(Offcanvas.Header, null, /*#__PURE__*/React.createElement(Offcanvas.Title, null, /*#__PURE__*/React.createElement("div", {
@@ -11960,7 +12248,7 @@ var CartSlider = function CartSlider(props) {
   }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 || (_fetchcustomercartQue5 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : _fetchcustomercartQue5.customercart) != null && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 h-100"
   }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue6 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue6 === void 0 || (_fetchcustomercartQue6 = _fetchcustomercartQue6.data) === null || _fetchcustomercartQue6 === void 0 || (_fetchcustomercartQue6 = _fetchcustomercartQue6.customercart) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.cartitems) == 0 && /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 p-0 mt-5 anim"
+    className: "col-lg-12 p-0 mt-5 anim pt-3"
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex align-items-center justify-content-center",
     style: {
@@ -12059,25 +12347,39 @@ var CartSlider = function CartSlider(props) {
       "class": "col-9 p-0 d-flex justify-content-start align-items-center"
     }, /*#__PURE__*/React.createElement("button", {
       className: " ".concat(cart_cssstyles.quantitybtn) + ' px-2 d-flex align-items-center justify-content-center '
-    }, /*#__PURE__*/React.createElement("span", {
+    }, langdetect == 'en' && /*#__PURE__*/React.createElement("span", {
       className: "".concat(cart_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
       onClick: function onClick() {
         ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) - 1));
       }
     }, /*#__PURE__*/React.createElement(FiMinus, {
       size: sectionproperties.remove_quantitybtn_textfontsize
+    })), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
+      className: "".concat(cart_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
+      onClick: function onClick() {
+        ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) + 1));
+      }
+    }, /*#__PURE__*/React.createElement(FiPlus, {
+      size: sectionproperties.add_quantitybtn_textfontsize
     })), /*#__PURE__*/React.createElement("span", {
       className: "".concat(cart_cssstyles.quantitybtn_text) + ' d-flex align-items-center justify-content-center ',
       style: {
         background: 'transparent'
       }
-    }, item.quantity), /*#__PURE__*/React.createElement("span", {
+    }, item.quantity), langdetect == 'en' && /*#__PURE__*/React.createElement("span", {
       className: "".concat(cart_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
       onClick: function onClick() {
         ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) + 1));
       }
     }, /*#__PURE__*/React.createElement(FiPlus, {
       size: sectionproperties.add_quantitybtn_textfontsize
+    })), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
+      className: "".concat(cart_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
+      onClick: function onClick() {
+        ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) - 1));
+      }
+    }, /*#__PURE__*/React.createElement(FiMinus, {
+      size: sectionproperties.remove_quantitybtn_textfontsize
     })))), /*#__PURE__*/React.createElement("div", {
       "class": "col-3 p-0 d-flex justify-content-end align-items-center"
     }, /*#__PURE__*/React.createElement("p", {
@@ -13253,6 +13555,15 @@ var Filter$1 = function Filter(props) {
         cursor: 'pointer',
         color: sectionproperties.showallcolorhover
       }
+    }),
+    sectiontitle: css({
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
+      width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
+      }
     })
   };
   var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
@@ -13438,13 +13749,8 @@ var Filter$1 = function Filter(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-6 col-md-6 p-0 d-flex align-items-center justify-content-start"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "d-flex align-items-center flex-row",
-    style: {
-      position: 'relative',
-      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
-      width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
-      fontSize: sectionproperties.sectionTitleFontSize + 'px'
-    }
+    "class": filter_cssstyles.sectiontitle + ' d-flex align-items-center flex-row ',
+    style: {}
   }, /*#__PURE__*/React.createElement("p", {
     "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'ASUL' ? ' ASUL mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
     style: {
@@ -13455,7 +13761,11 @@ var Filter$1 = function Filter(props) {
       textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
     }
   }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-6 col-md-6 d-flex align-items-center justify-content-end"
+    "class": "col-lg-6 col-md-6 d-flex align-items-center justify-content-end",
+    style: {
+      paddingRight: langdetect == 'en' ? 0 : '',
+      paddingLeft: langdetect == 'ar' ? 0 : ''
+    }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "dropdowncontainer"
   }, /*#__PURE__*/React.createElement("input", {
@@ -13469,7 +13779,7 @@ var Filter$1 = function Filter(props) {
     onClick: function onClick() {
       setChecked(!checked);
     },
-    className: filter_cssstyles.label + ' d-flex justify-content-end align-items-center for-dropdown m-0 ',
+    className: filter_cssstyles.collapsetitle + ' d-flex justify-content-end align-items-center for-dropdown m-0 ',
     "for": "dropdown",
     style: {
       cursor: 'pointer'
@@ -13479,7 +13789,10 @@ var Filter$1 = function Filter(props) {
   }, /*#__PURE__*/React.createElement(FiChevronDown, {
     size: 20
   }))), /*#__PURE__*/React.createElement("div", {
-    "class": "dropdownmenu"
+    "class": "dropdownmenu",
+    style: {
+      background: sectionproperties.filter_backgroundcolor
+    }
   }, otherfilters.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
       "class": "w-100"
@@ -15092,7 +15405,7 @@ var CardsSection = function CardsSection(props) {
               } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
                 bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto';
               } else if (item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow') {
-                bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
+                bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition') {
                 bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
               } else if (item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard') {
@@ -16230,7 +16543,7 @@ var Searchlist$1 = function Searchlist(props) {
       minHeight: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '30vh' : props.srcfromprops == 'ElegantHeader' ? '50vh' : '30vh'
     }),
     searchlist_innercontainer: css({
-      height: props.srcfromprops == 'cardssection' ? '25vh' : props.srcfromprops == 'ElegantHeader' ? '50vh' : '30vh',
+      height: props.srcfromprops == 'cardssection' ? '25vh' : props.srcfromprops == 'ElegantHeader' ? '48vh' : '30vh',
       overflowY: 'scroll'
       // height: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '25vh' : '30vh',
       // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
@@ -16354,9 +16667,12 @@ var Searchlist$1 = function Searchlist(props) {
     }))), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
     }, /*#__PURE__*/React.createElement("p", {
-      "class": props.srcfromprops == 'ElegantHeader' ? "".concat(searchlist_styles.productNameStyles) + ' m-0 wordbreak wordbreak2 p-0 ' : "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 '
+      "class": props.srcfromprops == 'ElegantHeader' ? "".concat(searchlist_styles.productNameStyles) + ' m-0 wordbreak wordbreak2 p-0 ' : "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 ',
+      style: {
+        textAlign: 'center'
+      }
     }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
+      "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered mt-2"
     }, /*#__PURE__*/React.createElement("p", {
       "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
     }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
@@ -18033,23 +18349,27 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     menuactive = _useState6[0],
     setmenuactive = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    openSearch = _useState8[0],
+    setopenSearch = _useState8[1];
   useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
       setsectionproperties(_objectSpread$1T({}, props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
-  var _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    logoarrayofobjects = _useState8[0],
-    setlogoarrayofobjects = _useState8[1];
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2);
-    _useState10[0];
-    _useState10[1];
-  var _useState11 = useState(''),
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    logoarrayofobjects = _useState10[0],
+    setlogoarrayofobjects = _useState10[1];
+  var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2);
     _useState12[0];
     _useState12[1];
+  var _useState13 = useState(''),
+    _useState14 = _slicedToArray(_useState13, 2);
+    _useState14[0];
+    _useState14[1];
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -18226,7 +18546,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   var CartButton = function CartButton() {
     var _fetchcustomercartQue2, _fetchcustomercartQue3;
     return /*#__PURE__*/React.createElement("div", {
-      "class": "d-flex align-items-center",
+      "class": "d-flex align-items-center mx-2",
       style: {
         position: 'relative'
       }
@@ -18266,9 +18586,9 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 p-0"
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, openSearch == false && /*#__PURE__*/React.createElement("div", {
     className: ' row m-0 w-100 d-none d-md-flex p-0 '
   }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React.createElement(MarqueeHeader, {
     sectionpropertiesprops: sectionproperties,
@@ -18303,7 +18623,12 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
-  }, sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": "h-100 allcentered",
+    onClick: function onClick() {
+      setopenSearch(true);
+    }
+  }, /*#__PURE__*/React.createElement(IoSearchOutline, null)), sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React.createElement("i", {
     "class": ' h-100 allcentered ',
     style: {
       color: sectionproperties.cart_BtnTextcolor_resp
@@ -18322,7 +18647,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     size: 20,
     color: sectionproperties.cart_BtnTextcolor_resp
   }))), menuactive == true && /*#__PURE__*/React.createElement("div", {
-    "class": "px-4 py-4",
+    "class": "px-4 py-4 scrollvertical",
     style: {
       position: 'fixed',
       top: '0px',
@@ -18331,7 +18656,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       width: '100%',
       background: sectionproperties.resposive_bgcolor,
       height: '100%',
-      zIndex: 10000
+      zIndex: 10000,
+      overflow: 'scroll'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 text-end anim"
@@ -18459,7 +18785,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       color: '#000',
       fontSize: 16
     }
-  }, lang.logout))))))));
+  }, lang.logout)))))), openSearch == true && /*#__PURE__*/React.createElement("p", null, "asd")));
 };
 
 function ownKeys$1S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -18477,7 +18803,7 @@ var ElegantHeader = function ElegantHeader(props) {
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
-  props.actions.setlang;
+  var setlang = props.actions.setlang;
   var templatepropcontext = props.actions.templatepropcontext;
   var authdetailsContext = props.actions.authdetailsContext;
   var templateproperties_context = props.actions.templateproperties_context;
@@ -18808,7 +19134,10 @@ var ElegantHeader = function ElegantHeader(props) {
   }, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 p-0 text-end"
   }, langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 '
+    "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
+    onClick: function onClick() {
+      setlang('en');
+    }
   }, /*#__PURE__*/React.createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
     style: {
@@ -18825,7 +19154,10 @@ var ElegantHeader = function ElegantHeader(props) {
   }), /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
   }, "\u0639")), langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 '
+    "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
+    onClick: function onClick() {
+      setlang('ar');
+    }
   }, /*#__PURE__*/React.createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
     style: {
@@ -18844,7 +19176,7 @@ var ElegantHeader = function ElegantHeader(props) {
   }, "En")), /*#__PURE__*/React.createElement("div", {
     "class": "allcentered"
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
+    "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center pt-1 ',
     sytle: {
       position: 'relative'
     },
@@ -18858,19 +19190,16 @@ var ElegantHeader = function ElegantHeader(props) {
   })), /*#__PURE__*/React.createElement("span", {
     "class": "mx-2"
   }, langdetect == 'en' ? 'Login' : 'تسجيل الدخول')), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
+    "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center pt-1 ',
     sytle: {
       position: 'relative'
-    },
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.accountinfo);
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": ' h-100 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement(BiUser, {
     size: sectionproperties.userBtnTextfontsize
   })), /*#__PURE__*/React.createElement("span", {
-    "class": "mx-2"
+    "class": "mx-2 text-capitalize"
   }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
     style: {
       minWidth: '200px'
@@ -18891,15 +19220,7 @@ var ElegantHeader = function ElegantHeader(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
   }, /*#__PURE__*/React.createElement("p", {
     "class": ' allcenetered m-0 p-0 '
-  }, lang.wishlist))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Policies);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": ' allcenetered m-0 p-0 '
-  }, lang.policies))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
+  }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.wishlisttitle_ar))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       LogoutMutationContext.mutate();
     }
@@ -18992,7 +19313,7 @@ var ElegantHeader = function ElegantHeader(props) {
       top: sectionproperties.wishlistbadgetop + 'px',
       right: sectionproperties.wishlistbadgeright + 'px'
     }
-  }, /*#__PURE__*/React.createElement("span", null, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length == 0 ? 0 : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": " ".concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered  ',
     onClick: function onClick() {
       setsidecartnavshowcontext(true);
@@ -24189,16 +24510,6 @@ var Simpleheader = function Simpleheader(props) {
   }), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), " ", lang.wishlist))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Policies);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
-  }, /*#__PURE__*/React.createElement(AiOutlineSecurityScan, {
-    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), lang.policies))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       LogoutMutationContext.mutate();
     }
@@ -42848,7 +43159,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
         fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
       }
     }, SectionTitle()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex align-items-center justify-content-center mb-md-0' : 'col-lg-12 d-flex align-items-center justify-content-start justify-content-md-center mb-md-0',
+      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex align-items-center justify-content-center mb-md-0' : 'col-lg-12 d-flex align-items-center justify-content-start justify-content-md-center mb-md-0 p-0',
       style: {
         marginBottom: sectionproperties.descriptionMarginBottom + 'px'
       }
@@ -42911,7 +43222,10 @@ var ModernCardsSection = function ModernCardsSection(props) {
           }, /*#__PURE__*/React.createElement(ScrollMenu, {
             transitionBehavior: 'auto',
             wrapperClassName: '',
-            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : '',
+            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' :
+            // : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard'
+            // ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard '
+            item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : '',
             scrollContainerClassName: 'scrollmenuclasssubscrollbar'
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
             return /*#__PURE__*/React.createElement("div", {
@@ -47101,18 +47415,14 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
   }, [sectionproperties]);
   var sectionstyles = {
     btnstyles: css({
-      width: sectionproperties.generalbtn_width + 'px',
+      width: sectionproperties.generalbtn_width + '%',
       height: sectionproperties.generalbtn_height + 'px',
       background: sectionproperties.generalbtn_bgColor,
-      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
-      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      borderRadius: sectionproperties.generalbtnborderradius + 'px',
       border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
       fontWeight: sectionproperties.generalbtn_fontweight,
-      textTransform: sectionproperties.generalbtn_texttransform,
       ':hover': {
         transition: '.3s',
         background: sectionproperties.generalbtn_bgColoronhover,
@@ -47170,6 +47480,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       position: 'relative',
       marginLeft: sectionproperties.card_marginLeft + 'px',
       marginRight: sectionproperties.card_marginRight + 'px',
+      backgroundColor: 'white',
       '@media (max-width: 800px)': {
         height: sectionproperties.height_responsive + 'vh'
       }
@@ -47192,7 +47503,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       height: '100%',
       objectFit: 'cover'
     }
-  })), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.sectionstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 justify-content-center mt-sm-5 mb-sm-5"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-6 col-md-9 col-sm-9 p-0 mt-auto mb-auto text-align-start"
@@ -47258,7 +47569,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     // onClick={() => {
     //     routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
     // }}
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), sectionproperties.sectionstyletype == 'Style 2' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 allcentered",
     style: {
       zIndex: 2
@@ -47327,9 +47638,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     getOptionValue: function getOptionValue(option) {
       return option.collectionid;
     },
-    autocomplete: "new-password"
-    // value={fetchTabexCountriesQueryContext.data.data.countries.filter((option) => option.id == props?.payloadobj?.countryid)}
-    ,
+    autocomplete: "new-password",
     onChange: function onChange(option) {
       var temp = payloadobj;
       temp.collections = [];
@@ -47341,10 +47650,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     placeholder: ''
   })), /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.showcollectionsfilter == 'Show' && sectionproperties.showpricerange == 'Show' && sectionproperties.showpricerange == 'Show' ? 'col-lg-8 p-0' : sectionproperties.showpricerange == 'Show' ? 'col-lg-9 p-0' : sectionproperties.showcollectionsfilter == 'Show' && sectionproperties.showcollectionsfilter == 'Show' && sectionproperties.showpricerange == 'Hide' ? 'col-lg-8 p-0' : 'col-lg-12 p-0'
-  }, /*#__PURE__*/React.createElement(CustomerAddressForm
-  // customeraddressrequierd={customeraddressrequierd}
-  // payloadobj={payloadobj}
-  , {
+  }, /*#__PURE__*/React.createElement(CustomerAddressForm, {
     payloadobj: payloadobj,
     setpayloadobj: setpayloadobj,
     sectionproperties: sectionproperties
@@ -47425,7 +47731,191 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
         routingcountext(StaticPagesLinksContext.Innervendor, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
       }
     }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), sectionproperties.sectionstyletype == 'Style 3' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 allcentered mt-auto mb-4 px-4",
+    style: {
+      zIndex: 2
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
+  }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "wordbreak",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      textTransform: sectionproperties.sectionTitleTextTransform,
+      fontWeight: sectionproperties.sectionTitleFontWeight,
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      marginBottom: sectionproperties.prodCatShow == 'Show' ? 0 : 20
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: sectionproperties.prodCatFontSize + 'px',
+      color: sectionproperties.prodCatColor,
+      textTransform: sectionproperties.prodCatTextTranform,
+      fontWeight: sectionproperties.prodCatFontWeight,
+      maxWidth: '500px'
+    }
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-10 col-md-12 col-sm-12 allcentered mt-3',
+    style: {
+      backgroundColor: sectionproperties.reservation_bgcolor,
+      borderRadius: sectionproperties.reservation_borderradius + 'px',
+      paddingTop: sectionproperties.reservation_padding_top + 'px',
+      paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
+      paddingLeft: sectionproperties.reservation_padding_left + 'px',
+      paddingRight: sectionproperties.reservation_padding_right + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'Brand' : 'الماركة'), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 p-0'
+  }, /*#__PURE__*/React.createElement(Select$5, {
+    options: [{
+      label: 'Tesla',
+      value: 1
+    }, {
+      label: 'VW',
+      value: 0
+    }, {
+      label: 'BYD',
+      value: 0
+    }],
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: ''
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'KM' : 'KM'), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 p-0'
+  }, /*#__PURE__*/React.createElement(Select$5, {
+    options: [{
+      label: '100000',
+      value: 1
+    }, {
+      label: '50000',
+      value: 0
+    }, {
+      label: '30000',
+      value: 0
+    }],
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: ''
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'Model Year' : 'السنة'), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 p-0'
+  }, /*#__PURE__*/React.createElement(Select$5, {
+    options: [{
+      label: '2023',
+      value: 1
+    }, {
+      label: '2022',
+      value: 0
+    }, {
+      label: '2021',
+      value: 0
+    }],
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: ''
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-md-3 '
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'Price' : 'السعر'), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
+    style: {
+      direction: 'ltr'
+    }
+  }, /*#__PURE__*/React.createElement(InputRange, {
+    draggableTrack: true,
+    formatLabel: function formatLabel(value) {
+      return "".concat(value);
+    },
+    maxValue: parseInt(sectionproperties.filterpricemaxvalue),
+    minValue: parseInt(sectionproperties.filterpriceminvalue),
+    value: pricevalue,
+    onChange: function onChange(value) {
+      setpricevalue(_objectSpread$16({}, value));
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-1"
+  }), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-2 col-md-12 d-flex align-items-center justify-content-end"
+  }, /*#__PURE__*/React.createElement("button", {
+    "class": sectionstyles.btnstyles + ' allcentered ',
+    onClick: function onClick() {
+      var _payloadobj$countryid2, _payloadobj$stateid2, _payloadobj$cityid2, _pricevalue$min2, _pricevalue$max2;
+      var tempfetchproductsfilerobjcontext = _objectSpread$16({}, fetchproductsfilerobjcontext);
+      if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.countryid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$countryid2 = payloadobj.countryid) === null || _payloadobj$countryid2 === void 0 ? void 0 : _payloadobj$countryid2.length) != 0) {
+        if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+          tempfetchproductsfilerobjcontext.country_ids = [payloadobj.countryid];
+        } else {
+          tempfetchproductsfilerobjcontext.countryid = payloadobj.countryid;
+        }
+      }
+      if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.stateid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$stateid2 = payloadobj.stateid) === null || _payloadobj$stateid2 === void 0 ? void 0 : _payloadobj$stateid2.length) != 0) {
+        if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+          tempfetchproductsfilerobjcontext.state_ids = [payloadobj.stateid];
+        } else {
+          tempfetchproductsfilerobjcontext.stateid = payloadobj.stateid;
+        }
+      }
+      if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.cityid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$cityid2 = payloadobj.cityid) === null || _payloadobj$cityid2 === void 0 ? void 0 : _payloadobj$cityid2.length) != 0) {
+        if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+          tempfetchproductsfilerobjcontext.city_ids = [payloadobj.cityid];
+        } else {
+          tempfetchproductsfilerobjcontext.cityid = payloadobj.cityid;
+        }
+      }
+      if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.collections) != null && payloadobj.collections.length != 0) {
+        tempfetchproductsfilerobjcontext.collections = payloadobj.collections;
+      }
+      if ((pricevalue === null || pricevalue === void 0 ? void 0 : pricevalue.min) != null && (pricevalue === null || pricevalue === void 0 || (_pricevalue$min2 = pricevalue.min) === null || _pricevalue$min2 === void 0 ? void 0 : _pricevalue$min2.length) != 0) {
+        tempfetchproductsfilerobjcontext.price_min = pricevalue.min;
+      }
+      if ((pricevalue === null || pricevalue === void 0 ? void 0 : pricevalue.max) != null && (pricevalue === null || pricevalue === void 0 || (_pricevalue$max2 = pricevalue.max) === null || _pricevalue$max2 === void 0 ? void 0 : _pricevalue$max2.length) != 0) {
+        if (sectionproperties.showpricerange == 'Hide') {
+          tempfetchproductsfilerobjcontext.price_max = 99999999999999;
+        } else {
+          tempfetchproductsfilerobjcontext.price_max = pricevalue.max;
+        }
+      }
+      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+      }
+      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Vendors') {
+        routingcountext(StaticPagesLinksContext.Innervendor, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+      }
+    }
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))))));
 };
 
 function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -52772,7 +53262,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
       background: sectionproperties.backgroundColor,
-      marginBottom: sectionproperties.marginBottom + 'px',
+      paddingBottom: sectionproperties.marginBottom + 'px',
       paddingTop: sectionproperties.marginTopResp + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
@@ -63385,9 +63875,10 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-      height: sectionproperties.image_height + 'px',
+      height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
+      marginBottom: sectionproperties.image_mb + 'px',
       '@media (max-width: 800px)': {
-        height: sectionproperties.image_height == null ? sectionproperties.image_height : sectionproperties.height_responsive + 'px'
+        height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive + 'px'
       }
     }),
     productoutercard: css({
@@ -63503,14 +63994,21 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
         background: sectionproperties.pillbgcolor,
         borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
       }
-    }, /*#__PURE__*/React.createElement("p", {
+    }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0 text-uppercase",
+      style: {
+        color: sectionproperties.pillcolor,
+        fontSize: sectionproperties.pillfontSize + 'px',
+        direction: 'ltr'
+      }
+    }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React.createElement("p", {
       "class": "m-0 p-0 text-uppercase",
       style: {
         color: sectionproperties.pillcolor,
         fontSize: sectionproperties.pillfontSize + 'px',
         direction: 'ltr'
       }
-    }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
+    }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
       "class": sectionproperties.transition == 'Bottom' ? "".concat(card_cssstyles.cart_btn_bottom) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_bottom ' : sectionproperties.transition == 'Center' ? "".concat(card_cssstyles.cart_btn_center) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_center ' : "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn ',
       onClick: function onClick(e) {
         e.stopPropagation();
@@ -63545,7 +64043,10 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
     },
     "class": props.fontFamilyprops == 'ASUL' && sectionproperties.prodNameFontWeight > 100 && sectionproperties.prodNameFontWeight < 600 ? "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center ASUL-400 ' : props.fontFamilyprops == 'ASUL' && sectionproperties.prodNameFontWeight > 600 ? "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center ASUL-700 ' : "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center '
   }, item.name)), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 flex-md-column"
+    "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 flex-md-column",
+    style: {
+      marginTop: sectionproperties.productpricemarginTop + 'px'
+    }
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
     "class": props.fontFamilyprops == 'ASUL' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 p-0 font-md-15 ASUL ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 p-0 font-md-15 '
   }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
@@ -64745,7 +65246,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
-      height: sectionproperties.image_height + 'px',
+      height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
       marginBottom: sectionproperties.image_mb + 'px',
       border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
       overflow: 'hidden',
@@ -64835,7 +65336,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
   })), /*#__PURE__*/React.createElement("div", {
     "class": card_cssstyles.imagecontainer + ' d-none d-sm-flex',
     style: {
-      height: sectionproperties.height_responsive + 'px',
+      height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive + 'px',
       width: sectionproperties.image_bordertopleftradius == '100' ? sectionproperties.image_height + 'px' : sectionproperties.image_width_resp + '%'
     }
   }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
@@ -65263,7 +65764,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex align-items-center",
+    "class": "col-lg-12 d-flex align-items-center p-0",
     style: {
       justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
     }