tabexseriescomponents 0.0.345 → 0.0.347

package/dist/index.esm.js

@@ -29,7 +29,10 @@ import { FiShoppingBag } from '@react-icons/all-files/fi/FiShoppingBag';
 import { FiShoppingCart } from '@react-icons/all-files/fi/FiShoppingCart';
 import { AiFillStar as AiFillStar$1 } from '@react-icons/all-files/ai/AiFillStar';
 import { AiOutlineStar } from '@react-icons/all-files/ai/AiOutlineStar';
-import { FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon, WhatsappShareButton, WhatsappIcon, LinkedinShareButton, LinkedinIcon } from 'react-share';
+import { AiOutlineTwitter } from '@react-icons/all-files/ai/AiOutlineTwitter';
+import { FaWhatsapp } from '@react-icons/all-files/fa/FaWhatsapp';
+import { FaLinkedinIn } from '@react-icons/all-files/fa/FaLinkedinIn';
+import { FacebookShareButton, TwitterShareButton, WhatsappShareButton, LinkedinShareButton, FacebookIcon, TwitterIcon, WhatsappIcon, LinkedinIcon } from 'react-share';
 import { FiMinus } from '@react-icons/all-files/fi/FiMinus';
 import { FiPlus } from '@react-icons/all-files/fi/FiPlus';
 import ReactStars from 'react-rating-stars-component';
@@ -63,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';
@@ -90,7 +91,6 @@ import { HiOutlineArrowLeft } from '@react-icons/all-files/hi/HiOutlineArrowLeft
 import ReactPaginate from 'react-paginate';
 import { FaFacebook } from '@react-icons/all-files/fa/FaFacebook';
 import { AiFillInstagram } from '@react-icons/all-files/ai/AiFillInstagram';
-import { FaWhatsapp } from '@react-icons/all-files/fa/FaWhatsapp';
 import { BiGlobe } from '@react-icons/all-files/bi/BiGlobe';
 import { MdKeyboardArrowDown } from '@react-icons/all-files/md/MdKeyboardArrowDown';
 import { FaMoneyBillWave } from '@react-icons/all-files/fa/FaMoneyBillWave';
@@ -291,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: 'اقل كمية',
@@ -371,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,
@@ -897,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",
@@ -1144,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), {}, {
@@ -2065,15 +2130,12 @@ 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, _fetchProductInfoQuer28, _ProductInfoObj$data, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35;
+  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;
-  props.actions.returnpolicyobj;
   var productinfo_cssstyles = props.actions.productinfo_cssstyles;
   var addtocartfunc = props.actions.addtocartfunc;
-  props.actions.selectproductoptionvalue;
-  props.actions.clearchoosenvaluesbutkeepcurrentvalue;
   var productimagesarray = props.actions.productimagesarray;
   var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
   var sectionproperties = props.actions.sectionproperties;
@@ -2186,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", {
@@ -2208,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", {
@@ -2216,56 +2297,72 @@ var Product_itemtype = function Product_itemtype(props) {
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 d-flex justify-content-center flex-column align-items-center p-0"
     }, /*#__PURE__*/React.createElement("p", {
-      "class": "m-0 p-0",
+      "class": "m-0 p-0 w-100",
       style: {
         fontWeight: sectionproperties.sharebtn_FontWeight,
         color: sectionproperties.sharebtn_color,
-        fontSize: sectionproperties.sharebtn_fontSize + 'px'
+        fontSize: sectionproperties.sharebtn_fontSize + 'px',
+        textAlign: sectionproperties.sharecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr), /*#__PURE__*/React.createElement("div", {
-      className: "Demo__container w-100 m-0 allcentered mt-3"
+      className: "Demo__container w-100 m-0 d-flex align-items-center mt-3",
+      style: {
+        justifyContent: srcfromprops != 'templatedraftrouter' ? 'start' : sectionproperties.sharecentered == 'Centered' ? 'center' : 'start'
+      }
     }, /*#__PURE__*/React.createElement("div", {
-      className: "Demo__some-network ml-2 mr-2"
+      className: "Demo__some-network ml-2 mr-2 allcentered"
     }, /*#__PURE__*/React.createElement(FacebookShareButton, {
       url: shareUrl,
       quote: title,
-      className: "Demo__some-network__share-button"
-    }, /*#__PURE__*/React.createElement(FacebookIcon, {
-      size: 40,
-      round: true
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: "Demo__some-network ml-2 mr-2"
+      className: "Demo__some-network__share-button allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": productinfo_cssstyles.shareicon + ' allcentered ',
+      style: {}
+    }, /*#__PURE__*/React.createElement("i", {
+      "class": "h-100 allcentered"
+    }, /*#__PURE__*/React.createElement(FaFacebookF, null))))), /*#__PURE__*/React.createElement("div", {
+      className: "Demo__some-network ml-2 mr-2 allcentered"
     }, /*#__PURE__*/React.createElement(TwitterShareButton, {
       url: shareUrl,
       title: title,
-      className: "Demo__some-network__share-button"
-    }, /*#__PURE__*/React.createElement(TwitterIcon, {
-      size: 40,
-      round: true
-    }))), /*#__PURE__*/React.createElement("div", {
+      className: "Demo__some-network__share-button allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": productinfo_cssstyles.shareicon + ' allcentered ',
+      style: {}
+    }, /*#__PURE__*/React.createElement("i", {
+      "class": "h-100 allcentered"
+    }, /*#__PURE__*/React.createElement(AiOutlineTwitter, {
+      size: 16
+    }))))), /*#__PURE__*/React.createElement("div", {
       className: "Demo__some-network ml-2 mr-2"
     }, /*#__PURE__*/React.createElement(WhatsappShareButton, {
       url: shareUrl,
       title: title,
       separator: ":: ",
       className: "Demo__some-network__share-button"
-    }, /*#__PURE__*/React.createElement(WhatsappIcon, {
-      size: 40,
-      round: true
-    }))), sectionproperties.showsharelinkedin == 'Show' && /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": productinfo_cssstyles.shareicon + ' allcentered ',
+      style: {}
+    }, /*#__PURE__*/React.createElement("i", {
+      "class": "h-100 allcentered"
+    }, /*#__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,
       title: title,
       separator: ":: ",
       className: "Demo__some-network__share-button"
-    }, /*#__PURE__*/React.createElement(LinkedinIcon, {
-      size: 40,
-      round: true
-    }))))));
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": productinfo_cssstyles.shareicon + ' allcentered ',
+      style: {}
+    }, /*#__PURE__*/React.createElement("i", {
+      "class": "h-100 allcentered"
+    }, /*#__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", {
@@ -2273,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',
@@ -2315,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();
@@ -2351,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",
@@ -2396,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'
@@ -2408,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();
@@ -2440,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",
@@ -2481,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);
@@ -2503,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: {
@@ -2545,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", {
@@ -2571,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',
@@ -2623,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",
@@ -2634,28 +2731,9 @@ 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()), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.deliverytimeshow == 'Show' && (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.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", {
-    style: {
-      color: sectionproperties.skuColor,
-      fontWeight: sectionproperties.skuFontWeight,
-      fontSize: sectionproperties.skuFontSize + 'px',
-      textAlign: langdetect == 'en' ? 'left' : 'right'
-    }
-  }, langdetect == 'en' ? sectionproperties.skutitleEn : sectionproperties.skutitleAr, ":", ' '), /*#__PURE__*/React.createElement("span", {
-    "class": "ml-1 mr-1",
-    style: {
-      color: '#7e859b',
-      fontWeight: sectionproperties.skuSecondaryFontWeight,
-      fontSize: sectionproperties.skuFontSize + 'px',
-      textAlign: langdetect == 'en' ? 'left' : 'right'
-    }
-  }, fetchProductInfoQueryContext.data.data.productinfo.sku))), (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", {
+  }, 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 '
@@ -2748,9 +2826,7 @@ var Product_itemtype = function Product_itemtype(props) {
     actions: props.actions
   }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React.createElement(ProductExtraFields, {
     actions: props.actions
-  }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement(DescriptionContent, {
-    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"
@@ -2841,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",
@@ -2860,11 +2936,6 @@ var Product_itemtype = function Product_itemtype(props) {
       paddingRight: langdetect == 'ar' ? '.5rem' : 0
     }
   }, StoreInfoprops(), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
-    "class": productinfo_cssstyles.storeinfocontainer + ' col-lg-12 p-0 ',
-    style: {}
-  }, /*#__PURE__*/React.createElement("hr", {
-    "class": "my-3"
-  })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 allcentered mt-2"
   }, ShareButtonsContainer()))))))), sectionproperties.storeinfoposition == 'On The Right' && /*#__PURE__*/React.createElement("div", {
     className: langdetect == 'en' ? 'col-lg-3 pr-0 border-md-none p-md-0 pt-4 pl-md-0 pr-md-0' : 'col-lg-3 pl-0 border-md-none md-0 pt-4 pl-md-0 pr-md-0',
@@ -5333,6 +5404,18 @@ var Productinfo = function Productinfo(props) {
         backgroundColor: sectionproperties.iconcontainerbgonhover
       }
     }),
