npm - tabexseriescomponents - Versions diffs - 0.0.697 → 0.0.699 - Mend

tabexseriescomponents 0.0.697 → 0.0.699

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (351) hide show

package/dist/index.umd.js CHANGED Viewed

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('imagekitio-react'), require('@babel/runtime/helpers/toConsumableArray'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/fa/FaPlus'), require('@react-icons/all-files/fa/FaMinus'), require('@react-icons/all-files/fi/FiBox'), require('@react-icons/all-files/ri/RiArrowGoBackLine'), require('react-accessible-accordion'), require('react-share'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('react-rating-stars-component'), require('@react-icons/all-files/fi/FiLayers'), require('@react-icons/all-files/hi/HiOutlinePlusCircle'), require('@react-icons/all-files/hi/HiOutlineMinusCircle'), require('react-textarea-autosize'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('@mui/system'), require('react-horizontal-scrolling-menu'), require('@mui/material'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fa/FaShippingFast'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('react-player'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/fi/FiCalendar'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-phone-input-2'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('@react-icons/all-files/fi/FiChevronUp'), require('@react-icons/all-files/fi/FiChevronDown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-router-dom'), require('react-query'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-input-range'), require('react-intersection-observer'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiSliders'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('@react-icons/all-files/hi/HiOutlineArrowRight'), require('@react-icons/all-files/hi/HiOutlineArrowLeft'), require('react-paginate'), require('@react-icons/all-files/fa/FaFacebook'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/fa/FaMoneyBillWave'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/ai/AiOutlineClose'), require('@react-icons/all-files/vsc/VscMenu'), require('@react-icons/all-files/vsc/VscHeart'), require('@react-icons/all-files/io5/IoSearchOutline'), require('@react-icons/all-files/ai/AiFillYoutube'), require('@react-icons/all-files/io5/IoLogoTiktok'), require('@react-icons/all-files/fa/FaLinkedinIn'), require('@react-icons/all-files/fi/FiMenu'), require('@react-icons/all-files/bs/BsChevronDown'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/ri/RiUserSettingsLine'), require('@react-icons/all-files/hi/HiUserCircle'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/fa/FaTelegramPlane'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/fi/FiGlobe'), require('@react-icons/all-files/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/ai/AiOutlineLinkedin'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), require('@react-icons/all-files/go/GoStar'), require('@react-icons/all-files/io/IoIosStar'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/hi/HiOutlineLocationMarker'), require('@react-icons/all-files/fi/FiPhoneCall'), require('@react-icons/all-files/fa/FaRegEye'), require('@react-icons/all-files/bs/BsArrowRight'), require('@react-icons/all-files/bs/BsArrowLeft'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp')) :
-    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'imagekitio-react', '@babel/runtime/helpers/toConsumableArray', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/fa/FaPlus', '@react-icons/all-files/fa/FaMinus', '@react-icons/all-files/fi/FiBox', '@react-icons/all-files/ri/RiArrowGoBackLine', 'react-accessible-accordion', 'react-share', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', '@react-icons/all-files/hi/HiOutlinePlusCircle', '@react-icons/all-files/hi/HiOutlineMinusCircle', 'react-textarea-autosize', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', '@mui/system', 'react-horizontal-scrolling-menu', '@mui/material', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fa/FaShippingFast', '@react-icons/all-files/ri/RiSecurePaymentLine', 'react-player', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', 'react-bootstrap/Dropdown', '@react-icons/all-files/fi/FiCalendar', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-phone-input-2', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', '@react-icons/all-files/fi/FiChevronUp', '@react-icons/all-files/fi/FiChevronDown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-router-dom', 'react-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiSliders', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', '@react-icons/all-files/hi/HiOutlineArrowRight', '@react-icons/all-files/hi/HiOutlineArrowLeft', 'react-paginate', '@react-icons/all-files/fa/FaFacebook', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/fa/FaMoneyBillWave', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/ai/AiOutlineClose', '@react-icons/all-files/vsc/VscMenu', '@react-icons/all-files/vsc/VscHeart', '@react-icons/all-files/io5/IoSearchOutline', '@react-icons/all-files/ai/AiFillYoutube', '@react-icons/all-files/io5/IoLogoTiktok', '@react-icons/all-files/fa/FaLinkedinIn', '@react-icons/all-files/fi/FiMenu', '@react-icons/all-files/bs/BsChevronDown', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/ri/RiUserSettingsLine', '@react-icons/all-files/hi/HiUserCircle', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/fa/FaTelegramPlane', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/fi/FiGlobe', '@react-icons/all-files/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', '@react-icons/all-files/go/GoStar', '@react-icons/all-files/io/IoIosStar', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/hi/HiOutlineLocationMarker', '@react-icons/all-files/fi/FiPhoneCall', '@react-icons/all-files/fa/FaRegEye', '@react-icons/all-files/bs/BsArrowRight', '@react-icons/all-files/bs/BsArrowLeft', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, global.imagekitioReact, global._toConsumableArray, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.FaPlus, global.FaMinus, global.FiBox$1, global.RiArrowGoBackLine, global.reactAccessibleAccordion, global.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.HiOutlinePlusCircle, null, global.TextareaAutosize, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, null, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.ReactPlayer, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.Dropdown, global.FiCalendar, global._asyncToGenerator, global._regeneratorRuntime, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, null, null, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, global.FiSliders, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.FaFacebook, global.AiFillInstagram, global.FaWhatsapp, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.AiOutlineClose, global.VscMenu, global.VscHeart, global.IoSearchOutline, global.AiFillYoutube, global.IoLogoTiktok, global.FaLinkedinIn, global.FiMenu, global.BsChevronDown, global.IoClose, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiOutlinePhone, global.GoSearch, global.AiOutlineInstagram, global.RiUserSettingsLine, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.FiGlobe, global.BiUserCircle, global.GoLocation, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, global.GoStar, global.IoIosStar, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
-})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, imagekitioReact, _toConsumableArray, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, FaPlus, FaMinus, FiBox$1, RiArrowGoBackLine, reactAccessibleAccordion, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, HiOutlinePlusCircle, HiOutlineMinusCircle, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, system, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, Dropdown, FiCalendar, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, FiSliders, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, FaFacebook, AiFillInstagram, FaWhatsapp, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, AiOutlineClose, VscMenu, VscHeart, IoSearchOutline, AiFillYoutube, IoLogoTiktok, FaLinkedinIn, FiMenu, BsChevronDown, IoClose, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiOutlinePhone, GoSearch, AiOutlineInstagram, RiUserSettingsLine, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, FiGlobe, BiUserCircle, GoLocation, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, GoStar, IoIosStar, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('imagekitio-react'), require('@babel/runtime/helpers/toConsumableArray'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/fa/FaPlus'), require('@react-icons/all-files/fa/FaMinus'), require('@react-icons/all-files/fi/FiBox'), require('@react-icons/all-files/ri/RiArrowGoBackLine'), require('react-accessible-accordion'), require('react-share'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('react-rating-stars-component'), require('@react-icons/all-files/fi/FiLayers'), require('@react-icons/all-files/hi/HiOutlinePlusCircle'), require('@react-icons/all-files/hi/HiOutlineMinusCircle'), require('react-textarea-autosize'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('@mui/system'), require('react-horizontal-scrolling-menu'), require('@mui/material'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fa/FaShippingFast'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('react-player'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/fi/FiCalendar'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-phone-input-2'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('@react-icons/all-files/fi/FiChevronUp'), require('@react-icons/all-files/fi/FiChevronDown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-router-dom'), require('react-query'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-input-range'), require('react-intersection-observer'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiSliders'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('@react-icons/all-files/hi/HiOutlineArrowRight'), require('@react-icons/all-files/hi/HiOutlineArrowLeft'), require('react-paginate'), require('@react-icons/all-files/fa/FaFacebook'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/fa/FaMoneyBillWave'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/ai/AiOutlineClose'), require('@react-icons/all-files/vsc/VscMenu'), require('@react-icons/all-files/vsc/VscHeart'), require('@react-icons/all-files/io5/IoSearchOutline'), require('@react-icons/all-files/ai/AiFillYoutube'), require('@react-icons/all-files/io5/IoLogoTiktok'), require('@react-icons/all-files/fa/FaLinkedinIn'), require('@react-icons/all-files/fi/FiMenu'), require('@react-icons/all-files/bs/BsChevronDown'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/ri/RiUserSettingsLine'), require('@react-icons/all-files/hi/HiUserCircle'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/fa/FaTelegramPlane'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/fi/FiGlobe'), require('@react-icons/all-files/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/ai/AiOutlineLinkedin'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), require('@react-icons/all-files/go/GoStar'), require('@react-icons/all-files/io/IoIosStar'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/hi/HiOutlineLocationMarker'), require('@react-icons/all-files/fi/FiPhoneCall'), require('@react-icons/all-files/fa/FaRegEye'), require('@react-icons/all-files/bs/BsArrowRight'), require('@react-icons/all-files/bs/BsArrowLeft'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp')) :
+    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'imagekitio-react', '@babel/runtime/helpers/toConsumableArray', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/fa/FaPlus', '@react-icons/all-files/fa/FaMinus', '@react-icons/all-files/fi/FiBox', '@react-icons/all-files/ri/RiArrowGoBackLine', 'react-accessible-accordion', 'react-share', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', '@react-icons/all-files/hi/HiOutlinePlusCircle', '@react-icons/all-files/hi/HiOutlineMinusCircle', 'react-textarea-autosize', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', '@mui/system', 'react-horizontal-scrolling-menu', '@mui/material', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fa/FaShippingFast', '@react-icons/all-files/ri/RiSecurePaymentLine', 'react-player', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', 'react-bootstrap/Dropdown', '@react-icons/all-files/fi/FiCalendar', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-phone-input-2', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', '@react-icons/all-files/fi/FiChevronUp', '@react-icons/all-files/fi/FiChevronDown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-router-dom', 'react-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiSliders', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', '@react-icons/all-files/hi/HiOutlineArrowRight', '@react-icons/all-files/hi/HiOutlineArrowLeft', 'react-paginate', '@react-icons/all-files/fa/FaFacebook', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/fa/FaMoneyBillWave', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/ai/AiOutlineClose', '@react-icons/all-files/vsc/VscMenu', '@react-icons/all-files/vsc/VscHeart', '@react-icons/all-files/io5/IoSearchOutline', '@react-icons/all-files/ai/AiFillYoutube', '@react-icons/all-files/io5/IoLogoTiktok', '@react-icons/all-files/fa/FaLinkedinIn', '@react-icons/all-files/fi/FiMenu', '@react-icons/all-files/bs/BsChevronDown', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/ri/RiUserSettingsLine', '@react-icons/all-files/hi/HiUserCircle', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/fa/FaTelegramPlane', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/fi/FiGlobe', '@react-icons/all-files/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', '@react-icons/all-files/go/GoStar', '@react-icons/all-files/io/IoIosStar', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/hi/HiOutlineLocationMarker', '@react-icons/all-files/fi/FiPhoneCall', '@react-icons/all-files/fa/FaRegEye', '@react-icons/all-files/bs/BsArrowRight', '@react-icons/all-files/bs/BsArrowLeft', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._possibleConstructorReturn, global._getPrototypeOf, global._inherits, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, global.imagekitioReact, global._toConsumableArray, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.FaPlus, global.FaMinus, global.FiBox$1, global.RiArrowGoBackLine, global.reactAccessibleAccordion, global.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.HiOutlinePlusCircle, null, global.TextareaAutosize, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, null, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.ReactPlayer, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.Dropdown, global.FiCalendar, global._asyncToGenerator, global._regeneratorRuntime, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, null, null, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, global.FiSliders, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.FaFacebook, global.AiFillInstagram, global.FaWhatsapp, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.AiOutlineClose, global.VscMenu, global.VscHeart, global.IoSearchOutline, global.AiFillYoutube, global.IoLogoTiktok, global.FaLinkedinIn, global.FiMenu, global.BsChevronDown, global.IoClose, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiOutlinePhone, global.GoSearch, global.AiOutlineInstagram, global.RiUserSettingsLine, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.FiGlobe, global.BiUserCircle, global.GoLocation, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, global.GoStar, global.IoIosStar, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
+})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _possibleConstructorReturn, _getPrototypeOf, _inherits, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, imagekitioReact, _toConsumableArray, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, FaPlus, FaMinus, FiBox$1, RiArrowGoBackLine, reactAccessibleAccordion, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, HiOutlinePlusCircle, HiOutlineMinusCircle, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, system, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, Dropdown, FiCalendar, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, FiSliders, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, FaFacebook, AiFillInstagram, FaWhatsapp, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, AiOutlineClose, VscMenu, VscHeart, IoSearchOutline, AiFillYoutube, IoLogoTiktok, FaLinkedinIn, FiMenu, BsChevronDown, IoClose, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiOutlinePhone, GoSearch, AiOutlineInstagram, RiUserSettingsLine, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, FiGlobe, BiUserCircle, GoLocation, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, GoStar, IoIosStar, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -10,10 +10,9 @@
     var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
     var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
     var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-    var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
-    var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
     var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
     var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
+    var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
     var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
     var Cookies__default = /*#__PURE__*/_interopDefaultLegacy(Cookies);
     var jwtDecode__default = /*#__PURE__*/_interopDefaultLegacy(jwtDecode);
@@ -66,18 +65,16 @@
       }, "123sdasdasdadsd", children.toUpperCase());
     };
-    function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
-    function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+    function _callSuper(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
+    function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
     var LanguageContext = /*#__PURE__*/React__default["default"].createContext();
     var LanguageProvider = /*#__PURE__*/function (_Component) {
-      _inherits__default["default"](LanguageProvider, _Component);
-      var _super = _createSuper(LanguageProvider);
       function LanguageProvider(props) {
         var _en, _ar;
         var _this;
         _classCallCheck__default["default"](this, LanguageProvider);
-        _this = _super.call(this, props);
-        _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "setlangdefault", function (key) {
+        _this = _callSuper(this, LanguageProvider, [props]);
+        _defineProperty__default["default"](_this, "setlangdefault", function (key) {
           var cookies = new Cookies__default["default"]();
           cookies.set('sitelang', key, {
             path: '/'
@@ -86,7 +83,7 @@
             langdetect: key
           });
         });
-        _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "setlang", function (key) {
+        _defineProperty__default["default"](_this, "setlang", function (key) {
           var cookies = new Cookies__default["default"]();
           cookies.set('sitelang', key, {
             path: '/'
@@ -173,7 +170,7 @@
               loginwithfacebook: 'Sign in with facebook',
               orsigninwith: 'Or Sign in with',
               orsignupwith: 'Or Sign up with'
-            }, _defineProperty__default["default"](_en, "price", 'Price'), _defineProperty__default["default"](_en, "relatedproducts", 'Related products'), _defineProperty__default["default"](_en, "qty", 'QTY'), _defineProperty__default["default"](_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty__default["default"](_en, "shopnow", 'Shop now'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "otherinformation", 'Other information'), _defineProperty__default["default"](_en, "productname", 'Product name'), _defineProperty__default["default"](_en, "quantity", 'Quantity'), _defineProperty__default["default"](_en, "orderid", 'Order ID'), _defineProperty__default["default"](_en, "numberofproducts", 'Number of products'), _defineProperty__default["default"](_en, "checkyourorder", 'Check your order'), _defineProperty__default["default"](_en, "search", 'Search'), _defineProperty__default["default"](_en, "searchproducts", 'Search for products...'), _defineProperty__default["default"](_en, "choosecity", 'Choose city'), _defineProperty__default["default"](_en, "choosestategov", 'Choose state/governorate'), _defineProperty__default["default"](_en, "choosecountry", 'Choose country'), _defineProperty__default["default"](_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty__default["default"](_en, "nosearchresults", 'No search results'), _defineProperty__default["default"](_en, "sale", 'Sale'), _defineProperty__default["default"](_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty__default["default"](_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty__default["default"](_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty__default["default"](_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty__default["default"](_en, "promocoderemoved", 'Promo code is removed'), _defineProperty__default["default"](_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty__default["default"](_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty__default["default"](_en, "addedtowishlist", 'Added to your favourites'), _defineProperty__default["default"](_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty__default["default"](_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty__default["default"](_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty__default["default"](_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty__default["default"](_en, "subtotal", 'Sub total'), _defineProperty__default["default"](_en, "discount", 'Discount'), _defineProperty__default["default"](_en, "outofzone", 'Out of zone'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "cod", 'Cash on Delivery'), _defineProperty__default["default"](_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty__default["default"](_en, "onlinepayment", 'Online Payment'), _defineProperty__default["default"](_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty__default["default"](_en, "shippingfees", 'Shipping fees'), _defineProperty__default["default"](_en, "shippingaddress", 'Shipping address'), _defineProperty__default["default"](_en, "cardnumber", 'Card number'), _defineProperty__default["default"](_en, "year", 'Year'), _defineProperty__default["default"](_en, "month", 'Month'), _defineProperty__default["default"](_en, "cvv", 'CVV'), _defineProperty__default["default"](_en, "nameoncard", 'Name On Card'), _defineProperty__default["default"](_en, "country", 'Country'), _defineProperty__default["default"](_en, "addressdetails", 'ِAddress details'), _defineProperty__default["default"](_en, "stategov", 'State/Governorate'), _defineProperty__default["default"](_en, "city", 'City'), _defineProperty__default["default"](_en, "paymentmethod", 'Payment method'), _defineProperty__default["default"](_en, "productimage", 'Product image'), _defineProperty__default["default"](_en, "orderdetails", 'Order details'), _defineProperty__default["default"](_en, "orderinvoice", 'Order invoice'), _defineProperty__default["default"](_en, "promocodediscount", 'Promo code discount'), _defineProperty__default["default"](_en, "address", 'Address'), _defineProperty__default["default"](_en, "update", 'Update'), _defineProperty__default["default"](_en, "phonenumber", 'Mobile number'), _defineProperty__default["default"](_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty__default["default"](_en, "name", 'Name'), _defineProperty__default["default"](_en, "email", 'Email'), _defineProperty__default["default"](_en, "password", 'Password'), _defineProperty__default["default"](_en, "confirmpassword", 'Confirm password'), _defineProperty__default["default"](_en, "showmore", 'Show more'), _defineProperty__default["default"](_en, "showless", 'Show less'), _defineProperty__default["default"](_en, "contactdetails", 'Contact Information'), _defineProperty__default["default"](_en, "asaguest", 'As A Guest'), _defineProperty__default["default"](_en, "choosecountryfirst", 'Please choose country first'), _defineProperty__default["default"](_en, "security", 'Security'), _defineProperty__default["default"](_en, "personalinformation", 'Personal Information'), _defineProperty__default["default"](_en, "contactus", 'Contact us'), _defineProperty__default["default"](_en, "slogan", 'Your website & mobile application in one place'), _defineProperty__default["default"](_en, "recent", 'Recent'), _defineProperty__default["default"](_en, "oldest", 'Oldest'), _defineProperty__default["default"](_en, "pricehightolow", 'High to low'), _defineProperty__default["default"](_en, "pricelowtohigh", 'Low to High'), _defineProperty__default["default"](_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _defineProperty__default["default"](_en, "instock", 'In Stock'), _en),
+            }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "price", 'Price'), "relatedproducts", 'Related products'), "qty", 'QTY'), "emptyshoppingcart", 'Your shopping cart is empty'), "shopnow", 'Shop now'), "total", 'Total'), "otherinformation", 'Other information'), "productname", 'Product name'), "quantity", 'Quantity'), "orderid", 'Order ID'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "numberofproducts", 'Number of products'), "checkyourorder", 'Check your order'), "search", 'Search'), "searchproducts", 'Search for products...'), "choosecity", 'Choose city'), "choosestategov", 'Choose state/governorate'), "choosecountry", 'Choose country'), "giftcarddicountcode", 'Gift Card Or Discount Code...'), "nosearchresults", 'No search results'), "sale", 'Sale'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "nofavoriteproducts", 'Your wishlist is empty'), "loggedoutsuccess", 'Logged out successfully'), "addedtocartsuccess", 'Cart is updated successfully'), "promocodeapplied", 'Promo code is applied.'), "promocoderemoved", 'Promo code is removed'), "countryandstateupdatedsuccess", 'Country and state are updated successfully'), "orderaddedsuccess", 'Order is added successfully'), "addedtowishlist", 'Added to your favourites'), "productrmovedfromwishlist", 'Removed from your favourites'), "fillthemissingfields", 'Please complete the missing fields'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "passwordsdontmatch", "Passwords don't match"), "loggedinsuccess", 'Logged in successfully'), "subtotal", 'Sub total'), "discount", 'Discount'), "outofzone", 'Out of zone'), "total", 'Total'), "cod", 'Cash on Delivery'), "cardondelivery", 'Credit Card On Delivery'), "onlinepayment", 'Online Payment'), "paymentcardinformation", 'Payment Card Information'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "shippingfees", 'Shipping fees'), "shippingaddress", 'Shipping address'), "cardnumber", 'Card number'), "year", 'Year'), "month", 'Month'), "cvv", 'CVV'), "nameoncard", 'Name On Card'), "country", 'Country'), "addressdetails", 'ِAddress details'), "stategov", 'State/Governorate'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "city", 'City'), "paymentmethod", 'Payment method'), "productimage", 'Product image'), "orderdetails", 'Order details'), "orderinvoice", 'Order invoice'), "promocodediscount", 'Promo code discount'), "address", 'Address'), "update", 'Update'), "phonenumber", 'Mobile number'), "completerequiredfields", 'Please complete all required fields'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "name", 'Name'), "email", 'Email'), "password", 'Password'), "confirmpassword", 'Confirm password'), "showmore", 'Show more'), "showless", 'Show less'), "contactdetails", 'Contact Information'), "asaguest", 'As A Guest'), "choosecountryfirst", 'Please choose country first'), "security", 'Security'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "personalinformation", 'Personal Information'), "contactus", 'Contact us'), "slogan", 'Your website & mobile application in one place'), "recent", 'Recent'), "oldest", 'Oldest'), "pricehightolow", 'High to low'), "pricelowtohigh", 'Low to High'), "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), "instock", 'In Stock')),
             ar: (_ar = {
               sortby: 'ترتيب حسب',
               maximum: 'اقصى كمية',
@@ -254,7 +251,7 @@
               loginwithfacebook: 'تسجيل الدخول عن طريق فيسبوك',
               orsigninwith: 'او تسجيل الدخول عن طريق',
               orsignupwith: 'او انشاء حساب عن طريق'
-            }, _defineProperty__default["default"](_ar, "price", 'السعر'), _defineProperty__default["default"](_ar, "relatedproducts", 'منتجات ذات صلة'), _defineProperty__default["default"](_ar, "qty", 'الكمية'), _defineProperty__default["default"](_ar, "emptyshoppingcart", 'حقيبة التسوق فارغة'), _defineProperty__default["default"](_ar, "shopnow", 'تسوق الان'), _defineProperty__default["default"](_ar, "total", 'الإجمالى'), _defineProperty__default["default"](_ar, "otherinformation", 'معلومات اخرى'), _defineProperty__default["default"](_ar, "productname", 'إسم المنتج'), _defineProperty__default["default"](_ar, "quantity", 'الكمية'), _defineProperty__default["default"](_ar, "orderid", 'رقم الطلب'), _defineProperty__default["default"](_ar, "numberofproducts", 'عدد المنتجات'), _defineProperty__default["default"](_ar, "checkyourorder", 'الذهاب إلى طلبك'), _defineProperty__default["default"](_ar, "search", 'ابحث'), _defineProperty__default["default"](_ar, "searchproducts", 'ابحث...'), _defineProperty__default["default"](_ar, "choosecity", 'إختر المدينة'), _defineProperty__default["default"](_ar, "choosestategov", 'إختر المحافظة/الولاية'), _defineProperty__default["default"](_ar, "choosecountry", 'إختر البلد'), _defineProperty__default["default"](_ar, "giftcarddicountcode", 'كود خصم'), _defineProperty__default["default"](_ar, "nosearchresults", 'لا توجد نتائج'), _defineProperty__default["default"](_ar, "sale", 'خصم'), _defineProperty__default["default"](_ar, "nofavoriteproducts", 'لا توجد منتجات مفضلة'), _defineProperty__default["default"](_ar, "loggedoutsuccess", 'تم تسجيل الخروج'), _defineProperty__default["default"](_ar, "addedtocartsuccess", 'تم  تعديل عربة التسوق'), _defineProperty__default["default"](_ar, "promocodeapplied", 'تم تطبيق كود الخصم'), _defineProperty__default["default"](_ar, "promocoderemoved", 'تم حذف كود الخصم'), _defineProperty__default["default"](_ar, "countryandstateupdatedsuccess", 'تم تحديث البلد و المدينة'), _defineProperty__default["default"](_ar, "orderaddedsuccess", 'تم إضافة الطلب'), _defineProperty__default["default"](_ar, "addedtowishlist", 'تم الإضافة لمفضلاتك'), _defineProperty__default["default"](_ar, "productrmovedfromwishlist", 'تم الحذف من مفضلاتك'), _defineProperty__default["default"](_ar, "fillthemissingfields", 'من فضلك اكمل باقى البيانات'), _defineProperty__default["default"](_ar, "passwordsdontmatch", 'كلمات السر لا تتطابق'), _defineProperty__default["default"](_ar, "loggedinsuccess", 'تم تسجيل الدخول'), _defineProperty__default["default"](_ar, "subtotal", 'إجمالي المبلغ'), _defineProperty__default["default"](_ar, "discount", 'الخصم'), _defineProperty__default["default"](_ar, "outofzone", 'خارج نطاق الشحن'), _defineProperty__default["default"](_ar, "total", 'المبلغ الكلي'), _defineProperty__default["default"](_ar, "cod", 'الدفع عند الإستلام'), _defineProperty__default["default"](_ar, "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), _defineProperty__default["default"](_ar, "onlinepayment", 'الدفع الإلكترونى'), _defineProperty__default["default"](_ar, "paymentcardinformation", 'بيانات البطاقة'), _defineProperty__default["default"](_ar, "shippingfees", 'مصاريف الشحن'), _defineProperty__default["default"](_ar, "shippingaddress", 'عنوان الشحن'), _defineProperty__default["default"](_ar, "cardnumber", 'رقم البطاقة'), _defineProperty__default["default"](_ar, "year", 'السنة'), _defineProperty__default["default"](_ar, "month", 'الشهر'), _defineProperty__default["default"](_ar, "cvv", 'رقم البطاقة'), _defineProperty__default["default"](_ar, "nameoncard", 'الإسم على البطاقة'), _defineProperty__default["default"](_ar, "country", 'البلد'), _defineProperty__default["default"](_ar, "addressdetails", 'العنوان'), _defineProperty__default["default"](_ar, "stategov", 'المحافظة/الولاية'), _defineProperty__default["default"](_ar, "city", 'المدينة'), _defineProperty__default["default"](_ar, "paymentmethod", 'طريقة الدفع'), _defineProperty__default["default"](_ar, "productimage", 'صورة المنتج'), _defineProperty__default["default"](_ar, "orderdetails", 'تفاصيل الطلب'), _defineProperty__default["default"](_ar, "orderinvoice", 'فاتورة الطلب'), _defineProperty__default["default"](_ar, "promocodediscount", 'كود الخصم'), _defineProperty__default["default"](_ar, "address", 'العنوان'), _defineProperty__default["default"](_ar, "update", 'تحديث'), _defineProperty__default["default"](_ar, "phonenumber", 'الهاتف'), _defineProperty__default["default"](_ar, "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty__default["default"](_ar, "name", 'الإسم'), _defineProperty__default["default"](_ar, "email", 'البريد الإلكترونى'), _defineProperty__default["default"](_ar, "password", 'كلمة السر'), _defineProperty__default["default"](_ar, "confirmpassword", 'تأكيد كلمة السر'), _defineProperty__default["default"](_ar, "showless", 'اعرض اقل'), _defineProperty__default["default"](_ar, "showmore", 'اعرض المزيد'), _defineProperty__default["default"](_ar, "contactdetails", 'معلومات التواصل'), _defineProperty__default["default"](_ar, "asaguest", 'كزائر'), _defineProperty__default["default"](_ar, "choosecountryfirst", 'من فضلك اختر البلد اولاً'), _defineProperty__default["default"](_ar, "security", 'الخصوصية و الأمان'), _defineProperty__default["default"](_ar, "personalinformation", 'البيانات الشخصية'), _defineProperty__default["default"](_ar, "contactus", 'تواصل معنا'), _defineProperty__default["default"](_ar, "slogan", 'موقعك و تطبيقك فى مكان واحد'), _defineProperty__default["default"](_ar, "instock", 'متوفر'), _ar)
+            }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "price", 'السعر'), "relatedproducts", 'منتجات ذات صلة'), "qty", 'الكمية'), "emptyshoppingcart", 'حقيبة التسوق فارغة'), "shopnow", 'تسوق الان'), "total", 'الإجمالى'), "otherinformation", 'معلومات اخرى'), "productname", 'إسم المنتج'), "quantity", 'الكمية'), "orderid", 'رقم الطلب'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "numberofproducts", 'عدد المنتجات'), "checkyourorder", 'الذهاب إلى طلبك'), "search", 'ابحث'), "searchproducts", 'ابحث...'), "choosecity", 'إختر المدينة'), "choosestategov", 'إختر المحافظة/الولاية'), "choosecountry", 'إختر البلد'), "giftcarddicountcode", 'كود خصم'), "nosearchresults", 'لا توجد نتائج'), "sale", 'خصم'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "nofavoriteproducts", 'لا توجد منتجات مفضلة'), "loggedoutsuccess", 'تم تسجيل الخروج'), "addedtocartsuccess", 'تم  تعديل عربة التسوق'), "promocodeapplied", 'تم تطبيق كود الخصم'), "promocoderemoved", 'تم حذف كود الخصم'), "countryandstateupdatedsuccess", 'تم تحديث البلد و المدينة'), "orderaddedsuccess", 'تم إضافة الطلب'), "addedtowishlist", 'تم الإضافة لمفضلاتك'), "productrmovedfromwishlist", 'تم الحذف من مفضلاتك'), "fillthemissingfields", 'من فضلك اكمل باقى البيانات'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "passwordsdontmatch", 'كلمات السر لا تتطابق'), "loggedinsuccess", 'تم تسجيل الدخول'), "subtotal", 'إجمالي المبلغ'), "discount", 'الخصم'), "outofzone", 'خارج نطاق الشحن'), "total", 'المبلغ الكلي'), "cod", 'الدفع عند الإستلام'), "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), "onlinepayment", 'الدفع الإلكترونى'), "paymentcardinformation", 'بيانات البطاقة'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "shippingfees", 'مصاريف الشحن'), "shippingaddress", 'عنوان الشحن'), "cardnumber", 'رقم البطاقة'), "year", 'السنة'), "month", 'الشهر'), "cvv", 'رقم البطاقة'), "nameoncard", 'الإسم على البطاقة'), "country", 'البلد'), "addressdetails", 'العنوان'), "stategov", 'المحافظة/الولاية'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "city", 'المدينة'), "paymentmethod", 'طريقة الدفع'), "productimage", 'صورة المنتج'), "orderdetails", 'تفاصيل الطلب'), "orderinvoice", 'فاتورة الطلب'), "promocodediscount", 'كود الخصم'), "address", 'العنوان'), "update", 'تحديث'), "phonenumber", 'الهاتف'), "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "name", 'الإسم'), "email", 'البريد الإلكترونى'), "password", 'كلمة السر'), "confirmpassword", 'تأكيد كلمة السر'), "showless", 'اعرض اقل'), "showmore", 'اعرض المزيد'), "contactdetails", 'معلومات التواصل'), "asaguest", 'كزائر'), "choosecountryfirst", 'من فضلك اختر البلد اولاً'), "security", 'الخصوصية و الأمان'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "personalinformation", 'البيانات الشخصية'), "contactus", 'تواصل معنا'), "slogan", 'موقعك و تطبيقك فى مكان واحد'), "instock", 'متوفر'))
           },
           langdetect: 'en',
           setlang: _this.setlang,
