tabexseriescomponents 0.2.773 → 0.2.774

package/dist/index.esm.js

@@ -18,6 +18,7 @@ import { IoMdClose } from '@react-icons/all-files/io/IoMdClose';
 import { Modal, Offcanvas } from 'react-bootstrap';
 import { IKImage } from 'imagekitio-react';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _extends from '@babel/runtime/helpers/extends';
 import ImageGallery from 'react-image-gallery';
 import { MdAddShoppingCart } from '@react-icons/all-files/md/MdAddShoppingCart';
 import { IoBagHandleOutline } from '@react-icons/all-files/io5/IoBagHandleOutline';
@@ -29,9 +30,12 @@ import { FiShoppingBag } from '@react-icons/all-files/fi/FiShoppingBag';
 import { FiShoppingCart } from '@react-icons/all-files/fi/FiShoppingCart';
 import { AiFillStar as AiFillStar$1 } from '@react-icons/all-files/ai/AiFillStar';
 import { AiOutlineStar } from '@react-icons/all-files/ai/AiOutlineStar';
+import { FaWhatsapp } from '@react-icons/all-files/fa/FaWhatsapp';
+import { IoCall } from '@react-icons/all-files/io5/IoCall';
 import { FaPlus } from '@react-icons/all-files/fa/FaPlus';
 import { FaMinus } from '@react-icons/all-files/fa/FaMinus';
 import { FiBox as FiBox$1 } from '@react-icons/all-files/fi/FiBox';
+import { Slide, Fade, Zoom } from 'react-slideshow-image';
 import { RiArrowGoBackLine } from '@react-icons/all-files/ri/RiArrowGoBackLine';
 import { Accordion, AccordionItem, AccordionItemHeading, AccordionItemButton, AccordionItemState, AccordionItemPanel } from 'react-accessible-accordion';
 import { FacebookShareButton, FacebookIcon, EmailShareButton, EmailIcon, TwitterShareButton, WhatsappShareButton, WhatsappIcon, LinkedinShareButton, LinkedinIcon, TwitterIcon } from 'react-share';
@@ -42,12 +46,12 @@ import { FiLayers } from '@react-icons/all-files/fi/FiLayers';
 import { HiOutlinePlusCircle } from '@react-icons/all-files/hi/HiOutlinePlusCircle';
 import '@react-icons/all-files/hi/HiOutlineMinusCircle';
 import TextareaAutosize from 'react-textarea-autosize';
+import '@mui/system';
 import { AiOutlineClockCircle } from '@react-icons/all-files/ai/AiOutlineClockCircle';
 import { AiOutlinePlus } from '@react-icons/all-files/ai/AiOutlinePlus';
 import { AiOutlineCheck } from '@react-icons/all-files/ai/AiOutlineCheck';
 import DatePicker from 'react-datepicker';
 import { FiCalendar } from '@react-icons/all-files/fi/FiCalendar';
-import '@mui/system';
 import { ScrollMenu } from 'react-horizontal-scrolling-menu';
 import { Box, Tabs, Tab } from '@mui/material';
 import { HiOutlinePhone } from '@react-icons/all-files/hi/HiOutlinePhone';
@@ -96,7 +100,6 @@ import { HiOutlineArrowLeft } from '@react-icons/all-files/hi/HiOutlineArrowLeft
 import ReactPaginate from 'react-paginate';
 import { FaFacebook } from '@react-icons/all-files/fa/FaFacebook';
 import { AiFillInstagram } from '@react-icons/all-files/ai/AiFillInstagram';
-import { FaWhatsapp } from '@react-icons/all-files/fa/FaWhatsapp';
 import { BiGlobe } from '@react-icons/all-files/bi/BiGlobe';
 import { MdKeyboardArrowDown } from '@react-icons/all-files/md/MdKeyboardArrowDown';
 import { FaMoneyBillWave } from '@react-icons/all-files/fa/FaMoneyBillWave';
@@ -159,8 +162,6 @@ import { GoStar } from '@react-icons/all-files/go/GoStar';
 import { IoIosStar } from '@react-icons/all-files/io/IoIosStar';
 import { CountdownCircleTimer } from 'react-countdown-circle-timer';
 import BackgroundSlideshow from 'react-background-slideshow';
-import _extends from '@babel/runtime/helpers/extends';
-import { Fade, Slide, Zoom } from 'react-slideshow-image';
 import { HiOutlineLocationMarker } from '@react-icons/all-files/hi/HiOutlineLocationMarker';
 import { FiPhoneCall } from '@react-icons/all-files/fi/FiPhoneCall';
 import { FaRegEye } from '@react-icons/all-files/fa/FaRegEye';
@@ -1191,11 +1192,11 @@ var Login = function Login(props) {
   }, forgetpasswordstage == 'verify' ? langdetect == 'en' ? 'Reset password' : 'إعادة تعيين كلمة المرور' : langdetect == 'en' ? 'Send verification code' : 'أرسل رمز التحقق'))))));
 };
 