+    shareicon: css({
+      width: sectionproperties.shareiconwidth + 'px',
+      height: sectionproperties.shareiconheight + 'px',
+      borderRadius: sectionproperties.shareiconborderradius + 'px',
+      background: sectionproperties.shareiconbgcolor,
+      color: sectionproperties.shareiconcolor,
+      ':hover': {
+        color: sectionproperties.shareiconcoloronhover,
+        transition: '.3s',
+        cursor: 'pointer'
+      }
+    }),
     checkoutbtn: css({
       width: sectionproperties.checkoutBtnWidth + 'px',
       height: sectionproperties.checkoutBtnHeight + 'px',
@@ -5538,7 +5621,7 @@ var Productinfo = function Productinfo(props) {
     }, sectionproperties.storeinfostyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100"
     }, sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showstoreinfo1 == 'Show' && /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-12 p-0 w-100 d-flex align-items-center mb-4"
+      className: productinfo_cssstyles.storeinfobtn + ' col-lg-12 p-0 w-100 d-flex align-items-center mb-4 '
     }, /*#__PURE__*/React.createElement("div", {
       "class": productinfo_cssstyles.iconContainer
     }, /*#__PURE__*/React.createElement("i", {
@@ -5558,7 +5641,7 @@ var Productinfo = function Productinfo(props) {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? sectionproperties.otherinfodesc1en : sectionproperties.otherinfodesc1ar))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showstoreinfo2 == 'Show' && /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-12 p-0 d-flex align-items-center mb-4"
+      className: productinfo_cssstyles.storeinfobtn + ' col-lg-12 p-0 d-flex align-items-center mb-4 '
     }, /*#__PURE__*/React.createElement("div", {
       "class": productinfo_cssstyles.iconContainer
     }, /*#__PURE__*/React.createElement("i", {
@@ -5580,7 +5663,7 @@ var Productinfo = function Productinfo(props) {
     }, langdetect == 'en' ? sectionproperties.otherinfodesc2en : sectionproperties.otherinfodesc2ar))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showpricinglist == 'Show' && (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 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productquantityoptions) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.length) != 0 && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 mb-4"
     }, getQuantityCondition()), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
-      className: productinfo_cssstyles.storeinfocontainer + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
+      className: "".concat(productinfo_cssstyles.storeinfobtn, " ").concat(productinfo_cssstyles.storeinfocontainer) + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
       onClick: function onClick() {
         window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_blank');
       }