@@ -262,7 +259,8 @@
         };
         return _this;
       }
-      _createClass__default["default"](LanguageProvider, [{
+      _inherits__default["default"](LanguageProvider, _Component);
+      return _createClass__default["default"](LanguageProvider, [{
         key: "componentDidMount",
         value: function componentDidMount() {
           var cookies = new Cookies__default["default"]();
@@ -294,7 +292,6 @@
             lang = this.state.lang.ar;
             // window.document.body.setAttribute('dir', 'rtl');
           }
           var langdetect = this.state.langdetect;
           return /*#__PURE__*/React__default["default"].createElement(LanguageContext.Provider, {
             value: {
@@ -306,7 +303,6 @@
           }, this.props.children);
         }
       }]);
-      return LanguageProvider;
     }(React.Component);
     LanguageContext.Consumer;
@@ -662,11 +658,11 @@
           position: 'relative',
           display: 'flex',
           alignItems: 'center'
-        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '35px'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "height", '35px'), "padding", '0 10px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), ':focus', {
           borderColor: sectionproperties.inputfeildbordercoloronfocus
-        }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+        }), ':focus .login_input_icon', {
           color: sectionproperties.inputfeildbordercoloronfocus
-        }), _css))
+        })))
       };
       var RightContainerContent = function RightContainerContent() {
         return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1151,18 +1147,17 @@
         });
       },
       control: function control() {
-        var _ref;
-        return _ref = {
+        return _defineProperty__default["default"](_defineProperty__default["default"]({
           borderBottom: '1px solid #ccc',
           backgroundColor: 'white',
           display: 'flex',
           cursor: 'pointer',
           padding: 0,
           transition: '.3s'
-        }, _defineProperty__default["default"](_ref, "backgroundColor", 'transparent'), _defineProperty__default["default"](_ref, '&:hover', {
+        }, "backgroundColor", 'transparent'), '&:hover', {
           // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
           // borderRadius: '10px',
-        }), _ref;
+        });
       },
       dropdownIndicator: function dropdownIndicator(provided) {
         return _objectSpread$2w(_objectSpread$2w({}, provided), {}, {
@@ -1290,11 +1285,11 @@
           position: 'relative',
           display: 'flex',
           alignItems: 'center'
-        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_defineProperty__default["default"](_css, ':focus', {
           borderColor: sectionproperties.inputfeildbordercoloronfocus
-        }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+        }), ':focus .login_input_icon', {
           color: sectionproperties.inputfeildbordercoloronfocus
-        }), _css))
+        })))
       };
       var issingleoptionoutofstock = function issingleoptionoutofstock(valueitem) {
         var _ProductInfoObj$data;
@@ -1366,7 +1361,6 @@
               className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(productinfostyles.color_container_active)
               // `${isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''}`
               ,
               onClick: function onClick() {
                 // here
                 if (optionvaluesitem.isenabled == 1) {
@@ -1634,7 +1628,6 @@
           orgselectoptions = item.optionvalues;
           // optionvaluesitem.isselected
         }
         orgselectoptions.forEach(function (getselcitem, getselindex) {
           // if (getselcitem.isselected == 1 && issingleoptionoutofstock(getselcitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show') {
           //     selecteditemid = getselcitem.valueid + langdetect == 'en' ? '(Unavailable)' : 'غير متاح';
@@ -2021,11 +2014,11 @@
           position: 'relative',
           display: 'flex',
           alignItems: 'center'
-        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_defineProperty__default["default"](_css, ':focus', {
           borderColor: sectionproperties.inputfeildbordercoloronfocus
-        }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+        }), ':focus .login_input_icon', {
           color: sectionproperties.inputfeildbordercoloronfocus
-        }), _css))
+        })))
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: 'row w-100 ml-0 mr-0'
@@ -5547,11 +5540,11 @@
           position: 'relative',
           display: 'flex',
           alignItems: 'center'