-var css_248z$L = ".productinfo-module_variant_container__-y4Uc {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    /* min-width: 10vh;\n    height: 5vh; */\n    border-radius: 10px;\n    background-color: #000;\n    color: white;\n    padding: 0 6px;\n    cursor: pointer;\n    transition: 0.3s;\n}\n.productinfo-module_size_variant_container__vuTAO {\n    /* min-width: 5vh !important;\n    max-width: 5vh !important;\n    height: 5vh !important;\n    border-radius: 50% !important; */\n    /* padding: 0 2px !important; */\n}\n.productinfo-module_variant_container__-y4Uc:hover {\n    /* transform: scale(1.05); */\n}\n.productinfo-module_variant_container_active__OAhmg {\n    border: 2px solid green;\n    background-color: green;\n}\n.productinfo-module_color_container__c42a9 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 4vh;\n    height: 4vh;\n    border: 2px solid #ccc;\n    border-radius: 50%;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 0.3s;\n}\n.productinfo-module_color_container_active__Br2PW {\n    padding: 10px;\n    border: 2px solid var(--green);\n}\n\n.productinfo-module_color_container_active__Br2PW {\n    /* display: flex;\n    align-items: center;\n    justify-content: center;\n    content: '✓';\n    color: white; */\n}\n.productinfo-module_color_container__c42a9:hover {\n    /* transform: scale(1.1); */\n}\n";
-var productinfostyles = {"variant_container":"productinfo-module_variant_container__-y4Uc","size_variant_container":"productinfo-module_size_variant_container__vuTAO","variant_container_active":"productinfo-module_variant_container_active__OAhmg","color_container":"productinfo-module_color_container__c42a9","color_container_active":"productinfo-module_color_container_active__Br2PW"};
+var css_248z$L = ".image-gallery_image-gallery-icon__WE2UX {\n\tcolor: #fff;\n\ttransition: all .3s ease-out;\n\tappearance: none;\n\tbackground-color: transparent;\n\tborder: 0;\n\tcursor: pointer;\n\toutline: none;\n\tposition: absolute;\n\tz-index: 4;\n    display: none !important;\n\t/* filter: drop-shadow(0 2px 2px #1a1a1a); */\n}\n\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-icon__WE2UX:hover {\n\t\tcolor: var(--secondary)\n\t}\n\n\t.image-gallery_image-gallery-icon__WE2UX:hover .image-gallery_image-gallery-svg__XloJd {\n\t\ttransform: scale(1.1)\n\t}\n}\n\n.image-gallery_image-gallery-icon__WE2UX:focus {\n\toutline: 2px solid #000\n}\n\n.image-gallery_image-gallery-using-mouse__lBKAU .image-gallery_image-gallery-icon__WE2UX:focus {\n\toutline: none\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z,\n.image-gallery_image-gallery-play-button__2AS3J {\n\tbottom: 0;\n\tpadding: 20px\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\theight: 28px;\n\twidth: 28px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\n\t.image-gallery_image-gallery-play-button__2AS3J {\n\t\tpadding: 15px\n\t}\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 24px;\n\t\twidth: 24px\n\t}\n}\n\n@media(max-width: 480px) {\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\n\t.image-gallery_image-gallery-play-button__2AS3J {\n\t\tpadding: 10px\n\t}\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 16px;\n\t\twidth: 16px\n\t}\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z {\n\tright: 0\n}\n\n.image-gallery_image-gallery-play-button__2AS3J {\n\tleft: 0\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk,\n.image-gallery_image-gallery-right-nav__53hut {\n\tpadding: 50px 10px;\n\ttop: 50%;\n\ttransform: translateY(-50%)\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\theight: 120px;\n\twidth: 60px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 72px;\n\t\twidth: 36px\n\t}\n}\n\n@media(max-width: 480px) {\n\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 48px;\n\t\twidth: 24px\n\t}\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk[disabled],\n.image-gallery_image-gallery-right-nav__53hut[disabled] {\n\tcursor: disabled;\n\topacity: .6;\n\tpointer-events: none\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk {\n\tleft: 0\n}\n\n.image-gallery_image-gallery-right-nav__53hut {\n\tright: 0\n}\n\n.image-gallery_image-gallery__FfPQj {\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\t-o-user-select: none;\n\tuser-select: none;\n\t-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\tposition: relative\n}\n\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw {\n\tbackground: #000;\n\tbottom: 0;\n\theight: 100%;\n\tleft: 0;\n\tposition: fixed;\n\tright: 0;\n\ttop: 0;\n\twidth: 100%;\n\tz-index: 5\n}\n\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw .image-gallery_image-gallery-content__kMTBU {\n\ttop: 50%;\n\ttransform: translateY(-50%)\n}\n\n.image-gallery_image-gallery-content__kMTBU {\n\tposition: relative;\n\tline-height: 0;\n\ttop: 0\n}\n\n.image-gallery_image-gallery-content__kMTBU.image-gallery_fullscreen__VMCyX {\n\tbackground: #000\n}\n\n.image-gallery_image-gallery-content__kMTBU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\tmax-height: 50vh !important;\n}\n\n.image-gallery_image-gallery-content__kMTBU.image-gallery_left__K0NWU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh,\n.image-gallery_image-gallery-content__kMTBU.image-gallery_right__PlchD .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\tmax-height: 100vh\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\n\tdisplay: inline-block;\n\twidth: calc(100% - 110px)\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\n\t\twidth: calc(100% - 87px)\n\t}\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_image-gallery-rtl__jhrNg {\n\tdirection: rtl\n}\n\n.image-gallery_image-gallery-slides__cWfmF {\n\tline-height: 0;\n\toverflow: hidden;\n\tposition: relative;\n\twhite-space: nowrap;\n\ttext-align: center\n}\n\n.image-gallery_image-gallery-slide__2BfHc {\n\tleft: 0;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 100%\n}\n\n.image-gallery_image-gallery-slide__2BfHc.image-gallery_center__1gH-w {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\twidth: 100%;\n\tobject-fit: contain\n}\n\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\n\tbackground: rgba(0, 0, 0, .4);\n\tbottom: 70px;\n\tcolor: #fff;\n\tleft: 0;\n\tline-height: 1;\n\tpadding: 10px 20px;\n\tposition: absolute;\n\twhite-space: normal\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\n\t\tbottom: 45px;\n\t\tfont-size: .8em;\n\t\tpadding: 8px 15px\n\t}\n}\n\n.image-gallery_image-gallery-bullets__CEQBy {\n\tbottom: 20px;\n\tleft: 0;\n\tmargin: 0 auto;\n\tposition: absolute;\n\tright: 0;\n\twidth: 80%;\n\tz-index: 4\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullets-container__BXDlg {\n\tmargin: 0;\n\tpadding: 0;\n\ttext-align: center\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\tappearance: none;\n\tbackground-color: transparent;\n\tborder: 1px solid #fff;\n\tborder-radius: 50%;\n\tbox-shadow: 0 2px 2px #1a1a1a;\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tmargin: 0 5px;\n\toutline: none;\n\tpadding: 5px;\n\ttransition: all .2s ease-out\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\t\tmargin: 0 3px;\n\t\tpadding: 3px\n\t}\n}\n\n@media(max-width: 480px) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\t\tpadding: 2.7px\n\t}\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:focus {\n\ttransform: scale(1.2);\n\tbackground: #000;\n\tborder: 1px solid #000\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR {\n\ttransform: scale(1.2);\n\tborder: 1px solid #fff;\n\tbackground: #fff\n}\n\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:hover {\n\t\tbackground: #000;\n\t\tborder: 1px solid #000\n\t}\n\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR:hover {\n\t\tbackground: #000\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv- {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-horizontal__5-5qp {\n\ttouch-action: pan-y\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-vertical__-NAhb {\n\ttouch-action: pan-x\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-wrapper-rtl__Ya5gz {\n\tdirection: rtl\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\tdisplay: inline-block;\n\tvertical-align: top;\n\twidth: 100px;\n\theight: 100px !important;\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\t\twidth: 81px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn {\n\theight: 100%;\n\twidth: 100%;\n\tleft: 0;\n\tpadding: 0;\n\tposition: absolute;\n\ttop: 0\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF {\n\tdisplay: block;\n\tmargin-right: 0;\n\tpadding: 0\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\n\tmargin-left: 0;\n\tmargin-top: 2px\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\tmargin: 0 5px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\t\tmargin: 0 3px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails__1BFBn {\n\toverflow: hidden;\n\tpadding: 5px 0\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnails__1BFBn {\n\t\tpadding: 3px 0\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnails-container__Z3mr8 {\n\tcursor: pointer;\n\ttext-align: center;\n\twhite-space: nowrap\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF {\n\tdisplay: inline-block;\n\tborder: 2px solid transparent;\n\ttransition: border .3s ease-out;\n\twidth: 10vh;\n\tbackground: transparent;\n\tpadding: 0\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF {\n\t\tborder: 3px solid transparent;\n\t\twidth: 81px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\n\tmargin-left: 2px\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-inner__4F4ry {\n\tdisplay: block;\n\tposition: relative\n}\n.image-gallery_image-gallery-thumbnail__EKbDF{\n\twidth: 10vh;\n\theight: 7vh;\n\toverflow: hidden;\n}\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-image__Oi9qX {\n\twidth: 100%;\n    height:100%;\n\tline-height: 0;\n    object-fit: contain;\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF.image-gallery_active__B2qrR,\n.image-gallery_image-gallery-thumbnail__EKbDF:focus {\n\toutline: none;\n\tborder: 2px solid var(--light);\n}\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\n\t\toutline: none;\n\t\tborder: 2px solid var(--light)\n\t}\n}\n\n@media(hover: hover)and (pointer: fine)and (max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\n\t\tborder: 2px solid var(--primary)\n\t}\n}\n\n.image-gallery_image-gallery-thumbnail-label__4Xph8 {\n\tbox-sizing: border-box;\n\tcolor: #fff;\n\tfont-size: 1em;\n\tleft: 0;\n\tline-height: 1em;\n\tpadding: 5%;\n\tposition: absolute;\n\ttop: 50%;\n\ttext-shadow: 0 2px 2px #1a1a1a;\n\ttransform: translateY(-50%);\n\twhite-space: normal;\n\twidth: 100%\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail-label__4Xph8 {\n\t\tfont-size: .8em;\n\t\tline-height: .8em\n\t}\n}\n\n.image-gallery_image-gallery-index__DbRoC {\n\tbackground: rgba(0, 0, 0, .4);\n\tcolor: #fff;\n\tline-height: 1;\n\tpadding: 10px 20px;\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\tz-index: 4\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-index__DbRoC {\n\t\tfont-size: .8em;\n\t\tpadding: 5px 10px\n\t}\n}";
 styleInject(css_248z$L);
 