@@ -5603,7 +5686,7 @@ var Productinfo = function Productinfo(props) {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
     }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber))), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React.createElement("div", {
-      className: productinfo_cssstyles.storeinfocontainer + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
+      className: "".concat(productinfo_cssstyles.storeinfobtn, " ").concat(productinfo_cssstyles.storeinfocontainer) + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
       onClick: function onClick() {
         var _authdetailsContext$i2;
         window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.contactinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.email), '_self');
@@ -5696,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,
@@ -5862,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,
@@ -7495,7 +7578,7 @@ var Wishlist = function Wishlist(props) {
 function ownKeys$2f(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$2f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Viewcart = function Viewcart(props) {
-  var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue7, _fetchcustomercartQue8;
+  var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
@@ -7735,10 +7818,8 @@ var Viewcart = function Viewcart(props) {
       }
     }),
     tableimagecont: css({
-      width: '70px',
-      height: sectionproperties.prodimage__borderBottomLeftRadius == 100 ? '70px' : '60px',
-      border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
-      backgroundColor: sectionproperties.prodimage_bgcolor,
+      width: sectionproperties.prodimage_width + 'px',
+      height: sectionproperties.prodimage_height + 'px',
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
@@ -7751,6 +7832,22 @@ 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([]),
@@ -7790,7 +7887,7 @@ var Viewcart = function Viewcart(props) {
     "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'h-sm-auto mb-sm-4' : '',
     style: {
       width: sectionproperties.image_width + 'vw',
-      height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'vh',
+      height: 'auto',
       marginBottom: sectionproperties.image_mb + 'px',
       position: 'relative'
     }
@@ -7802,15 +7899,11 @@ var Viewcart = function Viewcart(props) {
     style: {
       height: '100%',
       width: '100%',
+      objectFit: 'contain',
       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',
-      zIndex: -1,
-      objectFit: sectionproperties.bgcovercontain
+      borderRadius: sectionproperties.imageborderradius + 'px',
+      zIndex: -1
     }
   }), /*#__PURE__*/React.createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -7820,34 +7913,13 @@ var Viewcart = function Viewcart(props) {
     style: {
       height: '100%',
       width: '100%',
+      objectFit: 'contain',
       margin: 0,
       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.mycart)))), /*#__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',
@@ -7870,7 +7942,7 @@ var Viewcart = function Viewcart(props) {
     actions: actions
   })), /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 d-flex w-100 p-0'
-  }, /*#__PURE__*/React.createElement("div", {
+  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.customercart) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.cartitems) === null || _fetchcustomercartQue7 === void 0 ? void 0 : _fetchcustomercartQue7.length) != 0 && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     className: langdetect == 'en' ? 'col-lg-9 pr-0' : 'col-lg-9 pl-0'
@@ -7886,10 +7958,7 @@ var Viewcart = function Viewcart(props) {
   }, /*#__PURE__*/React.createElement("table", {
     className: 'table table_thbg'
   }, /*#__PURE__*/React.createElement("thead", {
-    className: "",
-    style: {
-      background: '#eee'
-    }
+    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), /*#__PURE__*/React.createElement("th", {
@@ -7906,7 +7975,7 @@ var Viewcart = function Viewcart(props) {
     }
   }, lang.total), /*#__PURE__*/React.createElement("th", {
     className: "text-capitalize text-center font-weight-500 font-14 text-uppercase text-light"
-  }, lang.remove)), /*#__PURE__*/React.createElement("tbody", null, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.customercart) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.cartitems) === null || _fetchcustomercartQue7 === void 0 ? void 0 : _fetchcustomercartQue7.map(function (item, index) {
+  }, lang.remove)), /*#__PURE__*/React.createElement("tbody", null, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue8 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.cartitems) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.map(function (item, index) {
     return /*#__PURE__*/React.createElement("tr", {
       className: "border-none"
     }, /*#__PURE__*/React.createElement("td", {
@@ -7922,8 +7991,7 @@ var Viewcart = function Viewcart(props) {
       style: {
         width: '100%',
         height: '100%',
-        objectFit: sectionproperties.prodimage__borderBottomLeftRadius == '100' ? 'cover' : 'contain',
-        borderRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px'
+        objectFit: 'contain'
       },
       loading: "lazy"
     })), /*#__PURE__*/React.createElement("div", {
@@ -8077,16 +8145,18 @@ var Viewcart = function Viewcart(props) {
         deletecartitemContext(item);
       }
     }, lang.remove)));
-  })))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue8 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.cartitems.length) == 0 && /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100 pt-5 pb-5",
+  })))))), /*#__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",
     style: {
-      height: '50vh'
+      height: '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' && /*#__PURE__*/React.createElement("img", {
+  }, sectionproperties.noproducticontype == 'Cart' && sectionproperties.noprod_iconfontSize != 0 && /*#__PURE__*/React.createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/shoppingcart.png',
     style: {
       maxWidth: '250px',
@@ -8104,9 +8174,12 @@ var Viewcart = function Viewcart(props) {
       color: sectionproperties.noprod_color,
       fontSize: sectionproperties.noprod_fontSize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar)))))), /*#__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()))))));
+  }, 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 ',
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
+    }
+  }, 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";
@@ -8119,7 +8192,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];
@@ -9317,7 +9390,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: {
@@ -9428,7 +9522,7 @@ var Select$2 = /*#__PURE__*/React.lazy(function () {
   return import('react-select');
 });
 var CustomerInformationForm = function CustomerInformationForm(props) {
-  var _fetchAuthorizationQu, _fetchAuthorizationQu2, _css, _authdetailsContext$i2, _authdetailsContext$c, _authdetailsContext$c2;
+  var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _css, _authdetailsContext$i2, _authdetailsContext$c, _authdetailsContext$c2;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   props.actions.routingcountext;
@@ -9446,7 +9540,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),
@@ -9457,28 +9550,45 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     customervalidateemail = _useState4[0],
     setcustomervalidateemail = _useState4[1];
-  var _useState5 = useState(false),
+  var _useState5 = useState(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu3 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu3 === void 0 || (_fetchAuthorizationQu3 = _fetchAuthorizationQu3.data) === null || _fetchAuthorizationQu3 === void 0 || (_fetchAuthorizationQu3 = _fetchAuthorizationQu3.instinfo) === null || _fetchAuthorizationQu3 === void 0 ? void 0 : _fetchAuthorizationQu3.customervalidatephonenumber),
     _useState6 = _slicedToArray(_useState5, 2),
-    validateemailmodal = _useState6[0],
-    setvalidateemailmodal = _useState6[1];
-  var _useState7 = useState(''),
+    customervalidatephonenumber = _useState6[0],
+    setcustomervalidatephonenumber = _useState6[1];
+  var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    sectionproperties = _useState8[0],
-    setsectionproperties = _useState8[1];
+    validatephonenumbermodal = _useState8[0],
+    setvalidatephonenumbermodal = _useState8[1];
   var _useState9 = useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