-        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), ':focus', {
           borderColor: sectionproperties.inputfeildbordercoloronfocus
-        }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+        }), ':focus .login_input_icon', {
           color: sectionproperties.inputfeildbordercoloronfocus
-        }), _css)),
+        }))),
         inputfield_label: glamor.css({
           color: sectionproperties.form_labelcolor,
           fontWeight: sectionproperties.form_labelfontweight,
@@ -6218,7 +6211,6 @@
                     //     langdetect == 'en' ? fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en : fetchProductInfoQueryContext?.data?.data?.productinfo?.description_ar,
                   };
                 }
                 tempproductimagesarray.push(productimagesarrayobj);
               });
             }
@@ -6763,11 +6755,11 @@
           position: 'relative',
           display: 'flex',
           alignItems: 'center'
-        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), ':focus', {
           borderColor: sectionproperties.inputfeildbordercoloronfocus
-        }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+        }), ':focus .login_input_icon', {
           color: sectionproperties.inputfeildbordercoloronfocus
-        }), _css)),
+        }))),
         inputfield_label: glamor.css({
           color: sectionproperties.form_labelcolor,
           fontWeight: sectionproperties.form_labelfontweight,
@@ -6948,7 +6940,6 @@
           //     marginTop: sectionproperties.favbtnmargintopresp + 'px',
           // },
         }),
         productname: glamor.css({
           fontSize: sectionproperties.prodNameFontSize + 'px',
           textTransform: sectionproperties.prodNameTextTranform,
@@ -7408,7 +7399,7 @@
           langdetect: langdetect,
           lang: lang,
           srcfromprops: props.srcfromprops
-        }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref, "variantsku", variantsku), _defineProperty__default["default"](_ref, "variantvalueidentifier", variantvalueidentifier), _ref)
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), "getprice_discountpriceprops", getprice_discountpriceprops), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), "variantsku", variantsku), _defineProperty__default["default"](_ref, "variantvalueidentifier", variantvalueidentifier))
       }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'Article' && /*#__PURE__*/React__default["default"].createElement(Article_itemtype, {
         actions: (_ref2 = {
           setisoutofstock: setisoutofstock,
@@ -7417,7 +7408,7 @@
           langdetect: langdetect,
           lang: lang,
           srcfromprops: props.srcfromprops
-        }, _defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref2, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref2, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref2, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref2, "routingcountext", routingcountext), _defineProperty__default["default"](_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref2, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref2, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref2, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref2, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref2, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref2, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref2, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref2, "variantindex", variantindex), _defineProperty__default["default"](_ref2, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref2, "variantsku", variantsku), _defineProperty__default["default"](_ref2, "variantvalueidentifier", variantvalueidentifier), _ref2)
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), "getprice_discountpriceprops", getprice_discountpriceprops), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), "variantsku", variantsku), _defineProperty__default["default"](_ref2, "variantvalueidentifier", variantvalueidentifier))
       }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
         actions: (_ref3 = {
           variantsku: variantsku,
@@ -7427,7 +7418,7 @@
           langdetect: langdetect,
           lang: lang,
           srcfromprops: props.srcfromprops
-        }, _defineProperty__default["default"](_ref3, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref3, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref3, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref3, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref3, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref3, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref3, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref3, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref3, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref3, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref3, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref3, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref3, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref3, "routingcountext", routingcountext), _defineProperty__default["default"](_ref3, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref3, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref3, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref3, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref3, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref3, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref3, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref3, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref3, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref3, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref3, "getQuantityCondition", getQuantityCondition), _defineProperty__default["default"](_ref3, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref3, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref3, "ikimagecredcontext", ikimagecredcontext), _ref3)
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref3, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref3, "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "StaticPagesLinksContext", StaticPagesLinksContext), "variantindexcompleted", variantindexcompleted), "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref3, "NotificationManager", NotificationManager), "getprice_discountpriceprops", getprice_discountpriceprops), "quantityconditionfoundobjprops", quantityconditionfoundobj), "relatedproducts", relatedproducts), "getQuantityCondition", getQuantityCondition), "StoreInfoprops", StoreInfo), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext))
       }), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
         style: {
@@ -7455,7 +7446,6 @@
             // margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '',
           }
         },
         sx: {
           '& button': {
             color: sectionproperties.tabtextcolor,
@@ -7517,7 +7507,6 @@
             // margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '',
           }
         },
         sx: {
           '& button': {
             color: sectionproperties.tabtextcolor,
@@ -8451,7 +8440,6 @@
           // var product_extrafields_parsed = JSON.stringify(product_extrafields);
           // alert(product_extrafields_parsed);
         }
         var slot = '';
         if (item.itemtype == 'service') {
           if (item.ser_time != null) {
@@ -10158,7 +10146,7 @@
       return import('react-select');
     });
     var Checkout = function Checkout(props) {
-      var _css, _checkoutstyles, _ref, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue68, _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue74, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _authdetailsContext$i4, _fetchcustomercartQue82, _authdetailsContext$i5, _fetchcustomercartQue84, _authdetailsContext$i6, _fetchcustomercartQue86, _authdetailsContext$i7, _fetchcustomercartQue88, _fetchcustomercartQue90;
+      var _css, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue68, _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue74, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _authdetailsContext$i4, _fetchcustomercartQue82, _authdetailsContext$i5, _fetchcustomercartQue84, _authdetailsContext$i6, _fetchcustomercartQue86, _authdetailsContext$i7, _fetchcustomercartQue88, _fetchcustomercartQue90;
       var _useState = React.useState(null),
         _useState2 = _slicedToArray__default["default"](_useState, 2);
         _useState2[0];
@@ -10331,7 +10319,7 @@
           }
         });
       };
-      var checkoutstyles = (_checkoutstyles = {
+      var checkoutstyles = _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
         Salepricestyless: glamor.css({
           fontSize: sectionproperties.prodsalepriceFontSize + 'px',
           fontWeight: sectionproperties.prodsalePriceFontWeight,
@@ -10479,25 +10467,25 @@
             color: sectionproperties.generalbtn_textColoronhover
           }
         })
-      }, _defineProperty__default["default"](_checkoutstyles, "input_label_name", glamor.css({
+      }, "input_label_name", glamor.css({
         color: sectionproperties.form_labelcolor,
         textTransform: sectionproperties.form_labeltexttransform,
         fontWeight: sectionproperties.form_labelfontweight,
         fontSize: sectionproperties.form_labelfontsize + 'px'
-      })), _defineProperty__default["default"](_checkoutstyles, "form_control", glamor.css((_css = {
+      })), "form_control", glamor.css((_css = {
         position: 'relative',
         display: 'flex',
         alignItems: 'center'
-      }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, "fontSize", sectionproperties.inputfieldfontsize + 'px'), _defineProperty__default["default"](_css, ':focus', {
+      }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 30px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), "fontSize", sectionproperties.inputfieldfontsize + 'px'), ':focus', {
         borderColor: sectionproperties.inputfeildbordercoloronfocus,
         boxShadow: 'none'
-      }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+      }), ':focus .login_input_icon', {
         color: sectionproperties.inputfeildbordercoloronfocus
-      }), _css))), _defineProperty__default["default"](_checkoutstyles, "innersection", glamor.css({
+      })))), "innersection", glamor.css({
         backgroundColor: sectionproperties.reservation_bgcolor,
         borderRadius: sectionproperties.reservation_borderradius + 'px',
         border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
-      })), _defineProperty__default["default"](_checkoutstyles, "containerstyles", glamor.css({
+      })), "containerstyles", glamor.css({
         paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
         paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
         paddingTop: sectionproperties.paddingTop + 'px',
@@ -10508,9 +10496,9 @@
         '@media (max-width: 800px)': {
           marginTop: sectionproperties.marginTopResp + 'px'
         }
-      })), _checkoutstyles);
-      var addorderfuncrunner = function addorderfuncrunner() {
-        return (_ref = _ref || _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+      }));
+      var addorderfuncrunner = /*#__PURE__*/function () {
+        var _ref = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
           var _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25, _fetchcustomercartQue26, _fetchcustomercartQue27, _fetchcustomercartQue28, _fetchcustomercartQue29, _fetchcustomercartQue30, _fetchcustomercartQue31, _fetchcustomercartQue32;
           return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
@@ -10559,8 +10547,11 @@
                 return _context.stop();
             }
           }, _callee);