-var css_248z$K = ".image-gallery_image-gallery-icon__WE2UX {\n\tcolor: #fff;\n\ttransition: all .3s ease-out;\n\tappearance: none;\n\tbackground-color: transparent;\n\tborder: 0;\n\tcursor: pointer;\n\toutline: none;\n\tposition: absolute;\n\tz-index: 4;\n    display: none !important;\n\t/* filter: drop-shadow(0 2px 2px #1a1a1a); */\n}\n\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-icon__WE2UX:hover {\n\t\tcolor: var(--secondary)\n\t}\n\n\t.image-gallery_image-gallery-icon__WE2UX:hover .image-gallery_image-gallery-svg__XloJd {\n\t\ttransform: scale(1.1)\n\t}\n}\n\n.image-gallery_image-gallery-icon__WE2UX:focus {\n\toutline: 2px solid #000\n}\n\n.image-gallery_image-gallery-using-mouse__lBKAU .image-gallery_image-gallery-icon__WE2UX:focus {\n\toutline: none\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z,\n.image-gallery_image-gallery-play-button__2AS3J {\n\tbottom: 0;\n\tpadding: 20px\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\theight: 28px;\n\twidth: 28px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\n\t.image-gallery_image-gallery-play-button__2AS3J {\n\t\tpadding: 15px\n\t}\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 24px;\n\t\twidth: 24px\n\t}\n}\n\n@media(max-width: 480px) {\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\n\t.image-gallery_image-gallery-play-button__2AS3J {\n\t\tpadding: 10px\n\t}\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 16px;\n\t\twidth: 16px\n\t}\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z {\n\tright: 0\n}\n\n.image-gallery_image-gallery-play-button__2AS3J {\n\tleft: 0\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk,\n.image-gallery_image-gallery-right-nav__53hut {\n\tpadding: 50px 10px;\n\ttop: 50%;\n\ttransform: translateY(-50%)\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\theight: 120px;\n\twidth: 60px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 72px;\n\t\twidth: 36px\n\t}\n}\n\n@media(max-width: 480px) {\n\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 48px;\n\t\twidth: 24px\n\t}\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk[disabled],\n.image-gallery_image-gallery-right-nav__53hut[disabled] {\n\tcursor: disabled;\n\topacity: .6;\n\tpointer-events: none\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk {\n\tleft: 0\n}\n\n.image-gallery_image-gallery-right-nav__53hut {\n\tright: 0\n}\n\n.image-gallery_image-gallery__FfPQj {\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\t-o-user-select: none;\n\tuser-select: none;\n\t-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\tposition: relative\n}\n\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw {\n\tbackground: #000;\n\tbottom: 0;\n\theight: 100%;\n\tleft: 0;\n\tposition: fixed;\n\tright: 0;\n\ttop: 0;\n\twidth: 100%;\n\tz-index: 5\n}\n\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw .image-gallery_image-gallery-content__kMTBU {\n\ttop: 50%;\n\ttransform: translateY(-50%)\n}\n\n.image-gallery_image-gallery-content__kMTBU {\n\tposition: relative;\n\tline-height: 0;\n\ttop: 0\n}\n\n.image-gallery_image-gallery-content__kMTBU.image-gallery_fullscreen__VMCyX {\n\tbackground: #000\n}\n\n.image-gallery_image-gallery-content__kMTBU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\tmax-height: 50vh !important;\n}\n\n.image-gallery_image-gallery-content__kMTBU.image-gallery_left__K0NWU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh,\n.image-gallery_image-gallery-content__kMTBU.image-gallery_right__PlchD .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\tmax-height: 100vh\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\n\tdisplay: inline-block;\n\twidth: calc(100% - 110px)\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\n\t\twidth: calc(100% - 87px)\n\t}\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_image-gallery-rtl__jhrNg {\n\tdirection: rtl\n}\n\n.image-gallery_image-gallery-slides__cWfmF {\n\tline-height: 0;\n\toverflow: hidden;\n\tposition: relative;\n\twhite-space: nowrap;\n\ttext-align: center\n}\n\n.image-gallery_image-gallery-slide__2BfHc {\n\tleft: 0;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 100%\n}\n\n.image-gallery_image-gallery-slide__2BfHc.image-gallery_center__1gH-w {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\twidth: 100%;\n\tobject-fit: contain\n}\n\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\n\tbackground: rgba(0, 0, 0, .4);\n\tbottom: 70px;\n\tcolor: #fff;\n\tleft: 0;\n\tline-height: 1;\n\tpadding: 10px 20px;\n\tposition: absolute;\n\twhite-space: normal\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\n\t\tbottom: 45px;\n\t\tfont-size: .8em;\n\t\tpadding: 8px 15px\n\t}\n}\n\n.image-gallery_image-gallery-bullets__CEQBy {\n\tbottom: 20px;\n\tleft: 0;\n\tmargin: 0 auto;\n\tposition: absolute;\n\tright: 0;\n\twidth: 80%;\n\tz-index: 4\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullets-container__BXDlg {\n\tmargin: 0;\n\tpadding: 0;\n\ttext-align: center\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\tappearance: none;\n\tbackground-color: transparent;\n\tborder: 1px solid #fff;\n\tborder-radius: 50%;\n\tbox-shadow: 0 2px 2px #1a1a1a;\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tmargin: 0 5px;\n\toutline: none;\n\tpadding: 5px;\n\ttransition: all .2s ease-out\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\t\tmargin: 0 3px;\n\t\tpadding: 3px\n\t}\n}\n\n@media(max-width: 480px) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\t\tpadding: 2.7px\n\t}\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:focus {\n\ttransform: scale(1.2);\n\tbackground: #000;\n\tborder: 1px solid #000\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR {\n\ttransform: scale(1.2);\n\tborder: 1px solid #fff;\n\tbackground: #fff\n}\n\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:hover {\n\t\tbackground: #000;\n\t\tborder: 1px solid #000\n\t}\n\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR:hover {\n\t\tbackground: #000\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv- {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-horizontal__5-5qp {\n\ttouch-action: pan-y\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-vertical__-NAhb {\n\ttouch-action: pan-x\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-wrapper-rtl__Ya5gz {\n\tdirection: rtl\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\tdisplay: inline-block;\n\tvertical-align: top;\n\twidth: 100px;\n\theight: 100px !important;\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\t\twidth: 81px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn {\n\theight: 100%;\n\twidth: 100%;\n\tleft: 0;\n\tpadding: 0;\n\tposition: absolute;\n\ttop: 0\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF {\n\tdisplay: block;\n\tmargin-right: 0;\n\tpadding: 0\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\n\tmargin-left: 0;\n\tmargin-top: 2px\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\tmargin: 0 5px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\t\tmargin: 0 3px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails__1BFBn {\n\toverflow: hidden;\n\tpadding: 5px 0\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnails__1BFBn {\n\t\tpadding: 3px 0\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnails-container__Z3mr8 {\n\tcursor: pointer;\n\ttext-align: center;\n\twhite-space: nowrap\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF {\n\tdisplay: inline-block;\n\tborder: 2px solid transparent;\n\ttransition: border .3s ease-out;\n\twidth: 10vh;\n\tbackground: transparent;\n\tpadding: 0\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF {\n\t\tborder: 3px solid transparent;\n\t\twidth: 81px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\n\tmargin-left: 2px\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-inner__4F4ry {\n\tdisplay: block;\n\tposition: relative\n}\n.image-gallery_image-gallery-thumbnail__EKbDF{\n\twidth: 10vh;\n\theight: 7vh;\n\toverflow: hidden;\n}\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-image__Oi9qX {\n\twidth: 100%;\n    height:100%;\n\tline-height: 0;\n    object-fit: contain;\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF.image-gallery_active__B2qrR,\n.image-gallery_image-gallery-thumbnail__EKbDF:focus {\n\toutline: none;\n\tborder: 2px solid var(--light);\n}\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\n\t\toutline: none;\n\t\tborder: 2px solid var(--light)\n\t}\n}\n\n@media(hover: hover)and (pointer: fine)and (max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\n\t\tborder: 2px solid var(--primary)\n\t}\n}\n\n.image-gallery_image-gallery-thumbnail-label__4Xph8 {\n\tbox-sizing: border-box;\n\tcolor: #fff;\n\tfont-size: 1em;\n\tleft: 0;\n\tline-height: 1em;\n\tpadding: 5%;\n\tposition: absolute;\n\ttop: 50%;\n\ttext-shadow: 0 2px 2px #1a1a1a;\n\ttransform: translateY(-50%);\n\twhite-space: normal;\n\twidth: 100%\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail-label__4Xph8 {\n\t\tfont-size: .8em;\n\t\tline-height: .8em\n\t}\n}\n\n.image-gallery_image-gallery-index__DbRoC {\n\tbackground: rgba(0, 0, 0, .4);\n\tcolor: #fff;\n\tline-height: 1;\n\tpadding: 10px 20px;\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\tz-index: 4\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-index__DbRoC {\n\t\tfont-size: .8em;\n\t\tpadding: 5px 10px\n\t}\n}";
+var css_248z$K = ".productinfo-module_variant_container__-y4Uc {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    /* min-width: 10vh;\n    height: 5vh; */\n    border-radius: 10px;\n    background-color: #000;\n    color: white;\n    padding: 0 6px;\n    cursor: pointer;\n    transition: 0.3s;\n}\n.productinfo-module_size_variant_container__vuTAO {\n    /* min-width: 5vh !important;\n    max-width: 5vh !important;\n    height: 5vh !important;\n    border-radius: 50% !important; */\n    /* padding: 0 2px !important; */\n}\n.productinfo-module_variant_container__-y4Uc:hover {\n    /* transform: scale(1.05); */\n}\n.productinfo-module_variant_container_active__OAhmg {\n    border: 2px solid green;\n    background-color: green;\n}\n.productinfo-module_color_container__c42a9 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 4vh;\n    height: 4vh;\n    border: 2px solid #ccc;\n    border-radius: 50%;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 0.3s;\n}\n.productinfo-module_color_container_active__Br2PW {\n    padding: 10px;\n    border: 2px solid var(--green);\n}\n\n.productinfo-module_color_container_active__Br2PW {\n    /* display: flex;\n    align-items: center;\n    justify-content: center;\n    content: '✓';\n    color: white; */\n}\n.productinfo-module_color_container__c42a9:hover {\n    /* transform: scale(1.1); */\n}\n";
+var productinfostyles = {"variant_container":"productinfo-module_variant_container__-y4Uc","size_variant_container":"productinfo-module_size_variant_container__vuTAO","variant_container_active":"productinfo-module_variant_container_active__OAhmg","color_container":"productinfo-module_color_container__c42a9","color_container_active":"productinfo-module_color_container_active__Br2PW"};
 styleInject(css_248z$K);
 
 var css_248z$J = "@media screen and (max-width: 800px) {\n    .signup-module_rightContainer__yEcoL,\n    .signup-module_rightContainerTrans__fkdBH {\n        border-top-right-radius: 0 !important;\n        border-bottom-right-radius: 15px !important;\n        border-bottom-left-radius: 15px !important;\n    }\n    .signup-module_rightContainerText__-pvN- {\n        font-size: 23px !important;\n    }\n}\n.signup-module_form_control__7s76W:focus {\n    -webkit-animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n    animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n}\n.signup-module_form_control__7s76W:focus + .signup-module_login_input_icon__RDTS0 {\n    padding-left: 20px;\n}\n/* Forms */\n.signup-module_form_control__7s76W {\n    display: block;\n    width: 100%;\n    /* height: 35px; */\n    /* font-size: 1rem; */\n    /* color: var(--cardtitle); */\n    /* background: no-repeat center bottom, center calc(100% - 1px); */\n    /* background-size: 0 100%, 100% 100%; */\n    background-clip: padding-box;\n    /* font-size: 14px; */\n    /* transition: background 0s ease-out; */\n    /* border: 0; */\n    padding: 0 15px;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    position: relative;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .signup-module_form_control__7s76W {\n        transition: none;\n    }\n}\n.signup-module_form_control__7s76W::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.signup-module_form_control__7s76W:focus {\n    outline: 0;\n}\n.signup-module_form_control__7s76W::placeholder {\n    opacity: 1;\n}\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.signup-module_form_control__7s76W {\n    height: auto;\n}\n.signup-module_form_control__7s76W:focus {\n    /* background-size: 100% 100%, 100% 100%; */\n    transition-duration: 0.3s;\n    box-shadow: none;\n}\n.signup-module_form_control__7s76W::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W {\n    /* background-image: linear-gradient(to top, #000 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); */\n}\n.signup-module_form_control_border_none__HjUMS {\n    background-image: none;\n}\n.signup-module_form_control__7s76W.signup-module_disabled__h55ao,\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[disabled] {\n    /* background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); */\n    /* background-repeat: repeat-x;\n    background-size: 3px 1px; */\n    cursor: not-allowed;\n}\n@media screen and (max-width: 500px) {\n    .signup-module_form_control__7s76W {\n        /* padding: 0 5px !important; */\n    }\n    .signup-module_login_input_icon__RDTS0 {\n        padding-left: 0 !important;\n    }\n    .signup-module_rightContainer__yEcoL {\n        border-radius: 15px 15px 0 0 !important;\n    }\n    .signup-module_leftcontainer__bqfnN {\n        border-radius: 15px 15px 0 0 !important;\n    }\n}\n.signup-module_form_controltextarea__-LGz6{\n    min-height: 40px !important;\n}\n.signup-module_checkbox__8ejBx {\n    --border: #022648;\n    --border-hover: #959ed0;\n    --tick: #fff;\n    position: relative;\n    /* color: var(--cardheader); */\n}\n.signup-module_checkbox_label__d84Q2 {\n    font-size: 16px;\n    text-transform: capitalize;\n    font-weight: 500;\n    cursor: pointer;\n}\n.signup-module_checkbox__8ejBx:hover {\n    /* color: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input,\n.signup-module_checkbox__8ejBx svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n}\n.signup-module_checkbox_sub__WQLUX input {\n    width: 15px;\n    height: 15px;\n}\n.signup-module_checkbox__8ejBx input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    position: relative;\n    outline: none;\n    background: white;\n    border: none;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: box-shadow 0.3s;\n    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.signup-module_checkbox__8ejBx input:disabled {\n    cursor: not-allowed;\n}\n.signup-module_checkbox__8ejBx input:hover {\n    /* --s: 2px; */\n    /* --b: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input:checked {\n    /* --b: var(--secondary); */\n}\n.signup-module_checkbox__8ejBx svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    /* stroke: var(--stroke, var(--secondary)); */\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.signup-module_checkbox_sub__WQLUX svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke: var(--stroke, var(--secondary));\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.signup-module_checkboxtranslated__4xHR- svg {\n    right: 0;\n}\n.signup-module_checkbox__8ejBx input:checked {\n    --s: 2px;\n    transition-delay: 0.4s;\n}\n.signup-module_checkbox__8ejBx input:checked + svg {\n    --a: 16.1 86.12;\n    --o: 102.22;\n}\n.signup-module_checkbox__8ejBx svg {\n    stroke-dasharray: var(--a, 86.12);\n    stroke-dashoffset: var(--o, 86.12);\n    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n\n.signup-module_showpassword_input_icon__cVHRS {\n    font-size: 15px;\n    color: #999999;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    position: absolute;\n    border-radius: 25px;\n    bottom: 15px;\n    right: 25px;\n    padding-left: 15px;\n\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n    cursor: pointer !important;\n    z-index: 10000000000000000000000 !important;\n}\n.signup-module_showpassword_input_icontrans__vmV5q {\n    font-size: 15px;\n    color: #999999;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    position: absolute;\n    border-radius: 25px;\n    bottom: 15px;\n    left: 25px;\n\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n    cursor: pointer !important;\n    z-index: 10000000000000000000000 !important;\n}";