-    dataloaded = _useState10[0],
-    setdataloaded = _useState10[1];
-  var _useState11 = useState({
+    validateemailmodal = _useState10[0],
+    setvalidateemailmodal = _useState10[1];
+  var _useState11 = useState(''),
+    _useState12 = _slicedToArray(_useState11, 2),
+    sectionproperties = _useState12[0],
+    setsectionproperties = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    dataloaded = _useState14[0],
+    setdataloaded = _useState14[1];
+  var _useState15 = useState({
+      phonenumber: '',
+      code: '',
+      step: 'sendcode',
+      isvalidated: false
+    }),
+    _useState16 = _slicedToArray(_useState15, 2),
+    validatephonenumberpayload = _useState16[0],
+    setvalidatephonenumberpayload = _useState16[1];
+  var _useState17 = useState({
       email: '',
       code: '',
       step: 'sendcode',
       isvalidated: false
     }),
-    _useState12 = _slicedToArray(_useState11, 2),
-    validateemailpayload = _useState12[0],
-    setvalidateemailpayload = _useState12[1];
-  var _useState13 = useState({
+    _useState18 = _slicedToArray(_useState17, 2),
+    validateemailpayload = _useState18[0],
+    setvalidateemailpayload = _useState18[1];
+  var _useState19 = useState({
       instapikey: instapikey,
       name: '',
       email: '',
@@ -9493,26 +9603,27 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       cityid: '',
       countrydialcode: ''
     }),
-    _useState14 = _slicedToArray(_useState13, 2),
-    payloadobj = _useState14[0],
-    setpayloadobj = _useState14[1];
-  var _useState15 = useState(false),
-    _useState16 = _slicedToArray(_useState15, 2);
-    _useState16[0];
-    _useState16[1];
-  var _useState17 = useState(false),
-    _useState18 = _slicedToArray(_useState17, 2);
-    _useState18[0];
-    _useState18[1];
-  var _useState19 = useState(false),
     _useState20 = _slicedToArray(_useState19, 2),
-    waitingpage = _useState20[0],
-    setwaitingpage = _useState20[1];
+    payloadobj = _useState20[0],
+    setpayloadobj = _useState20[1];
+  var _useState21 = useState(false),
+    _useState22 = _slicedToArray(_useState21, 2);
+    _useState22[0];
+    _useState22[1];
+  var _useState23 = useState(false),
+    _useState24 = _slicedToArray(_useState23, 2);
+    _useState24[0];
+    _useState24[1];
+  var _useState25 = useState(false),
+    _useState26 = _slicedToArray(_useState25, 2),
+    waitingpage = _useState26[0],
+    setwaitingpage = _useState26[1];
   useEffect(function () {
     if (fetchAuthorizationQueryContext.isSuccess) {
-      var _fetchAuthorizationQu3, _fetchAuthorizationQu4;
-      setcustomeraddressrequierd(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu3 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu3 === void 0 || (_fetchAuthorizationQu3 = _fetchAuthorizationQu3.data) === null || _fetchAuthorizationQu3 === void 0 || (_fetchAuthorizationQu3 = _fetchAuthorizationQu3.instinfo) === null || _fetchAuthorizationQu3 === void 0 ? void 0 : _fetchAuthorizationQu3.customerAddressrequiered);
-      setcustomervalidateemail(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu4 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu4 === void 0 || (_fetchAuthorizationQu4 = _fetchAuthorizationQu4.data) === null || _fetchAuthorizationQu4 === void 0 || (_fetchAuthorizationQu4 = _fetchAuthorizationQu4.instinfo) === null || _fetchAuthorizationQu4 === void 0 ? void 0 : _fetchAuthorizationQu4.customervalidateemail);
+      var _fetchAuthorizationQu4, _fetchAuthorizationQu5, _fetchAuthorizationQu6;
+      setcustomeraddressrequierd(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu4 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu4 === void 0 || (_fetchAuthorizationQu4 = _fetchAuthorizationQu4.data) === null || _fetchAuthorizationQu4 === void 0 || (_fetchAuthorizationQu4 = _fetchAuthorizationQu4.instinfo) === null || _fetchAuthorizationQu4 === void 0 ? void 0 : _fetchAuthorizationQu4.customerAddressrequiered);
+      setcustomervalidateemail(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu5 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu5 === void 0 || (_fetchAuthorizationQu5 = _fetchAuthorizationQu5.data) === null || _fetchAuthorizationQu5 === void 0 || (_fetchAuthorizationQu5 = _fetchAuthorizationQu5.instinfo) === null || _fetchAuthorizationQu5 === void 0 ? void 0 : _fetchAuthorizationQu5.customervalidateemail);
+      setcustomervalidatephonenumber(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu6 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu6 === void 0 || (_fetchAuthorizationQu6 = _fetchAuthorizationQu6.data) === null || _fetchAuthorizationQu6 === void 0 || (_fetchAuthorizationQu6 = _fetchAuthorizationQu6.instinfo) === null || _fetchAuthorizationQu6 === void 0 ? void 0 : _fetchAuthorizationQu6.customervalidatephonenumber);
     }
   }, [fetchAuthorizationQueryContext.isSuccess]);
   useEffect(function () {
@@ -9850,7 +9961,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", {
@@ -9902,7 +10013,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", {
@@ -9950,7 +10061,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", {
@@ -9966,7 +10077,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) {
@@ -10109,9 +10220,29 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       disabled: CustomerSignUpMutationContext.isLoading ? true : false,
       onClick: function onClick() {
         if (verifypayload() == true) {
+          var isEmailOTP_Validated = false;
+          var isPhoneNumberOTP_Validated = false;
           if (customervalidateemail == 1) {
-            setvalidateemailmodal(true);
+            if (validateemailpayload.isvalidated) {
+              isEmailOTP_Validated = true;
+            } else {
+              isEmailOTP_Validated = false;
+              setvalidateemailmodal(true);
+            }
           } else {
+            isEmailOTP_Validated = true;
+          }
+          if (customervalidatephonenumber == 1) {
+            if (validatephonenumberpayload.isvalidated) {
+              isPhoneNumberOTP_Validated = true;
+            } else {
+              isPhoneNumberOTP_Validated = false;
+              setvalidatephonenumbermodal(true);
+            }
+          } else {
+            isPhoneNumberOTP_Validated = true;
+          }
+          if (isPhoneNumberOTP_Validated && isEmailOTP_Validated) {
             signupbuttonfunc();
           }
         }
@@ -10125,11 +10256,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",
@@ -10201,7 +10328,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,
@@ -10210,8 +10337,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"
@@ -10227,12 +10354,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',
@@ -10240,7 +10367,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"
@@ -10256,9 +10383,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',
@@ -10266,7 +10393,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"
@@ -10284,7 +10411,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,
@@ -10293,7 +10420,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", {
@@ -10467,7 +10594,15 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
                     isvalidated: true
                   }));
                   setvalidateemailmodal(false);
-                  signupbuttonfunc();
+                  if (customervalidatephonenumber == 1) {
+                    if (validatephonenumberpayload.isvalidated) {
+                      signupbuttonfunc();
+                    } else {
+                      setvalidatephonenumbermodal(true);
+                    }
+                  } else {
+                    signupbuttonfunc();
+                  }
                 }
               } else {
                 NotificationManager.warning('', data.data.reason);
@@ -10488,7 +10623,134 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     style: {
       letterSpacing: langdetect == 'en' ? '1px' : ''
     }
-  }, validateemailpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
+  }, validateemailpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React.createElement(Modal.Footer, null)), /*#__PURE__*/React.createElement(Modal, {
+    show: validatephonenumbermodal,
+    onHide: function onHide() {
+      return setvalidatephonenumbermodal(false);
+    },
+    centered: true,
+    size: 'md'
+  }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement("div", {
+    "class": "d-flex align-items-center justify-content-center bgdanger-hover",
+    style: {
+      position: 'absolute',
+      right: -15,
+      top: -15,
+      width: '4vh',
+      height: '4vh',
+      background: '#000',
+      borderRadius: '50%'
+    },
+    onClick: function onClick() {
+      return setvalidatephonenumbermodal(false);
+    }
+  }, /*#__PURE__*/React.createElement(IoMdClose, {
+    size: 15,
+    color: "white"
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center mt-2 justify-content-center"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "text-md-center m-0 p-0 mb-2",
+    style: {
+      fontSize: '19px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: 600
+    }
+  }, langdetect == 'en' ? 'Validate Phone Number' : 'التحقق من صحة  رقم الهاتف')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    "class": 'm-0 p-0'
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "row w-100 m-0 mb-3 pl-2 pr-2 pt-3 pb-3 pl-sm-3 pr-sm-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(formstyles.logininputLabel) + '  d-flex justify-content-start '
+  }, langdetect == 'en' ? 'Phone Number' : ' رقم الهاتف'), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    className: "".concat(formstyles.form_control),
+    value: payloadobj.mobile,
+    disabled: true,
+    style: {
+      background: 'transparent'
+    }
+  })), validatephonenumberpayload.step == 'verifycode' && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(formstyles.logininputLabel) + '  d-flex justify-content-start '
+  }, langdetect == 'en' ? 'Code' : ' كود  الرسالة النصية'), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    className: "".concat(formstyles.form_control),
+    value: validatephonenumberpayload.code,
+    onChange: function onChange(event) {
+      setvalidatephonenumberpayload(_objectSpread$2d(_objectSpread$2d({}, validatephonenumberpayload), {}, {
+        code: event.target.value
+      }));
+    },
+    style: {
+      background: 'transparent'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
+    disabled: GeneralAPIMutationContext.isLoading ? true : false,
+    onClick: function onClick() {
+      if (payloadobj.mobile.length != 0) {
+        if (validatephonenumberpayload.isvalidated == true) {
+          setvalidateemailmodal(false);
+          signupbuttonfunc();
+        } else {
+          GeneralAPIMutationContext.mutate({
+            endpointurl: '/validatephonenumber',
+            functype: validatephonenumberpayload.step,
+            code: validatephonenumberpayload.code,
+            name: payloadobj.name,
+            phonenumber: payloadobj.mobile,
+            mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
+              if (data.data.status) {
+                if (data.data.functype == 'sendcode') {
+                  setvalidatephonenumberpayload(_objectSpread$2d(_objectSpread$2d({}, validatephonenumberpayload), {}, {
+                    step: 'verifycode'
+                  }));
+                }
+                if (data.data.functype == 'verifycode') {
+                  setvalidatephonenumberpayload(_objectSpread$2d(_objectSpread$2d({}, validatephonenumberpayload), {}, {
+                    isvalidated: true
+                  }));
+                  setvalidatephonenumbermodal(false);
+                  if (customervalidateemail == 1) {
+                    if (validateemailpayload.isvalidated) {
+                      signupbuttonfunc();
+                    } else {
+                      setvalidateemailmodal(true);
+                    }
+                  } else {
+                    signupbuttonfunc();
+                  }
+                }
+              } else {
+                NotificationManager.warning('', data.data.reason);
+              }
+            }
+          });
+        }
+      } else {
+        NotificationManager.warning(lang.completerequiredfields);
+      }
+    }
+  }, GeneralAPIMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
+    color: "#fff",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  }), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    style: {
+      letterSpacing: langdetect == 'en' ? '1px' : ''
+    }
+  }, validatephonenumberpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
 };
 
 function ownKeys$2c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -10996,7 +11258,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(''),