-        }))).apply(this, arguments);
-      };
+        }));
+        return function addorderfuncrunner() {
+          return _ref.apply(this, arguments);
+        };
+      }();
       var ischeckoutbuttonloading = function ischeckoutbuttonloading() {
         var isloading = false;
         if (AddOrderMutationContext.isLoading || ChooseState_CountryMutationContext.isLoading || GeneralAPIMutationContext.isLoading) {
@@ -10602,7 +10593,6 @@
             // var product_extrafields_parsed = JSON.stringify(product_extrafields);
             // alert(product_extrafields_parsed);
           }
           return /*#__PURE__*/React__default["default"].createElement("div", {
             className: langdetect == 'en' ? 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pl-2 pr-0 mb-3' : 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pr-2 pl-0 mb-3',
             style: {
@@ -12132,11 +12122,11 @@
           position: 'relative',
           display: 'flex',
           alignItems: 'center'
-        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_defineProperty__default["default"](_css, ':focus', {
           borderColor: sectionproperties.inputfeildbordercoloronfocus
-        }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+        }), ':focus .login_input_icon', {
           color: sectionproperties.inputfeildbordercoloronfocus
-        }), _css)),
+        }))),
         checkbox: glamor.css({
           color: sectionproperties.checkbox_color,
           textTransform: sectionproperties.form_labeltexttransform,
@@ -12223,7 +12213,6 @@
             // alert(JSON.stringify(country));
           },
           style: {
             direction: 'ltr',
             color: sectionproperties.inputfieldcolor
@@ -13379,9 +13368,9 @@
           position: 'relative',
           display: 'flex',
           alignItems: 'center'
-        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '35px'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "height", '35px'), "padding", '0 10px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), ':focus', {
           borderColor: sectionproperties.inputfeildbordercoloronfocus
-        }), _css)),
+        }))),
         containerstyle: glamor.css({
           marginTop: sectionproperties.marginTop + 'px',
           background: sectionproperties.backgroundColor,
@@ -13479,7 +13468,6 @@
           setaffsignuppayload(_objectSpread$2h({}, temp));
           // setaffsignuppayload({ ...affsignuppayload, phonenumber: event.target.value });
         },
         style: {
           direction: 'ltr'
         }
@@ -13566,7 +13554,6 @@
             // alert('Please fill the missing fields');
           }
         },
         type: 'button',
         disabled: GeneralAPIMutationContext.isLoading == true ? true : false
       }, GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
@@ -15578,7 +15565,6 @@
         filterrouting(tempfetchproductsfilerobjcontext);
         // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
       };
       var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
         var _tempfetchproductsfil2;
         var tempfetchproductsfilerobjcontext = _objectSpread$2b({}, ProductFilterObjContext);
@@ -15612,7 +15598,6 @@
         filterrouting(tempfetchproductsfilerobjcontext);
         // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
       };
       var AccordionInner = function AccordionInner(parentcollectionindex, parentcollectionitem) {
         var _parentcollectionitem;
         return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
@@ -16000,15 +15985,14 @@
           }
           // up here
           if (item.type == 'Number') {
-            var _ref;
             return /*#__PURE__*/React__default["default"].createElement("div", {
               "class": "col-lg-12 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3 p-0"
             }, /*#__PURE__*/React__default["default"].createElement("label", {
               className: "".concat(filter_cssstyles.input_label_name) + ' mb-3 w-100 ',
-              style: (_ref = {
+              style: _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
                 textAlign: langdetect == 'en' ? 'left' : 'right',
                 color: sectionproperties.filtertitle_color
-              }, _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref, "textTransform", 'capitalize'), _ref)
+              }, "color", sectionproperties.filtertitle_color), "fontSize", sectionproperties.filtertitle_fontsize + 'px'), "fontWeight", sectionproperties.filtertitle_fontweight), "color", sectionproperties.filtertitle_color), "textTransform", 'capitalize')
             }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
               "class": 'col-lg-12 p-0'
             }, /*#__PURE__*/React__default["default"].createElement("input", {
@@ -16035,7 +16019,6 @@
             })));
           }
           if (item.type == 'NumberRange') {
-            var _ref2;
             var temppricevalue = {
               min: 0,
               max: 10000
@@ -16056,10 +16039,10 @@
               className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-12 col-md-12 col-sm-12 mb-3 '
             }, /*#__PURE__*/React__default["default"].createElement("label", {
               className: "".concat(filter_cssstyles.input_label_name) + ' mb-3 w-100',
-              style: (_ref2 = {
+              style: _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
                 textAlign: langdetect == 'en' ? 'left' : 'right',
                 color: sectionproperties.filtertitle_color
-              }, _defineProperty__default["default"](_ref2, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref2, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref2, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref2, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref2, "textTransform", 'capitalize'), _ref2)
+              }, "color", sectionproperties.filtertitle_color), "fontSize", sectionproperties.filtertitle_fontsize + 'px'), "fontWeight", sectionproperties.filtertitle_fontweight), "color", sectionproperties.filtertitle_color), "textTransform", 'capitalize')
             }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
               "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
               style: {
@@ -16200,11 +16183,11 @@
           position: 'relative',
           display: 'flex',
           alignItems: 'center'
-        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", '1px solid #ccc'), _defineProperty__default["default"](_css, "borderRadius", '5px'), _defineProperty__default["default"](_css, "height", '40px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", '#000'), _defineProperty__default["default"](_css, "fontSize", '14px'), _defineProperty__default["default"](_css, ':focus', {
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 30px'), "transition", '.3s'), "fontWeight", 500), "border", '1px solid #ccc'), "borderRadius", '5px'), "height", '40px'), "background", 'transparent'), "color", '#000'), _defineProperty__default["default"](_defineProperty__default["default"](_css, "fontSize", '14px'), ':focus', {
           // borderColor: sectionproperties.inputfeildbordercoloronfocus,
           borderColor: '#eac435',
           boxShadow: 'none'
-        }), _css)),
+        }))),
         collapsetitle: glamor.css({
           fontSize: sectionproperties.filtertitle_fontsize + 'px',
           fontWeight: sectionproperties.filtertitle_fontweight,
@@ -16327,7 +16310,6 @@
           }
           // filter_activebackgroundtransparent
         }),
         filteroptionverticalactive: glamor.css({
           background: sectionproperties.btn_item_activebgcolor,
           color: sectionproperties.activecat_color
@@ -17193,7 +17175,6 @@
           // temppayloadobj = event.target.value;
           // setpricefrom({ ...temppayloadobj });
         },
         style: {
           background: '#fff',
           border: '1px solid #ccc',
@@ -17646,7 +17627,6 @@
         filterrouting(tempfetchproductsfilerobjcontext);
         // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
       };
       var CollectionsFilter = function CollectionsFilter() {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0 scrollhorixontalcontainer text-center px-sm-3"
@@ -17766,6 +17746,7 @@
         perpageItems = _useState14[0],
         setperpageItems = _useState14[1];
       var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
+      props.actions.authdetailsContext;
       React.useEffect(function () {
         var productfilerobjtemp = ProductFilterObjContext;
         if (props.filterparamsprops != undefined) {
@@ -19163,7 +19144,6 @@
           // color: '#62554a',
         },
         dangerouslySetInnerHTML: {
           __html: show_product_group_titles()['description_en']
         }
@@ -19882,7 +19862,7 @@
     function ownKeys$23(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$23(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$23(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$23(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Resetpassword = function Resetpassword(props) {
-      var _css, _css2;
+      var _css2;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
       var lang = props.actions.lang;
       var templatepropcontext = props.actions.templatepropcontext;
@@ -19956,7 +19936,7 @@
         }
       }, [ForgetpasswordMutationContext.isSuccess]);
       var loginstyles2 = {
-        loginbtn: glamor.css((_css = {
+        loginbtn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           background: sectionproperties.generalbtn_bgColor,
           color: sectionproperties.login_btn_color,
           borderRadius: sectionproperties.generalbtnborderradius + 'px',
@@ -19965,11 +19945,11 @@
           height: sectionproperties.generalbtn_height + 'px',
           fontWeight: sectionproperties.generalbtn_fontweight,
           border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor
-        }, _defineProperty__default["default"](_css, "color", sectionproperties.generalbtn_textColor), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', {
+        }, "color", sectionproperties.generalbtn_textColor), "transition", '.3s'), ':hover', {
           background: sectionproperties.generalbtn_bgColoronhover,
           color: sectionproperties.generalbtn_textColoronhover,
           borderColor: sectionproperties.generalbtn_textColoronhover
-        }), _css)),
+        })),
         logininputLabel: glamor.css({
           color: sectionproperties.form_labelcolor,
           textTransform: sectionproperties.form_labeltexttransform,
@@ -19991,11 +19971,11 @@
           position: 'relative',
           display: 'flex',
           alignItems: 'center'
-        }, _defineProperty__default["default"](_css2, "display", 'block'), _defineProperty__default["default"](_css2, "width", '100%'), _defineProperty__default["default"](_css2, "height", '35px'), _defineProperty__default["default"](_css2, "padding", '0 10px'), _defineProperty__default["default"](_css2, "transition", '.3s'), _defineProperty__default["default"](_css2, "fontWeight", 500), _defineProperty__default["default"](_css2, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css2, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css2, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css2, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css2, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css2, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css2, ':focus', {
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css2, "display", 'block'), "width", '100%'), "height", '35px'), "padding", '0 10px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css2, "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), ':focus', {
           borderColor: sectionproperties.inputfeildbordercoloronfocus
-        }), _defineProperty__default["default"](_css2, ':focus .login_input_icon', {
+        }), ':focus .login_input_icon', {
           color: sectionproperties.inputfeildbordercoloronfocus
-        }), _css2))
+        })))
       };
       var LoginContent = function LoginContent() {
         return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -20266,7 +20246,6 @@
           // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
         })
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 m-0 w-100",
         style: {
@@ -22525,7 +22504,7 @@
     function ownKeys$1Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
-      var _css, _authdetailsContext$i2, _authdetailsContext$i3, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _fetchCategoriesQuery2, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i9, _authdetailsContext$i12, _authdetailsContext$i15;
+      var _authdetailsContext$i2, _authdetailsContext$i3, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _fetchCategoriesQuery2, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i9, _authdetailsContext$i12, _authdetailsContext$i15;
       var actions = props.actions;
       var LogoutMutationContext = props.actions.LogoutMutationContext;
       var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -22641,10 +22620,10 @@
           border: sectionproperties.cartBtnresp_borderWidth + 'px solid ' + sectionproperties.cartBtnresp_borderColor,
           transition: '.3s'
         }),
-        searchbarcont: glamor.css((_css = {
+        searchbarcont: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           position: 'relative',
           transition: '.3s'
-        }, _defineProperty__default["default"](_css, "position", 'relative'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '70px'), _defineProperty__default["default"](_css, "transition", '.3s'), _css)),
+        }, "position", 'relative'), "width", '100%'), "height", '70px'), "transition", '.3s')),
         searchbar_icon_cont: glamor.css({
           display: 'flex',
           justifyContent: 'center',
@@ -29686,7 +29665,7 @@
     function ownKeys$1S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$1S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1S(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Simpleheader = function Simpleheader(props) {
-      var _css, _css2, _header_cssstyles, _authdetailsContext$i, _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i3, _authdetailsContext$i4, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i5, _authdetailsContext$i6, _logoarrayofobjects$3, _logoarrayofobjects$4;
+      var _header_cssstyles, _authdetailsContext$i, _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i3, _authdetailsContext$i4, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i5, _authdetailsContext$i6, _logoarrayofobjects$3, _logoarrayofobjects$4;
       var actions = props.actions;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -29754,7 +29733,7 @@
           transition: 'all 0.2s',
           zIndex: 1000
         }),
-        navbar_item_text: glamor.css((_css = {
+        navbar_item_text: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           color: sectionproperties.header_fontColor,
           fontSize: sectionproperties.header_fontSize + 'px',
           textTransform: sectionproperties.header_textTransform,
@@ -29762,13 +29741,13 @@
           marginLeft: '10px',
           marginRight: '10px',
           transition: 'transform 0.3s cubic-bezier(0.2, 1, 0.8, 1)'
-        }, _defineProperty__default["default"](_css, "transition", '0.3s'), _defineProperty__default["default"](_css, "padding", 0), _defineProperty__default["default"](_css, ':hover', {
+        }, "transition", '0.3s'), "padding", 0), ':hover', {
           color: sectionproperties.header_fontColoronhover
-        }), _defineProperty__default["default"](_css, ':before', {
+        }), ':before', {
           background: sectionproperties.header_fontColoronhover
-        }), _defineProperty__default["default"](_css, ':after', {
+        }), ':after', {
           background: sectionproperties.header_fontColoronhover
-        }), _css)),
+        })),
         dropdownitem: glamor.css({
           padding: '0.3rem 0.8rem',
           display: 'flex',
@@ -29799,17 +29778,17 @@
             color: sectionproperties.favBtnTextcoloronhover
           }
         }),
-        cart_btn: glamor.css((_css2 = {
+        cart_btn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           width: sectionproperties.cartBtnWidth + 'px',
           height: sectionproperties.cartBtnHeight + 'px',
           background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
           borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
           color: sectionproperties.cartBtnTextcolor,
           border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor
-        }, _defineProperty__default["default"](_css2, "color", sectionproperties.cart_iconcolor), _defineProperty__default["default"](_css2, "transition", '.3s'), _defineProperty__default["default"](_css2, ':hover', {
+        }, "color", sectionproperties.cart_iconcolor), "transition", '.3s'), ':hover', {
           background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
           color: sectionproperties.cartBtnTextcoloronhover
-        }), _css2)),
+        })),
         user_btn: glamor.css({
           background: sectionproperties.userbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.userBtnbgColor,
           width: sectionproperties.userBtnWidth + 'px',
@@ -29832,7 +29811,7 @@
           maxWidth: '100%',
           maxHeight: '100%'
         })