@@ -2466,7 +2467,7 @@ var DescriptionContent = function DescriptionContent(props) {
 function ownKeys$2A(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$2A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _authdetailsContext$i, _authdetailsContext$i2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _authdetailsContext$i3, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _sizeguideimage$;
+  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _authdetailsContext$i4, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _authdetailsContext$i5, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _authdetailsContext$i6, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _sizeguideimage$;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -2528,6 +2529,12 @@ var Product_itemtype = function Product_itemtype(props) {
     _useState14 = _slicedToArray(_useState13, 2),
     gallery = _useState14[0],
     setGallery = _useState14[1]; // Store reference to the gallery
+  var Slideshowsettings = {
+    indicators: true,
+    arrows: true,
+    pauseOnHover: false,
+    scale: 2
+  };
   var toggleFullScreen = function toggleFullScreen() {
     if (gallery) {
       gallery.toggleFullScreen();
@@ -2771,7 +2778,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 p-0 '
-  }, Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
+  }, Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Product/Service Information' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) != '678d1831ef638' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 px-1025-1 ',
     style: {
       minHeight: sectionproperties.height + 'vh'
@@ -3295,7 +3302,7 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.remove_quantitybtn_textfontsize
   }))), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React.createElement("span", {
     className: "".concat(productinfo_cssstyles.quantitybtn_text)
-  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '66d6de1a1e04a' ? parseFloat(addtocardpayloadobj.quantity).toFixed(2) : parseInt(addtocardpayloadobj.quantity)), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React.createElement("span", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '66d6de1a1e04a' ? parseFloat(addtocardpayloadobj.quantity).toFixed(2) : parseInt(addtocardpayloadobj.quantity)), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React.createElement("span", {
     className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
       var _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41;
@@ -3967,7 +3974,7 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "my-3"
   })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 allcentered mt-2"
-  }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Portfolio' && /*#__PURE__*/React.createElement("div", {
+  }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Portfolio' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.contactinfo.instid) != '678d1831ef638' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 ',
     style: {
       minHeight: sectionproperties.height + 'vh',
@@ -4094,7 +4101,345 @@ var Product_itemtype = function Product_itemtype(props) {
     dangerouslySetInnerHTML: {
       __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer71 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer71 === void 0 || (_fetchProductInfoQuer71 = _fetchProductInfoQuer71.data) === null || _fetchProductInfoQuer71 === void 0 || (_fetchProductInfoQuer71 = _fetchProductInfoQuer71.productinfo) === null || _fetchProductInfoQuer71 === void 0 ? void 0 : _fetchProductInfoQuer71.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer72 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer72 === void 0 || (_fetchProductInfoQuer72 = _fetchProductInfoQuer72.data) === null || _fetchProductInfoQuer72 === void 0 || (_fetchProductInfoQuer72 = _fetchProductInfoQuer72.productinfo) === null || _fetchProductInfoQuer72 === void 0 ? void 0 : _fetchProductInfoQuer72.description_ar
     }
-  })))))), sizeguideimage.length != 0 && /*#__PURE__*/React.createElement(Modal, {
+  }))))), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '678d1831ef638' && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 px-0 ',
+    style: {
+      minHeight: '100vh'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 p-0 d-flex justify-content-center h-sm-auto'
+    // style={{ height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto' }}
+    ,
+    style: {
+      height: '60vh'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": 'h-sm-auto',
+    style: {
+      position: 'relative',
+      width: '100vw',
+      // height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
+      height: '60vh',
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement(Slide, _extends({}, Slideshowsettings, {
+    transitionDuration: 1500,
+    duration: 1500,
+    arrow: true,
+    easing: "ease"
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer73 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer73 === void 0 || (_fetchProductInfoQuer73 = _fetchProductInfoQuer73.data) === null || _fetchProductInfoQuer73 === void 0 || (_fetchProductInfoQuer73 = _fetchProductInfoQuer73.productinfo) === null || _fetchProductInfoQuer73 === void 0 || (_fetchProductInfoQuer73 = _fetchProductInfoQuer73.productimages) === null || _fetchProductInfoQuer73 === void 0 ? void 0 : _fetchProductInfoQuer73.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer74 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer74 === void 0 || (_fetchProductInfoQuer74 = _fetchProductInfoQuer74.data) === null || _fetchProductInfoQuer74 === void 0 || (_fetchProductInfoQuer74 = _fetchProductInfoQuer74.productinfo) === null || _fetchProductInfoQuer74 === void 0 ? void 0 : _fetchProductInfoQuer74.productimages.map(function (item, index) {
+    if (item.is_size_guide != 1) {
+      return /*#__PURE__*/React.createElement("div", {
+        "class": "row m-0 w-100 h-sm-auto",
+        style: {
+          // height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
+          height: '60vh'
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        "class": 'p-0 align-items-center d-flex',
+        key: index,
+        style: _defineProperty({
+          direction: langdetect == 'en' ? 'ltr' : 'rtl',
+          width: '100%',
+          height: '100%'
+        }, "height", '60vh')
+      }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: '/tr:w-2000,h-700/' + item.path,
+        style: {
+          objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
+          margin: 0,
+          padding: 0,
+          width: '100%',
+          height: '100%'
+        }
+      })));
+    }
+  }))))))), /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 px-5 mt-3 px-md-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-9"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 "
+  }, sectionproperties.showmeasurementunit == 'Show' && sectionproperties.measurementunitposition == 'Above Name' && MeasurementUnitSection(), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-2"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex font-sm-15 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-4"
+  }, /*#__PURE__*/React.createElement(ProductHeaderPricing, {
+    actions: props.actions
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-4"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: 'm-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      color: sectionproperties.prodCatColor
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer75 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer75 === void 0 || (_fetchProductInfoQuer75 = _fetchProductInfoQuer75.data) === null || _fetchProductInfoQuer75 === void 0 || (_fetchProductInfoQuer75 = _fetchProductInfoQuer75.productinfo) === null || _fetchProductInfoQuer75 === void 0 ? void 0 : _fetchProductInfoQuer75.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer76 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer76 === void 0 || (_fetchProductInfoQuer76 = _fetchProductInfoQuer76.data) === null || _fetchProductInfoQuer76 === void 0 || (_fetchProductInfoQuer76 = _fetchProductInfoQuer76.productinfo) === null || _fetchProductInfoQuer76 === void 0 ? void 0 : _fetchProductInfoQuer76.description_ar
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 p-0 mb-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement(Accordion, {
+    allowMultipleExpanded: true,
+    allowZeroExpanded: true,
+    preExpanded: [0]
+  }, /*#__PURE__*/React.createElement(AccordionItem, {
+    uuid: 0
+  }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center"
+  }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
+    if (state.expanded == true) {
+      return /*#__PURE__*/React.createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FaMinus, {
+        color: sectionproperties.prodCatColor,
+        size: 20
+      }));
+    } else {
+      return /*#__PURE__*/React.createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FaPlus, {
+        color: sectionproperties.prodCatColor,
+        size: 20
+      }));
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0 mx-4",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: 500,
+      // fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      // fontSize: sectionproperties.prodCatFontSize + 'px',
+      fontSize: '24px'
+    }
+  }, langdetect == 'en' ? 'Facilities' : 'Facilities')))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
+    className: "p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 pl-3 pr-3 mt-3"
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer77 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer77 === void 0 || (_fetchProductInfoQuer77 = _fetchProductInfoQuer77.data) === null || _fetchProductInfoQuer77 === void 0 || (_fetchProductInfoQuer77 = _fetchProductInfoQuer77.productinfo) === null || _fetchProductInfoQuer77 === void 0 || (_fetchProductInfoQuer77 = _fetchProductInfoQuer77.productfeatures) === null || _fetchProductInfoQuer77 === void 0 ? void 0 : _fetchProductInfoQuer77.map(function (fitem, findex) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": ' col-md-12 p-0 mb-3 mt-2 col-xl-3 col-lg-4 col-md-6 col-sm-12 mb-3 d-flex align-items-center'
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 text-start"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 text-start text-uppercase p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '30px'
+      },
+      "class": langdetect == 'en' ? 'mr-3' : 'ml-3'
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: fitem === null || fitem === void 0 ? void 0 : fitem.feature_image_url,
+      loading: "lazy",
+      style: {
+        maxWidth: '100%',
+        maxHeight: '100%'
+      }
+    })), /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0",
+      style: {
+        color: sectionproperties.featurecolor,
+        fontWeight: sectionproperties.featurefontweight,
+        fontSize: 17
+        // fontSize: sectionproperties.featurefontsize,
+      }
+    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar)), fitem.type != 'Checkbox' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 text-start text-capitalize"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0",
+      style: {
+        color: sectionproperties.featurevaluecolor,
+        fontWeight: sectionproperties.featurevaluefontweight,
+        fontSize: sectionproperties.featurevaluefontsize
+      }
+    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar))));
+  }))))))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 p-0 mb-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement(Accordion, {
+    allowMultipleExpanded: true,
+    allowZeroExpanded: true,
+    preExpanded: [0]
+  }, /*#__PURE__*/React.createElement(AccordionItem, {
+    uuid: 0
+  }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center"
+  }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
+    if (state.expanded == true) {
+      return /*#__PURE__*/React.createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FaMinus, {
+        color: sectionproperties.prodCatColor,
+        size: 20
+      }));
+    } else {
+      return /*#__PURE__*/React.createElement("i", {
+        className: ' h-100 d-flex align-items-center justify-content-end   '
+      }, /*#__PURE__*/React.createElement(FaPlus, {
+        color: sectionproperties.prodCatColor,
+        size: 20
+      }));
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0 mx-4",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: 500,
+      // fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      // fontSize: sectionproperties.prodCatFontSize + 'px',
+      fontSize: '24px'
+    }
+  }, langdetect == 'en' ? 'Developer' : 'Developer')))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
+    className: "p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 px-2 mt-3 d-flex flex-row"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-2 col-md-12 mb-md-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100px',
+      borderRadius: 100,
+      border: '1px solid #ccc'
+    },
+    "class": langdetect == 'en' ? 'mr-3' : 'ml-3'
+  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer78 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer78 === void 0 || (_fetchProductInfoQuer78 = _fetchProductInfoQuer78.data) === null || _fetchProductInfoQuer78 === void 0 || (_fetchProductInfoQuer78 = _fetchProductInfoQuer78.productinfo) === null || _fetchProductInfoQuer78 === void 0 || (_fetchProductInfoQuer78 = _fetchProductInfoQuer78.vendorinfo) === null || _fetchProductInfoQuer78 === void 0 ? void 0 : _fetchProductInfoQuer78.vendorlogourl,
+    loading: "lazy",
+    style: {
+      maxWidth: '100%',
+      maxHeight: '100%',
+      borderRadius: 100
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-10 col-md-12"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: 17
+    }
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer79 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer79 === void 0 || (_fetchProductInfoQuer79 = _fetchProductInfoQuer79.data) === null || _fetchProductInfoQuer79 === void 0 || (_fetchProductInfoQuer79 = _fetchProductInfoQuer79.productinfo) === null || _fetchProductInfoQuer79 === void 0 || (_fetchProductInfoQuer79 = _fetchProductInfoQuer79.vendorinfo) === null || _fetchProductInfoQuer79 === void 0 ? void 0 : _fetchProductInfoQuer79.address)))))))))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 p-0 text-end text-md-center mb-5 mb-md-4"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: ' mx-4 mx-md-2 d-flex align-items-center justify-content-center ',
+    onClick: function onClick() {
+      var _fetchProductInfoQuer80;
+      window.open('tel:' + ((_fetchProductInfoQuer80 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer80 === void 0 ? void 0 : _fetchProductInfoQuer80.product_phonenumber), '_blank');
+    },
+    style: {
+      width: '40%',
+      borderRadius: 7,
+      color: 'white',
+      fontSize: 15,
+      height: 43,
+      background: '#005495'
+    }
+  }, /*#__PURE__*/React.createElement(IoCall, {
+    size: 16
+  }), /*#__PURE__*/React.createElement("span", {
+    "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
+  }, "Call Us")), /*#__PURE__*/React.createElement("a", {
+    href: langdetect == 'en' ? whatsappUrl : whatsappUrl_ar,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    style: {
+      width: '40%'
+    },
+    "class": "mx-md-2"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: ' d-flex align-items-center justify-content-center ',
+    style: {
+      width: '100%',
+      borderRadius: 7,
+      color: 'white',
+      fontSize: 15,
+      height: 43,
+      background: '#4cd964'
+    }
+  }, /*#__PURE__*/React.createElement(FaWhatsapp, {
+    size: 16
+  }), /*#__PURE__*/React.createElement("span", {
+    "class": langdetect == 'en' ? 'ml-1' : 'mr-1'
+  }, "WhatsApp")))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 allcentered mb-3 p-md-0"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "".concat(productinfo_cssstyles.sizeguidebtn2, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
+    onClick: function onClick() {
+      setopensizeguidemodal(true);
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": ' m-0 p-0 cursor-pointer '
+  }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 allcentered p-md-0 mb-md-5"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
+    onClick: function onClick() {
+      if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
+        var _fetchProductInfoQuer81;
+        window.open('tel:' + ((_fetchProductInfoQuer81 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer81 === void 0 ? void 0 : _fetchProductInfoQuer81.product_phonenumber), '_blank');
+      } else {
+        if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
+          addtocartfunc();
+        } else {
+          NotificationManager.warning('', lang.maximum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', ' + lang.minimum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
+        }
+      }
+    },
+    disabled: AddtoCartMutationContext.isLoading == true ? true : false
+  }, !AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("span", {
+    className: ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React.createElement("i", {
+    className: langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(IoBagHandleOutline, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
+    size: sectionproperties.cartBtn_iconFontSize
+  })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer82 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer82 === void 0 || (_fetchProductInfoQuer82 = _fetchProductInfoQuer82.data) === null || _fetchProductInfoQuer82 === void 0 || (_fetchProductInfoQuer82 = _fetchProductInfoQuer82.productinfo) === null || _fetchProductInfoQuer82 === void 0 ? void 0 : _fetchProductInfoQuer82.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer83 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer83 === void 0 || (_fetchProductInfoQuer83 = _fetchProductInfoQuer83.data) === null || _fetchProductInfoQuer83 === void 0 || (_fetchProductInfoQuer83 = _fetchProductInfoQuer83.productinfo) === null || _fetchProductInfoQuer83 === void 0 ? void 0 : _fetchProductInfoQuer83.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
+    className: ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React.createElement(CircularProgress, {
+    color: sectionproperties.cartBtnTextcolor,
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  })))))))))), sizeguideimage.length != 0 && /*#__PURE__*/React.createElement(Modal, {
     show: opensizeguidemodal,
     onHide: function onHide() {
       setopensizeguidemodal(false);
@@ -7577,6 +7922,27 @@ var Productinfo = function Productinfo(props) {
         borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
+    sizeguidebtn2: css({
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      overflow: 'hidden',
+      width: sectionproperties.cartBtnWidth + 'px',
+      height: sectionproperties.cartBtnHeight + 'px',
+      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
+      color: sectionproperties.sizeguidebtncolor,
+      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
+      textTransform: sectionproperties.cartBtnTexttransform,
+      fontWeight: sectionproperties.cartBtnTextfontweight,
+      border: '1px solid ' + sectionproperties.sizeguidebtncolor,
+      margin: 0,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.sizeguidebtncoloronhover,
+        borderColor: sectionproperties.sizeguidebtncoloronhover
+      }
+    }),
     quantitybtn: css({
       width: sectionproperties.quantitybtn_height + 'px',
       height: sectionproperties.quantitybtn_width + 'px',
@@ -12344,7 +12710,7 @@ var Checkout = function Checkout(props) {
     value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue75 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue75 === void 0 || (_fetchcustomercartQue75 = _fetchcustomercartQue75.data) === null || _fetchcustomercartQue75 === void 0 || (_fetchcustomercartQue75 = _fetchcustomercartQue75.customercart) === null || _fetchcustomercartQue75 === void 0 ? void 0 : _fetchcustomercartQue75.shippingmethod_id
   }, /*#__PURE__*/React.createElement("option", {
     value: null
-  }, langdetect == 'en' ? 'Choose Shipping Method' : 'اخنر طريقة الشحن'), shippingmethods === null || shippingmethods === void 0 ? void 0 : shippingmethods.map(function (item, index) {
+  }, langdetect == 'en' ? 'Choose Shipping Method' : 'الشحن اخنر طريقة'), shippingmethods === null || shippingmethods === void 0 ? void 0 : shippingmethods.map(function (item, index) {
     return /*#__PURE__*/React.createElement("option", {
       value: item.id
     }, langdetect == 'en' ? item.name_en : item.name_ar);