@@ -11128,7 +11390,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',
@@ -11139,7 +11401,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'
@@ -11150,16 +11413,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";
@@ -11713,7 +11988,8 @@ var CartSlider = function CartSlider(props) {
     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", {
@@ -11800,7 +12076,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: {
@@ -13093,6 +13369,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) {
@@ -13268,19 +13553,18 @@ var Filter$1 = function Filter(props) {
       minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh'
     }
   }, sectionproperties.filterType == 'Title & Sort By Only' && /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100"
+    "class": "row mx-0 w-100",
+    style: {
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectiontitledirection == 'Vertical' ? sectionproperties.sectionTitleMarginBottom + 'px' : 0,
+      paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
+    }
   }, /*#__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',
-      marginTop: sectionproperties.showbadge == 'Show' ? sectionproperties.sectionTitleMarginTop + 'px' : 0,
-      marginBottom: sectionproperties.sectiontitledirection == 'Vertical' ? sectionproperties.sectionTitleMarginBottom + 'px' : 0
-    }
+    "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: {
@@ -13291,7 +13575,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", {
@@ -13305,7 +13593,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'
@@ -13315,7 +13603,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"
@@ -15093,164 +15384,6 @@ var CardsSection = function CardsSection(props) {
               if (cardinfoindex < sectionproperties.overallnumberofcards) {
                 return /*#__PURE__*/React.createElement("div", {
                   "class": bootstapclass
-                  // class={
-                  //     sectionproperties.numberOfColsvertical == '1'
-                  //         ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ModernProductCard'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'MenuCard'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Card20'
-                  //             ? ' 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'
-                  //             : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //         : sectionproperties.numberOfColsvertical == '2'
-                  //         ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0  '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft '
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ModernProductCard'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'MenuCard'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Card20'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0'
-                  //             : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0'
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0'
-                  //         : sectionproperties.numberOfColsvertical == '3'
-                  //         ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
-                  //             ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft'
-                  //             ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ModernProductCard'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'MenuCard'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Card20'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
-                  //             ? ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0'
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : ' col-xl-4 col-lg-4 col-md-6 col-sm-6 d-flex justify-content-center p-0 '
-                  //         : sectionproperties.numberOfColsvertical == '4'
-                  //         ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
-                  //             ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft'
-                  //             ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ModernProductCard'
-                  //             ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'MenuCard'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Card20'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
-                  //             ? ' col-xl-3 col-lg-4 col-md-4 col-sm-12 p-0 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0'
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 '
-                  //         : sectionproperties.numberOfColsvertical == '12'
-                  //         ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
-                  //             ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft'
-                  //             ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6  d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'MenuCard'
-                  //             ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
-                  //             ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Card20'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0'
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : ''
-                  //         : sectionproperties.numberOfColsvertical == '6'
-                  //         ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
-                  //             ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft'
-                  //             ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'MenuCard'
-                  //             ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
-                  //             ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
-                  //             ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
-                  //             ? ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Card20'
-                  //             ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
-                  //             ? ' col-xl-2 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' +
-                  //               sectionproperties.numberOfColsverticalresp
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
-                  //             ? ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
-                  //             ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0'
-                  //             : item.tabexsectioninfo.sectioncompname == 'CardWithTextOnly'
-                  //             ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
-                  //             ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //         : ''
-                  // }
                 }, /*#__PURE__*/React.createElement(Sectioncomp, {
                   sectiontypeprops: 'horizontal',
                   sectiontypeprops2: 'vertical',
@@ -16224,7 +16357,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',
@@ -16348,9 +16481,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", {
@@ -18027,23 +18163,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);
@@ -18220,7 +18360,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'
       }
@@ -18260,9 +18400,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,
@@ -18297,7 +18437,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
@@ -18316,7 +18461,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',
@@ -18325,7 +18470,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"
@@ -18453,7 +18599,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; }
@@ -18852,19 +18998,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'
@@ -18885,15 +19028,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();
     }