-      }, _defineProperty__default["default"](_header_cssstyles, "wishlist_btn", glamor.css({
+      }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_header_cssstyles, "wishlist_btn", glamor.css({
         width: sectionproperties.favBtnWidth + 'px',
         height: sectionproperties.favBtnHeight + 'px',
         background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
@@ -29847,13 +29826,13 @@
           background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
           color: sectionproperties.favBtnTextcoloronhover
         }
-      })), _defineProperty__default["default"](_header_cssstyles, "cartbadge", glamor.css({
+      })), "cartbadge", glamor.css({
         top: sectionproperties.cartbadgetop + 'px',
         right: sectionproperties.cartbadgeright + 'px'
-      })), _defineProperty__default["default"](_header_cssstyles, "favbadge", glamor.css({
+      })), "favbadge", glamor.css({
         top: sectionproperties.wishlistbadgetop + 'px',
         right: sectionproperties.wishlistbadgeright + 'px'
-      })), _defineProperty__default["default"](_header_cssstyles, "badge_counter_header_notifications", glamor.css({
+      })), "badge_counter_header_notifications", glamor.css({
         display: 'flex',
         justifyContent: 'center',
         alignItems: 'center',
@@ -29866,7 +29845,7 @@
         color: sectionproperties.badge_color,
         borderRadius: sectionproperties.badge_borderradius + 'px',
         fontSize: sectionproperties.badge_fontsize + 'px'
-      })), _defineProperty__default["default"](_header_cssstyles, "languagecontainer", glamor.css({
+      })), "languagecontainer", glamor.css({
         color: sectionproperties.language_container_color,
         fontSize: sectionproperties.language_container_fontsize + 'px',
         fontWeight: 600,
@@ -29874,7 +29853,7 @@
         ':hover': {
           color: sectionproperties.language_container_coloronhover
         }
-      })), _defineProperty__default["default"](_header_cssstyles, "loggedintext", glamor.css({
+      })), "loggedintext", glamor.css({
         color: sectionproperties.userBtnTextcolor,
         fontSize: sectionproperties.userBtntextfontsize + 'px',
         fontWeight: sectionproperties.userBtnTextfontweight,
@@ -29882,7 +29861,7 @@
         ':hover': {
           color: sectionproperties.userBtnTextcoloronhover
         }
-      })), _defineProperty__default["default"](_header_cssstyles, "userbtnloggedin", glamor.css({
+      })), "userbtnloggedin", glamor.css({
         width: sectionproperties.loggedinuserbtn_width + 'px',
         height: sectionproperties.loggedinuserbtn_height + 'px',
         border: sectionproperties.userlogginbtnborderwidth + 'px solid ' + sectionproperties.userlogginbtnbordercolor,
@@ -29893,7 +29872,7 @@
         ':hover': {
           backgroundColor: sectionproperties.userBtnbgColoronhover_loggedin
         }
-      })), _defineProperty__default["default"](_header_cssstyles, "userBtnLoggedinContainer", glamor.css({
+      })), "userBtnLoggedinContainer", glamor.css({
         transition: '.3s',
         ':hover .loggedinuserbtn': {
           transition: '.3s',
@@ -29904,32 +29883,32 @@
           backgroundColor: sectionproperties.userBtnbgColoronhover_loggedin,
           color: sectionproperties.userbtn_loggedin_iconcoloronhover
         }
-      })), _defineProperty__default["default"](_header_cssstyles, "searchicon", glamor.css({
+      })), "searchicon", glamor.css({
         color: sectionproperties.searchbaricon_color,
         cursor: 'pointer',
         transition: '.3s',
         ':hover': {
           color: sectionproperties.searchbariconcoloronhover
         }
-      })), _defineProperty__default["default"](_header_cssstyles, "search_wrap", glamor.css({
+      })), "search_wrap", glamor.css({
         background: sectionproperties.searchbarcontinput_bgcolor
-      })), _defineProperty__default["default"](_header_cssstyles, "search_form", glamor.css({
+      })), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_header_cssstyles, "search_form", glamor.css({
         ':after': {
           backgroundColor: sectionproperties.searchbarcontinput_borderBottomcolor
         }
-      })), _defineProperty__default["default"](_header_cssstyles, "greetingstyles", glamor.css({
+      })), "greetingstyles", glamor.css({
         color: sectionproperties.greetingtextcolor,
         fontSize: sectionproperties.greetingtextfontsize + 'px',
         lineHeight: sectionproperties.greetingtextfontsize + 'px',
         fontWeight: 400
-      })), _defineProperty__default["default"](_header_cssstyles, "search_field", glamor.css({
+      })), "search_field", glamor.css({
         fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
         fontWeight: sectionproperties.searchbarcont_inputfontweight,
         color: sectionproperties.searchbarcontinput_color,
         '::placeholder': {
           color: sectionproperties.searchbarcontinput_color
         }
-      })), _defineProperty__default["default"](_header_cssstyles, "closeOverlayBtn", glamor.css({
+      })), "closeOverlayBtn", glamor.css({
         width: sectionproperties.closeSliderWidth + 'px',
         height: sectionproperties.closeSliderHeight + 'px',
         color: sectionproperties.closeSlider_color,
@@ -29941,7 +29920,7 @@
           color: sectionproperties.closeSlider_colorOnHover,
           borderColor: sectionproperties.closeSlider_colorOnHover
         }
-      })), _defineProperty__default["default"](_header_cssstyles, "headerinnercontainer", glamor.css({
+      })), "headerinnercontainer", glamor.css({
         borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
         paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
         paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
@@ -29952,14 +29931,14 @@
           backgroundColor: sectionproperties.header_backgroundColor,
           transition: '.3s ease-in-out'
         }
-      })), _defineProperty__default["default"](_header_cssstyles, "headerinnercontainerscrolled", glamor.css({
+      })), "headerinnercontainerscrolled", glamor.css({
         borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
         paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
         paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
         paddingTop: sectionproperties.header_paddingTop + 'px',
         paddingBottom: sectionproperties.header_paddingBottom + 'px',
         backgroundColor: sectionproperties.header_backgroundColor
-      })), _defineProperty__default["default"](_header_cssstyles, "floatingbtn", glamor.css({
+      })), "floatingbtn", glamor.css({
         width: sectionproperties.floatingbtnwidth + '%',
         height: sectionproperties.floatingbtnheight + 'px',
         background: sectionproperties.floatingbtnbg,
@@ -29975,7 +29954,7 @@
         '@media (max-width: 800px)': {
           width: '50%'
         }
-      })), _header_cssstyles);
+      })));
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 d-flex align-items-center justify-content-center ",
         style: {
@@ -30591,7 +30570,7 @@
     function ownKeys$1R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$1R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1R(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Header8 = function Header8(props) {
-      var _css, _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i3, _authdetailsContext$i5, _authdetailsContext$i7, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i8, _authdetailsContext$i10, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _fetchcustomercartQue4, _fetchcustomercartQue5;
+      var _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i3, _authdetailsContext$i5, _authdetailsContext$i7, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i8, _authdetailsContext$i10, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _fetchcustomercartQue4, _fetchcustomercartQue5;
       var actions = props.actions;
       props.actions.history;
       var lang = props.actions.lang;
@@ -30948,17 +30927,17 @@
             color: sectionproperties.userbtn_loggedin_iconcoloronhover
           }
         }),
-        cart_btn: glamor.css((_css = {
+        cart_btn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           width: sectionproperties.cartBtnWidth + 'px',
           height: sectionproperties.cartBtnHeight + 'px',
           background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
           borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
           color: sectionproperties.cartBtnTextcolor,
           border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor
-        }, _defineProperty__default["default"](_css, "color", sectionproperties.cart_iconcolor), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', {
+        }, "color", sectionproperties.cart_iconcolor), "transition", '.3s'), ':hover', {
           background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
           color: sectionproperties.cartBtnTextcoloronhover
-        }), _css)),
+        })),
         cartbadge: glamor.css({
           top: sectionproperties.cartbadgetop + 'px',
           right: sectionproperties.cartbadgeright + 'px'
@@ -37130,7 +37109,7 @@
     function ownKeys$1K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var SearchFocusedHeader = function SearchFocusedHeader(props) {
-      var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$i13, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i14, _authdetailsContext$i16;
+      var _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$i13, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i14, _authdetailsContext$i16;
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
       var setlang = props.actions.setlang;
@@ -37367,7 +37346,6 @@
           backgroundColor: sectionproperties.vl_bg
           // zIndex: 100,
         }),
         searchbarcont: glamor.css({
           position: 'relative',
           transition: '.3s',
@@ -37521,7 +37499,7 @@
           borderRadius: sectionproperties.badge_borderradius + 'px',
           fontSize: sectionproperties.badge_fontsize + 'px'
         }),
-        categorybtn: glamor.css((_css = {
+        categorybtn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'Transparent' : sectionproperties.generalbtn_bgColor,
           width: sectionproperties.generalbtn_width + 'px',
           height: sectionproperties.generalbtn_height + 'px',
@@ -37532,10 +37510,10 @@
           border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
           fontWeight: sectionproperties.generalbtn_fontweight,
           fontSize: sectionproperties.generalbtn_fontsize + 'px'
-        }, _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', {
+        }, "width", '100%'), "transition", '.3s'), ':hover', {
           background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'Transparent' : sectionproperties.generalbtn_bgColoronhover,
           color: sectionproperties.generalbtn_textColoronhover
-        }), _css)),
+        })),
         categorydropdownbtn: glamor.css({
           color: sectionproperties.generalbtn_textColor,
           fontSize: sectionproperties.generalbtn_fontsize + 'px',
@@ -38238,7 +38216,6 @@
           backgroundColor: sectionproperties.vl_bg
           // zIndex: 100,
         }),
         searchbarcont: glamor.css({
           position: 'relative',
           marginRight: langdetect == 'en' ? '1.1rem' : 0,
@@ -38898,7 +38875,7 @@
     function ownKeys$1I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
-      var _css, _authdetailsContext$i, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2;
+      var _authdetailsContext$i, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -39064,7 +39041,7 @@
           width: templateproperties_context.logo_width + 'px',
           height: templateproperties_context.logo_height + 'px'
         }),
-        navbar_item_text: glamor.css((_css = {
+        navbar_item_text: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           color: sectionproperties.lowersection_fontColor,
           fontSize: sectionproperties.lowersection_fontsize + 'px',
           textTransform: sectionproperties.lowersection_textTransform,
@@ -39072,13 +39049,13 @@
           marginLeft: langdetect == 'en' ? 0 : '35px',
           marginRight: langdetect == 'en' ? '35px' : 0,
           transition: 'transform 0.3s cubic-bezier(0.2, 1, 0.8, 1)'
-        }, _defineProperty__default["default"](_css, "transition", '0.3s'), _defineProperty__default["default"](_css, "padding", 0), _defineProperty__default["default"](_css, ':hover', {
+        }, "transition", '0.3s'), "padding", 0), ':hover', {
           color: sectionproperties.lowersection_fontColoronhover
-        }), _defineProperty__default["default"](_css, ':before', {
+        }), ':before', {
           background: sectionproperties.lowersection_fontColoronhover
-        }), _defineProperty__default["default"](_css, ':after', {
+        }), ':after', {
           background: sectionproperties.lowersection_fontColoronhover
-        }), _css)),
+        })),
         dropdownitem: glamor.css({
           padding: '0.3rem 0.8rem',
           display: 'flex',
@@ -39223,7 +39200,6 @@
         //     },
         // }),
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row ml-0 mr-0 w-100 d-flex align-items-center justify-content-center ",
         style: {
@@ -39665,7 +39641,7 @@
     function ownKeys$1H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
-      var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2;
+      var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -39752,7 +39728,7 @@
           transition: 'all 0.2s',
           zIndex: 1000
         }),
-        navbar_item_text: glamor.css((_css = {
+        navbar_item_text: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           color: sectionproperties.header_fontColor,
           fontSize: sectionproperties.header_fontSize + 'px',
           textTransform: sectionproperties.header_textTransform,
@@ -39760,13 +39736,13 @@
           marginLeft: langdetect == 'en' ? 0 : '35px',
           marginRight: langdetect == 'en' ? '35px' : 0,
           transition: 'transform 0.3s cubic-bezier(0.2, 1, 0.8, 1)'
-        }, _defineProperty__default["default"](_css, "transition", '0.3s'), _defineProperty__default["default"](_css, "padding", 0), _defineProperty__default["default"](_css, ':hover', {
+        }, "transition", '0.3s'), "padding", 0), ':hover', {
           color: sectionproperties.header_fontColoronhover
-        }), _defineProperty__default["default"](_css, ':before', {
+        }), ':before', {
           background: sectionproperties.header_fontColoronhover
-        }), _defineProperty__default["default"](_css, ':after', {
+        }), ':after', {
           background: sectionproperties.header_fontColoronhover
-        }), _css)),
+        })),
         dropdownitem: glamor.css({
           padding: '0.3rem 0.8rem',
           display: 'flex',
@@ -40307,7 +40283,7 @@
     function ownKeys$1G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var TwoTieredHeader = function TwoTieredHeader(props) {
-      var _css, _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$c5, _fetchcustomercartQue3, _fetchcustomercartQue4;
+      var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$c5, _fetchcustomercartQue3, _fetchcustomercartQue4;
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
       var setlang = props.actions.setlang;
@@ -40430,7 +40406,6 @@
           backgroundColor: sectionproperties.vl_bg
           // zIndex: 100,
         }),
         searchbarcont: glamor.css({
           position: 'relative',
           transition: '.3s',
@@ -40585,7 +40560,7 @@
           borderRadius: sectionproperties.badge_borderradius + 'px',
           fontSize: sectionproperties.badge_fontsize + 'px'
         }),
-        categorybtn: glamor.css((_css = {
+        categorybtn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'Transparent' : sectionproperties.generalbtn_bgColor,
           width: sectionproperties.generalbtn_width + 'px',
           height: sectionproperties.generalbtn_height + 'px',
@@ -40596,10 +40571,10 @@
           border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
           borderRight: langdetect == 'en' ? 0 : sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
           borderLeft: langdetect == 'ar' ? 0 : sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor
-        }, _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', {
+        }, "width", '100%'), "transition", '.3s'), ':hover', {
           background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'Transparent' : sectionproperties.generalbtn_bgColoronhover,
           color: sectionproperties.generalbtn_textColoronhover
-        }), _css)),
+        })),
         categorydropdownbtn: glamor.css({
           color: sectionproperties.generalbtn_textColor,
           fontSize: sectionproperties.generalbtn_fontsize + 'px',
@@ -48058,7 +48033,7 @@
     function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Newsletterfooter = function Newsletterfooter(props) {
-      var _footerStyles, _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i25, _authdetailsContext$i28, _authdetailsContext$i33, _authdetailsContext$i34;
+      var _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i25, _authdetailsContext$i28, _authdetailsContext$i33, _authdetailsContext$i34;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -48102,7 +48077,7 @@
         });
         return policyobj;
       };