@@ -35784,8 +35919,8 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
       }
     }),
     cart_btn: css({
-      width: sectionproperties.cartBtnWidth + 'px',
-      height: sectionproperties.cartBtnHeight + 'px',
+      width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
+      height: sectionproperties.cartBtnHeight == 0 ? 'auto' : sectionproperties.cartBtnHeight + 'px',
       background: sectionproperties.cartBtnbgColor,
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cart_iconcolor,
@@ -35957,7 +36092,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
     }
   }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-6 p-0 d-flex justify-content-end align-items-center"
-  }, /*#__PURE__*/React.createElement("p", {
+  }, sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("p", {
     "class": header_cssstyles.languagecontainer + ' m-0 p-0 ',
     onClick: function onClick() {
       if (langdetect == 'en') {
@@ -36014,7 +36149,20 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
     }
   }))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"
-  }, sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.showupperheadersection == 'Hide' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("p", {
+    "class": header_cssstyles.languagecontainer + ' p-0 mb-0 pb-0 ',
+    style: {
+      marginRight: langdetect == 'en' ? '35px' : 0,
+      marginLeft: langdetect == 'ar' ? '35px' : 0
+    },
+    onClick: function onClick() {
+      if (langdetect == 'en') {
+        setlang('ar');
+      } else {
+        setlang('en');
+      }
+    }
+  }, langdetect == 'en' ? 'English' : 'لغة عربية'), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
     style: {
       marginRight: langdetect == 'en' ? '30px' : 0,
       marginLeft: langdetect == 'en' ? 0 : '30px'
@@ -36112,10 +36260,6 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
     "class": "".concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered  ',
     onClick: function onClick() {
       setsidecartnavshowcontext(true);
-    },
-    style: {
-      marginRight: langdetect == 'en' ? '30px' : 0,
-      marginLeft: langdetect == 'en' ? 0 : '30px'
     }
   }, /*#__PURE__*/React.createElement("span", {
     "class": ' pr-0 ',
@@ -36276,7 +36420,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
         }
       }))));
     }
-  }), /*#__PURE__*/React.createElement("div", {
+  }), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
@@ -36830,7 +36974,7 @@ var Allinonefooter = function Allinonefooter(props) {
 function ownKeys$1w(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$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer1 = function Footer1(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i11, _authdetailsContext$i12;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i12, _authdetailsContext$i13;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -36910,8 +37054,7 @@ var Footer1 = function Footer1(props) {
     }),
     facebook_btn: css({
       cursor: 'pointer',
-      // background: sectionproperties.facebkbtnnbgColor,
-      background: sectionproperties.facebkbtnn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.facebkbtnnbgColor,
+      background: sectionproperties.facebkbtnnbgColor,
       width: sectionproperties.facebkbtnnWidth + 'px',
       height: sectionproperties.facebkbtnnHeight + 'px',
       borderRadius: sectionproperties.facebkbtnn_borderRadius + 'px',
@@ -36919,14 +37062,14 @@ var Footer1 = function Footer1(props) {
       border: sectionproperties.facebkbtnnborderwidth + 'px solid ' + sectionproperties.facebkbtnnbordercolor,
       transition: '.3s',
       ':hover': {
-        background: sectionproperties.facebkbtnntransparentbgcoloronhover == 'Transparent' ? 'Transparent' : sectionproperties.facebkbtnnbgColoronhover,
+        background: sectionproperties.facebkbtnnbgColoronhover,
         color: sectionproperties.facebkbtnnTextcoloronhover,
-        borderColor: sectionproperties.facebkbtnntransparentbgcoloronhover == 'Transparent' ? sectionproperties.facebkbtnnTextcoloronhover : sectionproperties.facebkbtnnbgColoronhover
+        borderColor: sectionproperties.facebkbtnnTextcoloronhover
       }
     }),
     youtube_btn: css({
       cursor: 'pointer',
-      background: sectionproperties.youtubebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.youtubebtnbgColor,
+      background: sectionproperties.youtubebtnbgColor,
       width: sectionproperties.youtubebtnWidth + 'px',
       height: sectionproperties.youtubebtnHeight + 'px',
       borderRadius: sectionproperties.youtubebtn_borderRadius + 'px',
@@ -36934,14 +37077,14 @@ var Footer1 = function Footer1(props) {
       border: sectionproperties.youtubebtnborderwidth + 'px solid ' + sectionproperties.youtubebtnbordercolor,
       transition: '.3s',
       ':hover': {
-        background: sectionproperties.youtubebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.youtubebtnbgColoronhover,
+        background: sectionproperties.youtubebtnbgColoronhover,
         color: sectionproperties.youtubebtnTextcoloronhover,
-        borderColor: sectionproperties.youtubebtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.youtubebtnTextcoloronhover : sectionproperties.youtubebtnbgColoronhover
+        borderColor: sectionproperties.youtubebtnTextcoloronhover
       }
     }),
     instgram_btn: css({
       cursor: 'pointer',
-      background: sectionproperties.instgrambtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.instgrambtnbgColor,
+      background: sectionproperties.instgrambtnbgColor,
       width: sectionproperties.instgrambtnWidth + 'px',
       height: sectionproperties.instgrambtnHeight + 'px',
       borderRadius: sectionproperties.instgrambtn_borderRadius + 'px',
@@ -36949,9 +37092,9 @@ var Footer1 = function Footer1(props) {
       border: sectionproperties.instgrambtnborderwidth + 'px solid ' + sectionproperties.instgrambtnbordercolor,
       transition: '.3s',
       ':hover': {
-        background: sectionproperties.instgrambtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.instgrambtnbgColoronhover,
+        background: sectionproperties.instgrambtnbgColoronhover,
         color: sectionproperties.instgrambtnTextcoloronhover,
-        borderColor: sectionproperties.instgrambtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.instgrambtnTextcoloronhover : sectionproperties.instgrambtnbgColoronhover
+        borderColor: sectionproperties.instgrambtnTextcoloronhover
       }
     }),
     footersubtitlestyles: css({
@@ -36980,11 +37123,45 @@ var Footer1 = function Footer1(props) {
       height: sectionproperties.vl_height + 'px',
       width: sectionproperties.vl_width + '%',
       overflow: 'hidden',
-      marginLeft: sectionproperties.vl_ml + 'px',
-      marginRight: sectionproperties.vl_mr + 'px',
       background: sectionproperties.vl_bg
+    }),
+    apptore: css({
+      maxWidth: '10%',
+      height: 'auto',
+      objectFit: 'contain',
+      '@media (max-width: 800px)': {
+        maxWidth: '20%',
+        height: 'auto'
+      },
+      '@media (max-width: 600px)': {
+        maxWidth: '35%',
+        height: 'auto'
+      }
+    }),
+    playstore: css({
+      maxWidth: '10%',
+      height: 'auto',
+      objectFit: 'contain',
+      '@media (max-width: 800px)': {
+        maxWidth: '20%',
+        height: 'auto'
+      },
+      '@media (max-width: 600px)': {
+        maxWidth: '35%',
+        height: 'auto'
+      }
     })
   };
+  var returnpolicyobj = function returnpolicyobj(policytype) {
+    var _authdetailsContext$i;
+    var policyobj = {};
+    authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 || (_authdetailsContext$i = _authdetailsContext$i.instpolicies) === null || _authdetailsContext$i === void 0 || _authdetailsContext$i.forEach(function (item, index) {
+      if (item.policytype == policytype) {
+        policyobj = item;
+      }
+    });
+    return policyobj;
+  };
   return /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-center"
   }, /*#__PURE__*/React.createElement("footer", {
@@ -37005,16 +37182,7 @@ var Footer1 = function Footer1(props) {
       objectFit: 'contain'
     },
     loading: "lazy"
-  })), sectionproperties.showtitle == 'Show' && /*#__PURE__*/React.createElement("p", {
-    "class": "mb-0 p-0",
-    style: {
-      color: sectionproperties.titlecolor,
-      textTransform: sectionproperties.titletexttransform,
-      fontWeight: sectionproperties.titlefontweight,
-      fontSize: sectionproperties.titlefontsize + 'px',
-      marginLeft: sectionproperties.titlemarginleft + 'px'
-    }
-  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.storename_en)), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-none d-md-block align-items-center justify-content-start justify-content-md-center"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.footerlogo) + ' d-flex align-items-center justify-content-center col-lg-12 w-100 '
@@ -37028,18 +37196,7 @@ var Footer1 = function Footer1(props) {
       objectFit: 'contain'
     },
     loading: "lazy"
-  })), /*#__PURE__*/React.createElement("div", {
-    "class": ' w-100 d-flex align-items-center justify-content-center col-lg-12 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "mb-0 p-0",
-    style: {
-      color: sectionproperties.titlecolor,
-      textTransform: sectionproperties.titletexttransform,
-      fontWeight: sectionproperties.titlefontweight,
-      fontSize: sectionproperties.titlefontsize + 'px',
-      marginLeft: sectionproperties.titlemarginleft + 'px'
-    }
-  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.storename_en))), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-7 col-sm-12"
@@ -37048,7 +37205,6 @@ var Footer1 = function Footer1(props) {
   }, sectionproperties.showhidemainpages == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-10 col-md-12 d-flex d-md-none flex-row align-items-center justify-content-start mt-3 p-0"
   }, templatepropcontext === null || templatepropcontext === void 0 ? void 0 : templatepropcontext.pagesnprop.map(function (item, index) {
-    if (item.isselected) ;
     if (item.isnavigation == 1 && item.isactive == 1) {
       return /*#__PURE__*/React.createElement("div", {
         onClick: function onClick() {
@@ -37061,7 +37217,6 @@ var Footer1 = function Footer1(props) {
   })), sectionproperties.showhidemainpages == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "d-none d-md-block align-items-center justify-content-center mt-3 p-0 row m-0 w-100"
   }, templatepropcontext === null || templatepropcontext === void 0 ? void 0 : templatepropcontext.pagesnprop.map(function (item, index) {
-    if (item.isselected) ;
     if (item.isnavigation == 1 && item.isactive == 1) {
       return /*#__PURE__*/React.createElement("div", {
         "class": "col-lg-12 p-0 d-flex justify-content-center"
@@ -37074,31 +37229,59 @@ var Footer1 = function Footer1(props) {
       }, langdetect == 'en' ? item.pagename : item.pagename_ar, " ")));
     }
   })), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "d-none d-md-block align-items-center justify-content-center mt-3 p-0 row m-0 w-100"
+    "class": "d-none d-md-block align-items-center justify-content-start mt-3 p-0 row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-center p-0"
+    "class": "col-lg-12 d-flex justify-content-start p-0"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(footerStyles.footersubtitlestyles),
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
     }
   }, lang.wishlist)), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-center p-0"
+    "class": "col-lg-12 d-flex justify-content-start p-0"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(footerStyles.footersubtitlestyles),
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
-  }, lang.orderhistory)), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-center p-0"
+  }, lang.orderhistory)), sectionproperties.separatepolicies == 'No' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-start p-0"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(footerStyles.footersubtitlestyles),
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Policies);
     }
-  }, lang.policies)))), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, lang.policies)), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-start p-0"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.PrivacyPolicy);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar)), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-start p-0"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.ShippingPolicy);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policypagename_en : (_returnpolicyobj4 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_ar)), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-start p-0"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.RefundPolicy);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar)), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-start p-0"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.TermsConditions);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj7 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj7 === void 0 ? void 0 : _returnpolicyobj7.policypagename_en : (_returnpolicyobj8 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj8 === void 0 ? void 0 : _returnpolicyobj8.policypagename_ar)))), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-10 d-flex d-md-none flex-row align-items-center justify-content-start mt-3 p-0"
   }, /*#__PURE__*/React.createElement("p", {
     "class": langdetect == 'en' ? "".concat(footerStyles.footersubtitlestyles) + ' ml-0 ' : "".concat(footerStyles.footersubtitlestyles) + ' mr-0 ',
@@ -37110,33 +37293,53 @@ var Footer1 = function Footer1(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
-  }, lang.orderhistory), /*#__PURE__*/React.createElement("p", {
+  }, lang.orderhistory), sectionproperties.separatepolicies == 'No' && /*#__PURE__*/React.createElement("p", {
     "class": "".concat(footerStyles.footersubtitlestyles),
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Policies);
     }
-  }, lang.policies)))), /*#__PURE__*/React.createElement("div", {
+  }, lang.policies), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.PrivacyPolicy);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj9 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj9 === void 0 ? void 0 : _returnpolicyobj9.policypagename_en : (_returnpolicyobj10 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj10 === void 0 ? void 0 : _returnpolicyobj10.policypagename_ar), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.ShippingPolicy);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj11 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj11 === void 0 ? void 0 : _returnpolicyobj11.policypagename_en : (_returnpolicyobj12 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj12 === void 0 ? void 0 : _returnpolicyobj12.policypagename_ar), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.RefundPolicy);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj13 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj13 === void 0 ? void 0 : _returnpolicyobj13.policypagename_en : (_returnpolicyobj14 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj14 === void 0 ? void 0 : _returnpolicyobj14.policypagename_ar), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.TermsConditions);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj15 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj15 === void 0 ? void 0 : _returnpolicyobj15.policypagename_en : (_returnpolicyobj16 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj16 === void 0 ? void 0 : _returnpolicyobj16.policypagename_ar)))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-5 col-sm-12 mb-sm-2 d-flex justify-content-end"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": " col-lg-12 d-flex flex-row align-items-center justify-content-end "
+    "class": " col-lg-12 d-flex flex-row align-items-center justify-content-end justify-content-md-start p-md-0"
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.facebook_btn) + '  d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
-      var _authdetailsContext$i4;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null) {
-        var _authdetailsContext$i5;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink, '_blank');
+      var _authdetailsContext$i3;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
+        var _authdetailsContext$i4;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink, '_blank');
       }
     }