-      var footerStyles = (_footerStyles = {
+      var footerStyles = _defineProperty__default["default"](_defineProperty__default["default"]({
         imgcontainer: glamor.css({
           ':before': {
             width: '100%',
@@ -48233,19 +48208,19 @@
           color: sectionproperties.prodCatColor,
           fontWeight: sectionproperties.prodCatFontWeight
         })
-      }, _defineProperty__default["default"](_footerStyles, "apptore", glamor.css({
+      }, "apptore", glamor.css({
         width: '35%',
         objectFit: 'contain',
         '@media (max-width: 800px)': {
           width: '30%'
         }
-      })), _defineProperty__default["default"](_footerStyles, "googleplay", glamor.css({
+      })), "googleplay", glamor.css({
         width: '35%',
         objectFit: 'contain',
         '@media (max-width: 800px)': {
           width: '30%'
         }
-      })), _footerStyles);
+      }));
       React.useEffect(function () {
         if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
           var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -48986,9 +48961,9 @@
           position: 'relative',
           display: 'flex',
           alignItems: 'center'
-        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '35px'), _defineProperty__default["default"](_css, "padding", '0 10px 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "borderBottom", ' 1px solid ' + sectionproperties.newslettertitlecolor), _defineProperty__default["default"](_css, "height", '40px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", '#000'), _defineProperty__default["default"](_css, ':focus', {
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "height", '35px'), "padding", '0 10px 10px'), "transition", '.3s'), "fontWeight", 500), "borderBottom", ' 1px solid ' + sectionproperties.newslettertitlecolor), "height", '40px'), "background", 'transparent'), "color", '#000'), _defineProperty__default["default"](_css, ':focus', {
           // borderColor: sectionproperties.inputfeildbordercoloronfocus,
-        }), _css))
+        })))
       };
       React.useEffect(function () {
         if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -49946,7 +49921,6 @@
     function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Sixverticalcardssection = function Sixverticalcardssection(props) {
-      var _section_cssstyles;
       var _useInView = reactIntersectionObserver.useInView();
         _useInView.ref;
         var inView = _useInView.inView;
@@ -50245,7 +50219,7 @@
           }
         }
       }, [sectionproperties]);
-      var section_cssstyles = (_section_cssstyles = {
+      var section_cssstyles = _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
         sectiontitlespan: glamor.css({
           ':after': {
             width: sectionproperties.sectitle_lineafterwidth + '%',
@@ -50266,25 +50240,25 @@
           borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
           border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
         })
-      }, _defineProperty__default["default"](_section_cssstyles, "sectiontitlespan", glamor.css({
+      }, "sectiontitlespan", glamor.css({
         ':after': {
           height: '5px',
           width: sectionproperties.sectitle_lineafterwidth + '%',
           backgroundColor: sectionproperties.linebgcolor
         }
-      })), _defineProperty__default["default"](_section_cssstyles, "line_left", glamor.css({
+      })), "line_left", glamor.css({
         height: '1px',
         position: 'relative',
         flex: '1 1 auto',
         minWidth: '10%',
         background: sectionproperties.linebgcolor
-      })), _defineProperty__default["default"](_section_cssstyles, "line_right", glamor.css({
+      })), "line_right", glamor.css({
         height: '1px',
         position: 'relative',
         flex: '1 1 auto',
         minWidth: '10%',
         background: sectionproperties.linebgcolor
-      })), _defineProperty__default["default"](_section_cssstyles, "filterbtn", glamor.css({
+      })), "filterbtn", glamor.css({
         width: sectionproperties.filterbtn_Width + 'px',
         height: sectionproperties.filterbtn_Height + 'px',
         background: sectionproperties.filterbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.filterbtn_bgColor,
@@ -50303,7 +50277,7 @@
           background: sectionproperties.filterbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.filterbtn_bgColoronhover,
           color: sectionproperties.filterbtn_Textcoloronhover
         }
-      })), _defineProperty__default["default"](_section_cssstyles, "viewmorebtn", glamor.css({
+      })), "viewmorebtn", glamor.css({
         width: sectionproperties.viewmorebtn_Width + 'px',
         height: sectionproperties.viewmorebtn_Height + 'px',
         background: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColor,
@@ -50317,7 +50291,7 @@
           background: sectionproperties.viewmorebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColoronhover,
           color: sectionproperties.viewmorebtn_Textcoloronhover
         }
-      })), _section_cssstyles);
+      }));
       var ImageSection = function ImageSection() {
         var _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _bgimagearrayofobjs$3, _bgimagearrayofobjs$4;
         return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -52087,10 +52061,22 @@
             borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
             borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px'
           }
+        }),
+        imageoutercont: glamor.css({
+          height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'vh',
+          '@media (max-width: 800px)': {
+            height: '30vh'
+          }
+        }),
+        imageoutercont2: glamor.css({
+          height: sectionproperties.image_height2 == 0 ? '100%' : sectionproperties.image_height2 + 'vh',
+          '@media (max-width: 800px)': {
+            height: '25vh'
+          }
         })
       };
       var cardsrender = function cardsrender() {
-        var _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$10, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15, _cardsarray$16, _cardsarray$18, _cardsarray$19, _cardsarray$20;
+        var _authdetailsContext, _cardsarray$2, _cardsarray$3, _cardsarray$4, _cardsarray$6, _cardsarray$7, _cardsarray$8, _cardsarray$10, _cardsarray$11, _cardsarray$12, _cardsarray$14, _cardsarray$15, _cardsarray$16, _cardsarray$18, _cardsarray$19, _cardsarray$20, _authdetailsContext2, _cardsarray$22, _cardsarray$23, _cardsarray$24, _cardsarray$26, _cardsarray$27, _cardsarray$28, _cardsarray$30, _cardsarray$31, _cardsarray$32, _cardsarray$34, _cardsarray$35, _cardsarray$36;
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": 'row m-0 w-100'
         }, !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -52158,7 +52144,7 @@
           }
         }))), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 pr-md-2 ' : sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pr-md-2 ' : sectionproperties.paddingLeft != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center pl-md-2 ' : section_cssstyles.cards_sections + ' row ml-0 mr-0 d-flex w-100 justify-content-center align-items-center '
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
+        }, ((_authdetailsContext = authdetailsContext) === null || _authdetailsContext === void 0 || (_authdetailsContext = _authdetailsContext.instinfo) === null || _authdetailsContext === void 0 ? void 0 : _authdetailsContext.contactinfo.instid) != '672258d7826b4' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100 "
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-lg-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-lg-6 p-md-0 mb-md-3 cursor-pointer ',
@@ -52447,7 +52433,218 @@
           "class": "col-lg-12 p-0 d-flex justify-content-start"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": section_cssstyles.collectioncardbutton + ' m-0 p-0 allcentered collectioncardbutton '
-        }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))))));
+        }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))))), ((_authdetailsContext2 = authdetailsContext) === null || _authdetailsContext2 === void 0 || (_authdetailsContext2 = _authdetailsContext2.instinfo) === null || _authdetailsContext2 === void 0 ? void 0 : _authdetailsContext2.contactinfo.instid) != '672258d7826b4' && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100 "
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": sectionproperties.imagepadding == 0 ? section_cssstyles.cardcont + ' col-6 p-md-0 cursor-pointer ' : section_cssstyles.cardcont + ' col-6 p-md-0 mb-md-3 cursor-pointer '
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-12 cursor-pointer",
+          onClick: function onClick() {
+            var _cardsarray$21;
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$21 = cardsarray[0]) === null || _cardsarray$21 === void 0 ? void 0 : _cardsarray$21.collectionid));
+          },
+          style: {
+            paddingLeft: sectionproperties.imagepadding + 'px',
+            paddingRight: sectionproperties.imagepadding + 'px',
+            marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": section_cssstyles.imageoutercont + ' row m-0 w-100 ',
+          style: {
+            width: '100%'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+          style: {
+            width: '100%',
+            height: '100%'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+          urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+          publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+          path: (_cardsarray$22 = cardsarray[0]) === null || _cardsarray$22 === void 0 ? void 0 : _cardsarray$22.image,
+          loading: "lazy",
+          style: {
+            width: '100%',
+            height: '100%',
+            borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+            borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+            borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+            borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+            objectFit: 'cover',
+            zIndex: 1
+          }
+        })), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": section_cssstyles.imageoutercont,
+          style: _defineProperty__default["default"](_defineProperty__default["default"]({
+            position: 'absolute',
+            zIndex: 1000,
+            // height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + 'vh',
+            width: '100%'
+          }, "zIndex", 5), "left", 0)
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 d-flex allcentered h-100"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": section_cssstyles.collectionname + ' m-0 p-0 '
+        }, langdetect == 'en' ? (_cardsarray$23 = cardsarray[0]) === null || _cardsarray$23 === void 0 ? void 0 : _cardsarray$23.name_en : (_cardsarray$24 = cardsarray[0]) === null || _cardsarray$24 === void 0 ? void 0 : _cardsarray$24.name_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-12 cursor-pointer",
+          onClick: function onClick() {
+            var _cardsarray$25;
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$25 = cardsarray[2]) === null || _cardsarray$25 === void 0 ? void 0 : _cardsarray$25.collectionid));
+          },
+          style: {
+            paddingLeft: sectionproperties.imagepadding + 'px',
+            paddingRight: sectionproperties.imagepadding + 'px',
+            marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": section_cssstyles.imageoutercont2 + ' row m-0 w-100 ',
+          style: {
+            width: '100%'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+          style: {
+            width: '100%',
+            height: '100%'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+          urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+          publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+          path: (_cardsarray$26 = cardsarray[2]) === null || _cardsarray$26 === void 0 ? void 0 : _cardsarray$26.image,
+          loading: "lazy",
+          style: {
+            width: '100%',
+            height: '100%',
+            borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+            borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+            borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+            borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+            objectFit: 'cover',
+            zIndex: 1
+          }
+        })), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": section_cssstyles.imageoutercont2,
+          style: _defineProperty__default["default"](_defineProperty__default["default"]({
+            position: 'absolute',
+            zIndex: 1000,
+            width: '100%'
+          }, "zIndex", 5), "left", 0)
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 d-flex allcentered h-100"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": section_cssstyles.collectionname + ' m-0 p-0 '
+        }, langdetect == 'en' ? (_cardsarray$27 = cardsarray[2]) === null || _cardsarray$27 === void 0 ? void 0 : _cardsarray$27.name_en : (_cardsarray$28 = cardsarray[2]) === null || _cardsarray$28 === void 0 ? void 0 : _cardsarray$28.name_ar)))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": 'col-6 pl-0 pr-0'
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-12 cursor-pointer",
+          onClick: function onClick() {
+            var _cardsarray$29;
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$29 = cardsarray[1]) === null || _cardsarray$29 === void 0 ? void 0 : _cardsarray$29.collectionid));
+          },
+          style: {
+            paddingLeft: sectionproperties.imagepadding + 'px',
+            paddingRight: sectionproperties.imagepadding + 'px',
+            marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": section_cssstyles.imageoutercont2 + ' row m-0 w-100 ',
+          style: {
+            width: '100%'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+          style: {
+            width: '100%',
+            height: '100%'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+          urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+          publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+          path: (_cardsarray$30 = cardsarray[1]) === null || _cardsarray$30 === void 0 ? void 0 : _cardsarray$30.image,
+          loading: "lazy",
+          style: {
+            width: '100%',
+            height: '100%',
+            borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+            borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+            borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+            borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+            objectFit: 'cover',
+            zIndex: 1
+          }
+        })), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": section_cssstyles.imageoutercont2,
+          style: _defineProperty__default["default"](_defineProperty__default["default"]({
+            position: 'absolute',
+            zIndex: 1000,
+            width: '100%'
+          }, "zIndex", 5), "left", 0)
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 d-flex allcentered h-100"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": section_cssstyles.collectionname + ' m-0 p-0 '
+        }, langdetect == 'en' ? (_cardsarray$31 = cardsarray[1]) === null || _cardsarray$31 === void 0 ? void 0 : _cardsarray$31.name_en : (_cardsarray$32 = cardsarray[1]) === null || _cardsarray$32 === void 0 ? void 0 : _cardsarray$32.name_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-12 cursor-pointer",
+          onClick: function onClick() {
+            var _cardsarray$33;
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_cardsarray$33 = cardsarray[3]) === null || _cardsarray$33 === void 0 ? void 0 : _cardsarray$33.collectionid));
+          },
+          style: {
+            paddingLeft: sectionproperties.imagepadding + 'px',
+            paddingRight: sectionproperties.imagepadding + 'px',
+            marginBottom: sectionproperties.imagepadding == 0 ? 0 : '1rem'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": section_cssstyles.imageoutercont + ' row m-0 w-100 ',
+          style: {
+            width: '100%'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": section_cssstyles.bgcontainer + ' col-lg-12 p-0 ',
+          style: {
+            width: '100%',
+            height: '100%'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+          urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+          publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+          path: (_cardsarray$34 = cardsarray[3]) === null || _cardsarray$34 === void 0 ? void 0 : _cardsarray$34.image,
+          loading: "lazy",
+          style: {
+            width: '100%',
+            height: '100%',
+            borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+            borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+            borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+            borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+            objectFit: 'cover',
+            zIndex: 1
+          }
+        })), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": section_cssstyles.imageoutercont,
+          style: _defineProperty__default["default"](_defineProperty__default["default"]({
+            position: 'absolute',
+            zIndex: 1000,
+            width: '100%'
+          }, "zIndex", 5), "left", 0)
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100 p-3 w-100 h-100 allcentered"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 d-flex allcentered h-100"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": section_cssstyles.collectionname + ' m-0 p-0 '
+        }, langdetect == 'en' ? (_cardsarray$35 = cardsarray[3]) === null || _cardsarray$35 === void 0 ? void 0 : _cardsarray$35.name_en : (_cardsarray$36 = cardsarray[3]) === null || _cardsarray$36 === void 0 ? void 0 : _cardsarray$36.name_ar))))))))))));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 d-flex w-100 justify-content-center",
@@ -52621,7 +52818,6 @@
         }
         // }
       };
       var productcardobjassigner = function productcardobjassigner(fetchedarray) {
         var temparray = [];
         fetchedarray.forEach(function (arrayItem, arrayindex) {
@@ -54653,7 +54849,7 @@
     function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Backgroundimage1 = function Backgroundimage1(props) {
-      var _ref, _bgimagesarray$, _bgimagesarray$2, _ref2;
+      var _bgimagesarray$, _bgimagesarray$2;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -54813,14 +55009,14 @@
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row ml-auto mr-auto d-flex justofy-content-center",
-        style: (_ref = {
+        style: _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           marginTop: sectionproperties.marginTop + 'px',
           marginBottom: sectionproperties.marginBottom + 'px',
           borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
           borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
           borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
           borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
-        }, _defineProperty__default["default"](_ref, "marginTop", sectionproperties.marginTop + 'px'), _defineProperty__default["default"](_ref, "marginBottom", sectionproperties.marginBottom + 'px'), _defineProperty__default["default"](_ref, "height", sectionproperties.height + 'vh'), _ref)
+        }, "marginTop", sectionproperties.marginTop + 'px'), "marginBottom", sectionproperties.marginBottom + 'px'), "height", sectionproperties.height + 'vh')
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0",
         style: {
@@ -54830,11 +55026,11 @@
         urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
         publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
         path: bgimagesarray.length != 0 ? langdetect == 'en' ? (_bgimagesarray$ = bgimagesarray[0]) === null || _bgimagesarray$ === void 0 ? void 0 : _bgimagesarray$.bgsection_image : '/tr:w-2000,h-1000/' + ((_bgimagesarray$2 = bgimagesarray[0]) === null || _bgimagesarray$2 === void 0 ? void 0 : _bgimagesarray$2.bgsection_image_ar) : '',
-        style: (_ref2 = {
+        style: _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           height: '100%',
           width: '100%',
           objectFit: 'cover'
-        }, _defineProperty__default["default"](_ref2, "height", sectionproperties.height + 'vh'), _defineProperty__default["default"](_ref2, "background", sectionproperties.backgroundColor), _defineProperty__default["default"](_ref2, "margin", 0), _defineProperty__default["default"](_ref2, "padding", 0), _defineProperty__default["default"](_ref2, "borderTopLeftRadius", sectionproperties.borderTopLeftRadius + 'px'), _defineProperty__default["default"](_ref2, "borderTopRightRadius", sectionproperties.borderTopRightRadius + 'px'), _defineProperty__default["default"](_ref2, "borderBottomLeftRadius", sectionproperties.borderBottomLeftRadius + 'px'), _defineProperty__default["default"](_ref2, "borderBottomRightRadius", sectionproperties.borderBottomRightRadius + 'px'), _defineProperty__default["default"](_ref2, "zIndex", -1), _ref2)
+        }, "height", sectionproperties.height + 'vh'), "background", sectionproperties.backgroundColor), "margin", 0), "padding", 0), "borderTopLeftRadius", sectionproperties.borderTopLeftRadius + 'px'), "borderTopRightRadius", sectionproperties.borderTopRightRadius + 'px'), "borderBottomLeftRadius", sectionproperties.borderBottomLeftRadius + 'px'), "borderBottomRightRadius", sectionproperties.borderBottomRightRadius + 'px'), "zIndex", -1)
       }), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "".concat(bg1_cssstyles.bgImageContainer) + ' col-lg-12 p-0 w-100 ',
         style: {
@@ -55092,11 +55288,11 @@
           position: 'relative',
           display: 'flex',
           alignItems: 'center'
-        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_defineProperty__default["default"](_css, ':focus', {
           borderColor: sectionproperties.inputfeildbordercoloronfocus
-        }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
+        }), ':focus .login_input_icon', {
           color: sectionproperties.inputfeildbordercoloronfocus
-        }), _css))
+        })))
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100",
@@ -55409,11 +55605,11 @@
           position: 'relative',
           display: 'flex',
           alignItems: 'center'
-        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", '1px solid #e6e6e6'), _defineProperty__default["default"](_css, "borderRadius", '5px'), _defineProperty__default["default"](_css, "height", '38px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", '#000'), _defineProperty__default["default"](_css, "fontSize", '14px'), _defineProperty__default["default"](_css, ':focus', {
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 30px'), "transition", '.3s'), "fontWeight", 500), "border", '1px solid #e6e6e6'), "borderRadius", '5px'), "height", '38px'), "background", 'transparent'), "color", '#000'), _defineProperty__default["default"](_defineProperty__default["default"](_css, "fontSize", '14px'), ':focus', {
           // borderColor: sectionproperties.inputfeildbordercoloronfocus,
           borderColor: '#eac435',
           boxShadow: 'none'
-        }), _css)),
+        }))),
         btnstyles: glamor.css({
           width: sectionproperties.generalbtn_width + '%',
           height: sectionproperties.generalbtn_height + 'px',
@@ -57014,7 +57210,6 @@
     function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Threebgimages = function Threebgimages(props) {
-      var _ref;
       // const { lang, langdetect } = useContext(LanguageContext);
       // const { StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
       var _useState = React.useState(''),
@@ -57152,14 +57347,14 @@
         urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
         publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
         path: maincontainerarrayofobjs[0].back_bgimage != 0 ? maincontainerarrayofobjs[0].back_bgimage : '',
-        style: (_ref = {
+        style: _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           position: 'absolute',
           top: 0,
           left: 0,
           right: 0,
           margin: 'auto',
           objectFit: 'cover'
-        }, _defineProperty__default["default"](_ref, "margin", 0), _defineProperty__default["default"](_ref, "padding", 0), _defineProperty__default["default"](_ref, "transform", langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'), _ref)
+        }, "margin", 0), "padding", 0), "transform", langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)')
       }), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": ' col-md-4 col-sm-12 pr-sm-2 pl-sm-2 pr-md-1 mb-sm-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols
@@ -58669,7 +58864,7 @@
     function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var DynamicForm = function DynamicForm(props) {
-      var _css, _css2, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
+      var _css, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
       props.actions.lang;
       var langdetect = props.actions.langdetect;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -58911,7 +59106,6 @@
             // temp.countrydialcode = country.dialCode;
             // setpayloadobj({ ...temp });
           },
           style: {
             direction: 'ltr',
             color: sectionproperties.inputfieldcolor
@@ -58984,12 +59178,12 @@
           position: 'relative',
           display: 'flex',
           alignItems: 'center'
-        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, "fontSize", sectionproperties.inputfieldfontsize + 'px'), _defineProperty__default["default"](_css, "marginBottom", sectionproperties.inputfieldbordertype == 'All' ? 20 : 0), _defineProperty__default["default"](_css, ':focus', {
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 30px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", 'transparent'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), "fontSize", sectionproperties.inputfieldfontsize + 'px'), "marginBottom", sectionproperties.inputfieldbordertype == 'All' ? 20 : 0), ':focus', {
           borderColor: sectionproperties.inputfeildbordercoloronfocus,
           boxShadow: 'none',
           transition: '.3s'
-        }), _css)),
-        generalbtn: glamor.css((_css2 = {
+        }))),
+        generalbtn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"]({
           width: sectionproperties.generalbtn_width + '%',
           height: sectionproperties.generalbtn_height + 'px',
           backgroundColor: sectionproperties.generalbtn_bgColor,
@@ -58997,11 +59191,11 @@
           color: sectionproperties.generalbtn_textColor,
           fontSize: sectionproperties.generalbtn_fontsize,
           fontWeight: sectionproperties.generalbtn_fontweight
-        }, _defineProperty__default["default"](_css2, "borderRadius", sectionproperties.generalbtnborderradius + 'px'), _defineProperty__default["default"](_css2, ':hover', {
+        }, "borderRadius", sectionproperties.generalbtnborderradius + 'px'), ':hover', {
           transition: '.3s',
           color: sectionproperties.generalbtn_textColoronhover,
           backgroundColor: sectionproperties.generalbtn_bgColoronhover
-        }), _css2)),
+        })),
         btnLeft: glamor.css({
           width: 40,
           height: 40,
@@ -59281,7 +59475,6 @@
     function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Searchcomponent = function Searchcomponent(props) {
-      var _ref;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -59334,13 +59527,13 @@
       }, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_Ar)), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 allcentered mb-5"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        style: (_ref = {
+        style: _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           position: 'relative',
           border: '1px solid #ccc',
           borderRadius: '10px',
           width: '50%',
           height: '40px'
-        }, _defineProperty__default["default"](_ref, "position", 'relative'), _defineProperty__default["default"](_ref, "transition", '.3s'), _defineProperty__default["default"](_ref, "borderRadius", '5px'), _ref),
+        }, "position", 'relative'), "transition", '.3s'), "borderRadius", '5px'),
         "class": "w-md-100"
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         type: "text",
@@ -62897,7 +63090,6 @@
         //     }
         // }
       };
       var LanguageCurrencyCont = function LanguageCurrencyCont(item) {
         var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3;
         return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -63358,7 +63550,6 @@
               }
             }
           },
           style: {
             direction: langdetect == 'en' ? 'ltr' : 'rtl'
           }
@@ -63602,7 +63793,6 @@
                 }
               }
             },
             style: _defineProperty__default["default"]({
               direction: langdetect == 'en' ? 'ltr' : 'rtl',
               width: '100%',
@@ -66814,7 +67004,6 @@
           // border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
         },
         loading: "lazy"
       }), item.hassale == 1 && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
@@ -67178,7 +67367,6 @@
     function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var HorizontalCategoryCard = function HorizontalCategoryCard(props) {
-      var _css;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -67213,14 +67401,14 @@
         return divContainer.textContent || divContainer.innerText || '';
       };
       var categorycard_cssstyles = {
-        categoryCard: glamor.css((_css = {
+        categoryCard: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
           border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
           borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
           borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
           borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
           borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px'
-        }, _defineProperty__default["default"](_css, "border", sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor), _defineProperty__default["default"](_css, "marginTop", sectionproperties.marginTop + 'px'), _defineProperty__default["default"](_css, "marginBottom", sectionproperties.marginBottom + 'px'), _defineProperty__default["default"](_css, "paddingLeft", langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px'), _defineProperty__default["default"](_css, "paddingRight", langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'), _defineProperty__default["default"](_css, "paddingTop", sectionproperties.paddingTop + 'px'), _defineProperty__default["default"](_css, "paddingBottom", sectionproperties.paddingBottom + 'px'), _defineProperty__default["default"](_css, "transition", '0.3s'), _defineProperty__default["default"](_css, "cursor", 'pointer'), _css)),
+        }, "border", sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor), "marginTop", sectionproperties.marginTop + 'px'), "marginBottom", sectionproperties.marginBottom + 'px'), "paddingLeft", langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px'), "paddingRight", langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'), "paddingTop", sectionproperties.paddingTop + 'px'), "paddingBottom", sectionproperties.paddingBottom + 'px'), "transition", '0.3s'), "cursor", 'pointer')),
         name: glamor.css({
           fontSize: sectionproperties.generaltext_fontSize + 'px',
           color: sectionproperties.generaltext_fontColor,
@@ -67349,7 +67537,6 @@
     function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var NewProductcard = function NewProductcard(props) {
-      var _css;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -67394,7 +67581,7 @@
             maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
           }
         }),
-        innerproductcard: glamor.css((_css = {
+        innerproductcard: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
           opacity: sectionproperties.cardbg_opacity,
           borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
@@ -67410,13 +67597,13 @@
           boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
           border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
           color: sectionproperties.prodNameColor
-        }, _defineProperty__default["default"](_css, "opacity", sectionproperties.cardbg_opacity), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', _defineProperty__default["default"]({
+        }, "opacity", sectionproperties.cardbg_opacity), "transition", '.3s'), ':hover', _defineProperty__default["default"]({
           opacity: sectionproperties.bgopacityonhover,
           color: sectionproperties.prodNameColorOnHover
-        }, "opacity", sectionproperties.bgopacityonhover)), _defineProperty__default["default"](_css, ':hover .buttoncont', {
+        }, "opacity", sectionproperties.bgopacityonhover)), ':hover .buttoncont', {
           bottom: '30%',
           opacity: 1
-        }), _css)),
+        })),
         productcard_imgcontainer: glamor.css({
           background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
           border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
@@ -67970,7 +68157,6 @@
     function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Card20 = function Card20(props) {
-      var _ref;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -68107,7 +68293,7 @@
         // '/tr:w-500,h-250/' +
         ,
         path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
-        style: (_ref = {
+        style: _defineProperty__default["default"](_defineProperty__default["default"]({
           width: '100%',
           height: '100%',
           objectFit: sectionproperties.bgcovercontain,
@@ -68115,7 +68301,7 @@
           borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
           borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
           borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
-        }, _defineProperty__default["default"](_ref, "height", sectionproperties.image_height + 'px'), _defineProperty__default["default"](_ref, "backgroundColor", sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor), _ref),
+        }, "height", sectionproperties.image_height + 'px'), "backgroundColor", sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor),
         loading: "lazy",
         onClick: function onClick() {
           setShowProductInfoModalContext(true);
@@ -68956,7 +69142,6 @@
             // borderColor: sectionproperties.cartBtnTextcoloronhover,
           }
         }),
         iconsContainer: glamor.css({
           display: 'flex',
           flexDirection: 'column',
@@ -69283,7 +69468,7 @@
         // sectionproperties.hideshowcardtransition == 'Show'
         //     ? ` ${cardsstyles2.imageContainer} ${cardstyles.imagecontainer}` + ' d-flex d-md-none '
         //     : ` ${cardsstyles2.imageContainer} ` + ' d-flex d-md-none '
-        sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex ',
+        sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex d-md-none ',
         style: {
           height: sectionproperties.image_height + 'px',
           marginBottom: sectionproperties.image_mb + 'px'
@@ -69435,7 +69620,6 @@
     function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
-      var _css;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -69586,20 +69770,20 @@
           background: sectionproperties.badge_bgcolor,
           borderRadius: sectionproperties.badge_borderradius + 'px'
         }),
-        card: glamor.css((_css = {
+        card: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"]({
           ':hover .iconsContainer': {
             opacity: 1,
             transition: 'all, 0.4s',
             right: 10
           }
-        }, _defineProperty__default["default"](_css, ":hover .iconsContainer", {
+        }, ":hover .iconsContainer", {
           opacity: 1,
           transition: 'all, 0.4s',
           right: 10
-        }), _defineProperty__default["default"](_css, ':hover .description', {
+        }), ':hover .description', {
           display: 'block',
           transition: 'all, 0.4s'
-        }), _css))
+        }))
       };
       var plainString = function plainString(html) {
         var divContainer = document.createElement('div');
@@ -70368,7 +70552,7 @@
           borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
           borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
           borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px'
-        }, _defineProperty__default["default"](_css, "border", sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor), _defineProperty__default["default"](_css, "marginTop", sectionproperties.marginTop + 'px'), _defineProperty__default["default"](_css, "marginBottom", sectionproperties.marginBottom + 'px'), _defineProperty__default["default"](_css, "paddingLeft", langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px'), _defineProperty__default["default"](_css, "paddingRight", langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'), _defineProperty__default["default"](_css, "paddingTop", sectionproperties.paddingTop + 'px'), _defineProperty__default["default"](_css, "paddingBottom", sectionproperties.paddingBottom + 'px'), _defineProperty__default["default"](_css, "transition", '0.3s'), _defineProperty__default["default"](_css, "cursor", 'pointer'), _defineProperty__default["default"](_css, ':after', {
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "border", sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor), "marginTop", sectionproperties.marginTop + 'px'), "marginBottom", sectionproperties.marginBottom + 'px'), "paddingLeft", langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px'), "paddingRight", langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'), "paddingTop", sectionproperties.paddingTop + 'px'), "paddingBottom", sectionproperties.paddingBottom + 'px'), "transition", '0.3s'), "cursor", 'pointer'), ':after', {
           borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
           borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
           borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
@@ -70387,7 +70571,7 @@
           opacity: sectionproperties.cardtransition_opacity
         }), _defineProperty__default["default"](_css, ':hover:after', {
           opacity: sectionproperties.cardtransitionbgopacityonhover
-        }), _css)),
+        }))),
         caption: glamor.css({
           zIndex: 2,
           ':before': {
@@ -70888,7 +71072,6 @@
     function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props) {
-      var _css;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -70987,7 +71170,7 @@
             color: sectionproperties.text_secondarycolor
           }
         }),