-  }, /*#__PURE__*/React.createElement(FaFacebookF, {
+  }, /*#__PURE__*/React.createElement(FaFacebook, {
     size: sectionproperties.facebkbtnniconfontsize
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i6;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null) {
-        var _authdetailsContext$i7;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink, '_blank');
+      var _authdetailsContext$i5;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
+        var _authdetailsContext$i6;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -37144,10 +37347,10 @@ var Footer1 = function Footer1(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.youtube_btn) + '  d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
-      var _authdetailsContext$i8;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber) != null) {
-        var _authdetailsContext$i9;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.whatsappnumber), '_blank');
+      var _authdetailsContext$i7;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber) != null) {
+        var _authdetailsContext$i8;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -37155,7 +37358,23 @@ var Footer1 = function Footer1(props) {
   }))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex justify-content-center mt-md-3 mb-md-3"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(footerStyles.vl) + ' ml-sm-0 mr-sm-0 '
+    "class": "".concat(footerStyles.vl) + ' ml-sm-0 mr-sm-0 my-2 '
+  })), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center mt-3 mb-1 mb-sm-3'
+  }, /*#__PURE__*/React.createElement("img", {
+    "class": "".concat(footerStyles.apptore) + ' cursor-pointer mx-2 ',
+    src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
+    onClick: function onClick() {
+      var _authdetailsContext$i9;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.mobileapplink_appstore, '_blank');
+    }
+  }), /*#__PURE__*/React.createElement("img", {
+    "class": "".concat(footerStyles.playstore) + ' cursor-pointer mx-2 ',
+    src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
+    onClick: function onClick() {
+      var _authdetailsContext$i10;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.mobileapplink_playstore, '_blank');
+    }
   })), sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0"
   }, /*#__PURE__*/React.createElement("div", {
@@ -37171,12 +37390,12 @@ var Footer1 = function Footer1(props) {
       textTransform: sectionproperties.footerinfotext_textTransform
     },
     onClick: function onClick() {
-      var _authdetailsContext$i10;
-      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.contactinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.email), '_self');
+      var _authdetailsContext$i11;
+      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.contactinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.email), '_self');
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": ' fa fa-at mr-2 text-transform-none ml-2 '
-  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.contactinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.email)), /*#__PURE__*/React.createElement("div", {
+  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.contactinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.email)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(footerStyles.footerinfotext) + ' d-flex align-items-center justify-content-md-center mr-1 ',
@@ -37205,7 +37424,7 @@ var Footer1 = function Footer1(props) {
     "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
   }, /*#__PURE__*/React.createElement(IoLocationSharp, {
     size: sectionproperties.footerinfoicon_fontsize
-  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.address_en)))))));
+  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.address_en)))))));
 };
 
 function ownKeys$1v(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; }
@@ -52682,7 +52901,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", {
@@ -63295,9 +63514,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({
@@ -63413,14 +63633,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();
@@ -63455,7 +63682,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", {
@@ -64655,7 +64885,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',
@@ -64745,7 +64975,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, {
@@ -64825,7 +65055,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     productcardimagecont: css({
       position: 'relative',
       overflow: 'hidden',
-      height: sectionproperties.image_height + 'px',
+      height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
       background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
       // border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
       border: sectionproperties.image_borderType == 'All' ? sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor : 0,
@@ -64837,7 +65067,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       transition: '.3s',
       opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1,
       '@media (max-width: 800px)': {
-        height: sectionproperties.height_responsive != null ? sectionproperties.height_responsive + 'px' : sectionproperties.image_height + 'px'
+        height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive != null ? sectionproperties.height_responsive + 'px' : sectionproperties.image_height + 'px'
       }
     }),
     productNameStyles: css({
@@ -65013,26 +65243,33 @@ var Simpleproductcard = function Simpleproductcard(props) {
       fontSize: sectionproperties.badge_fontsize + 'px'
     }
   }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
-    "class": "allcentered",
+    "class": sectionproperties.pillwidth == 0 ? ' px-2 allcentered' : 'allcentered',
     style: {
       zIndex: 2,
       position: 'absolute',
       top: sectionproperties.pillpositionfromtop + 'px',
       left: langdetect == 'en' ? sectionproperties.pillpositionfromright + 'px' : '',
       right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
-      width: sectionproperties.pillwidth + 'px',
+      width: sectionproperties.pillwidth == 0 ? 'auto' : sectionproperties.pillwidth + 'px',
       height: sectionproperties.pillheight + 'px',
       background: sectionproperties.pillbgcolor,
       borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
     }
-  }, /*#__PURE__*/React.createElement("p", {
+  }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    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) + '%')), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
       if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'Product Information') {
         // setShowProductInfoModalContext(true);
@@ -65097,8 +65334,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
     "class": " d-flex flex-row col-lg-12 mx-0 p-0 align-items-center ",
     style: {
       justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start',
-      marginTop: sectionproperties.productpricemarginvertical + 'px',
-      marginBottom: sectionproperties.productpricemarginvertical + 'px'
+      marginTop: sectionproperties.productpricemarginTop + 'px',
+      marginBottom: sectionproperties.productpricemarginBottom + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": props.sectiontypeprops2 == 'vertical' ? ' d-flex align-items-center p-0 mb-0 flex-sm-column ' : ' d-flex align-items-center p-0 mb-0 ',