-        card_btn: glamor.css((_css = {
+        card_btn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"]({
           transition: '0.3s',
           color: sectionproperties.generalbtn_textColor,
           fontSize: sectionproperties.generalbtn_fontsize + 'px',
@@ -70999,10 +71182,10 @@
           borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
           borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
           fontWeight: sectionproperties.generalbtn_fontweight
-        }, _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', {
+        }, "transition", '.3s'), ':hover', {
           background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
           color: sectionproperties.generalbtn_textColoronhover
-        }), _css))
+        }))
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100",
@@ -71057,7 +71240,6 @@
     function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Categorycard_withshapes = function Categorycard_withshapes(props) {
-      var _css;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -71103,7 +71285,7 @@
         setitem(props.cardinfoitemprops);
       }, [props.cardinfoitemprops]);
       var card_cssstyles = {
-        categoryCard: glamor.css((_css = {
+        categoryCard: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
           borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
           borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
@@ -71123,9 +71305,9 @@
           cursor: 'pointer',
           opacity: sectionproperties.cardbg_opacity,
           overflow: 'hidden'
-        }, _defineProperty__default["default"](_css, "cursor", 'pointer'), _defineProperty__default["default"](_css, "backgroundSize", 'cover'), _defineProperty__default["default"](_css, "backgroundRepeat", 'no-repeat'), _defineProperty__default["default"](_css, "backgroundPosition", 'center'), _defineProperty__default["default"](_css, "transition", '0.3s'), _defineProperty__default["default"](_css, ':after', {
+        }, "cursor", 'pointer'), "backgroundSize", 'cover'), "backgroundRepeat", 'no-repeat'), "backgroundPosition", 'center'), "transition", '0.3s'), ':after', {
           backgroundColor: sectionproperties.transitionbg_color
-        }), _css)),
+        })),
         categorycardtext: glamor.css({
           fontSize: sectionproperties.generaltext_fontSize + 'px',
           color: sectionproperties.generaltext_fontColor,
@@ -71136,12 +71318,10 @@
           background: sectionproperties.firstcolor
           // primary
         }),
         shadow2: glamor.css({
           background: sectionproperties.secondcolor
           // primary
         }),
         cards_three__rect2: glamor.css({
           ':before': {
             background: sectionproperties.secondcolor
@@ -71627,7 +71807,6 @@
     function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Classiccategorycard = function Classiccategorycard(props) {
-      var _mediaMaxWidth;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -71672,9 +71851,9 @@
           minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.image_width + 'px',
           maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.image_width + 'px',
           height: sectionproperties.image_height == 0 ? '100%' : sectionproperties.image_height + '%',
-          '@media (max-width: 800px)': (_mediaMaxWidth = {
+          '@media (max-width: 800px)': _defineProperty__default["default"](_defineProperty__default["default"]({
             minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.image_width_resp + 'px'
-          }, _defineProperty__default["default"](_mediaMaxWidth, "minWidth", props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.image_width_resp + 'px'), _defineProperty__default["default"](_mediaMaxWidth, "height", sectionproperties.height_responsive + 'px'), _mediaMaxWidth)
+          }, "minWidth", props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.image_width_resp + 'px'), "height", sectionproperties.height_responsive + 'px')
         }),
         textContainer: glamor.css({
           width: sectionproperties.width + 'px',
@@ -72096,7 +72275,7 @@
     function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var MenuCard = function MenuCard(props) {
-      var _css, _css2;
+      var _css2;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -72188,7 +72367,7 @@
           transition: '.3s',
           color: sectionproperties.prodNameColor
         }),
-        productcardimagecont: glamor.css((_css = {
+        productcardimagecont: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           position: 'relative',
           overflow: 'hidden',
           background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
@@ -72200,9 +72379,9 @@
           transition: '.3s',
           height: sectionproperties.image_height + 'px',
           width: sectionproperties.image_width + 'px'
-        }, _defineProperty__default["default"](_css, "borderBottomLeftRadius", langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px'), _defineProperty__default["default"](_css, "borderBottomRightRadius", langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'), _defineProperty__default["default"](_css, "borderTopLeftRadius", langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px'), _defineProperty__default["default"](_css, "borderTopRightRadius", langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'), _defineProperty__default["default"](_css, "overflow", 'hidden'), _defineProperty__default["default"](_css, "cursor", 'pointer'), _defineProperty__default["default"](_css, '@media (max-width: 800px)', {
+        }, "borderBottomLeftRadius", langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px'), "borderBottomRightRadius", langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'), "borderTopLeftRadius", langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px'), "borderTopRightRadius", langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'), "overflow", 'hidden'), "cursor", 'pointer'), '@media (max-width: 800px)', {
           width: sectionproperties.image_width + '%'
-        }), _css)),
+        })),
         productNameStyles: glamor.css({
           fontSize: sectionproperties.prodNameFontSize + 'px',
           textTransform: sectionproperties.prodNameTextTranform,
@@ -72265,7 +72444,7 @@
           flex: 1,
           border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
           height: sectionproperties.quantitybtn_height + 'px'
-        }, _defineProperty__default["default"](_css2, "height", '40px'), _defineProperty__default["default"](_css2, "display", 'flex'), _defineProperty__default["default"](_css2, "flexDirection", 'row'), _defineProperty__default["default"](_css2, "overflow", 'hidden'), _defineProperty__default["default"](_css2, "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), _defineProperty__default["default"](_css2, "background", sectionproperties.quantitybtn_bgcolor), _defineProperty__default["default"](_css2, "alignItems", 'center'), _defineProperty__default["default"](_css2, "justifyContent", 'center'), _defineProperty__default["default"](_css2, "margin", 0), _defineProperty__default["default"](_css2, "position", 'relative'), _defineProperty__default["default"](_css2, "fontWeight", sectionproperties.quantitybtn_textfontweight), _defineProperty__default["default"](_css2, "color", sectionproperties.quantitybtn_textcolor), _defineProperty__default["default"](_css2, "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'), _css2)),
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css2, "height", '40px'), "display", 'flex'), "flexDirection", 'row'), "overflow", 'hidden'), "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), "background", sectionproperties.quantitybtn_bgcolor), "alignItems", 'center'), "justifyContent", 'center'), "margin", 0), "position", 'relative'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css2, "fontWeight", sectionproperties.quantitybtn_textfontweight), "color", sectionproperties.quantitybtn_textcolor), "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'))),
         quantitybtn_text: glamor.css({
           margin: 'auto'
         }),
@@ -72775,7 +72954,7 @@
           flex: 1,
           border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
           height: sectionproperties.quantitybtn_height + 'px'
-        }, _defineProperty__default["default"](_css, "height", '40px'), _defineProperty__default["default"](_css, "display", 'flex'), _defineProperty__default["default"](_css, "flexDirection", 'row'), _defineProperty__default["default"](_css, "overflow", 'hidden'), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.quantitybtn_bgcolor), _defineProperty__default["default"](_css, "alignItems", 'center'), _defineProperty__default["default"](_css, "justifyContent", 'center'), _defineProperty__default["default"](_css, "margin", 0), _defineProperty__default["default"](_css, "position", 'relative'), _defineProperty__default["default"](_css, "fontWeight", sectionproperties.quantitybtn_textfontweight), _defineProperty__default["default"](_css, "color", sectionproperties.quantitybtn_textcolor), _defineProperty__default["default"](_css, "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'), _css)),
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "height", '40px'), "display", 'flex'), "flexDirection", 'row'), "overflow", 'hidden'), "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), "background", sectionproperties.quantitybtn_bgcolor), "alignItems", 'center'), "justifyContent", 'center'), "margin", 0), "position", 'relative'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "fontWeight", sectionproperties.quantitybtn_textfontweight), "color", sectionproperties.quantitybtn_textcolor), "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'))),
         quantitybtn_text: glamor.css({
           margin: 'auto'
         }),
@@ -73393,7 +73572,6 @@
     function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ModernProductCard = function ModernProductCard(props) {
-      var _css;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -73545,7 +73723,7 @@
             maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
           }
         }),
-        innerproductcard: glamor.css((_css = {
+        innerproductcard: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
           opacity: sectionproperties.cardbg_opacity,
           borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
@@ -73561,13 +73739,13 @@
           boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
           border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
           color: sectionproperties.prodNameColor
-        }, _defineProperty__default["default"](_css, "opacity", sectionproperties.cardbg_opacity), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', _defineProperty__default["default"]({
+        }, "opacity", sectionproperties.cardbg_opacity), "transition", '.3s'), ':hover', _defineProperty__default["default"]({
           opacity: sectionproperties.bgopacityonhover,
           color: sectionproperties.prodNameColorOnHover
-        }, "opacity", sectionproperties.bgopacityonhover)), _defineProperty__default["default"](_css, ':hover .buttoncont', {
+        }, "opacity", sectionproperties.bgopacityonhover)), ':hover .buttoncont', {
           bottom: '30%',
           opacity: 1
-        }), _css)),
+        })),
         productcardimagecont: glamor.css({
           position: 'relative',
           overflow: 'hidden',
@@ -75304,7 +75482,6 @@
         })
       };
       var Image = function Image(type) {
-        var _ref;
         var transition = false;
         if (sectionproperties.showimagetransition == 'Show' && type != 'responsive') {
           transition = true;
@@ -75319,7 +75496,7 @@
           urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
           publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
           path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
-          style: (_ref = {
+          style: _defineProperty__default["default"](_defineProperty__default["default"]({
             opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? sectionproperties.outofstockimageopcity : 1,
             width: sectionproperties.imageInnerWidth_Height + '%',
             height: sectionproperties.imageInnerWidth_Height + '%',
@@ -75328,7 +75505,7 @@
             borderBottomRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px' : 0,
             borderTopLeftRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px' : 0,
             borderTopRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px' : 0
-          }, _defineProperty__default["default"](_ref, "width", '100%'), _defineProperty__default["default"](_ref, "height", '100%'), _ref),
+          }, "width", '100%'), "height", '100%'),
           loading: "lazy",
           onClick: function onClick() {
             setShowProductInfoModalContext(true);
@@ -75474,7 +75651,6 @@
     function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Productcard6 = function Productcard6(props) {
-      var _css;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -75518,7 +75694,7 @@
         setitem(props.cardinfoitemprops);
       }, [props.cardinfoitemprops]);
       var card_cssstyles = {
-        productcard: glamor.css((_css = {
+        productcard: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
           position: 'relative',
           background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
           boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
@@ -75538,9 +75714,9 @@
           transition: '0.3s',
           cursor: 'pointer',
           opacity: sectionproperties.cardbg_opacity
-        }, _defineProperty__default["default"](_css, "border", sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor), _defineProperty__default["default"](_css, ':hover', {
+        }, "border", sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor), ':hover', {
           opacity: sectionproperties.bgopacityonhover
-        }), _defineProperty__default["default"](_css, ':after', {
+        }), ':after', {
           borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
           borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
           borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
@@ -75556,9 +75732,9 @@
           transition: ' 0.3s',
           background: sectionproperties.transitionbg_color,
           opacity: sectionproperties.cardtransition_opacity
-        }), _defineProperty__default["default"](_css, ':hover:after', {
+        }), ':hover:after', {
           opacity: sectionproperties.cardtransitionbgopacityonhover
-        }), _css)),
+        })),
         productNameStyles: glamor.css({
           color: sectionproperties.prodNameColor,
           fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -75947,7 +76123,6 @@
     function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Productcarddefault = function Productcarddefault(props) {
-      var _css;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -76018,7 +76193,7 @@
             borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
           }
         }),
-        productcard_image_container: glamor.css((_css = {
+        productcard_image_container: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"]({
           height: sectionproperties.height + 'px',
           // border: sectionproperties.image_borderWidth + 'px solid ' + sectionproperties.image_bordercolor,
           // boxShadow: sectionproperties.image_showshadow == 'Show' ? ' 0 0 10px ' + sectionproperties.image_shadowcolor : '',
@@ -76037,9 +76212,9 @@
           backgroundSize: 'cover',
           backgroundRepeat: 'no-repeat',
           backgroundPosition: 'center'
-        }, _defineProperty__default["default"](_css, "opacity", sectionproperties.cardimg_opacity), _defineProperty__default["default"](_css, ':hover', {
+        }, "opacity", sectionproperties.cardimg_opacity), ':hover', {
           opacity: sectionproperties.cardimg_opacityonhover
-        }), _css)),
+        })),
         textContainer: glamor.css({
           paddingLeft: sectionproperties.paddingLeft + 'px',
           paddingRight: sectionproperties.paddingRight + 'px',