tabexseriescomponents 0.0.324 → 0.0.326

package/dist/index.esm.js

@@ -17,6 +17,7 @@ import { FaFacebookF } from '@react-icons/all-files/fa/FaFacebookF';
 import { AiOutlineUser } from '@react-icons/all-files/ai/AiOutlineUser';
 import { IoMdClose } from '@react-icons/all-files/io/IoMdClose';
 import { Modal, Offcanvas } from 'react-bootstrap';
+import { IKImage } from 'imagekitio-react';
 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,7 +30,6 @@ import { FiShoppingCart } from '@react-icons/all-files/fi/FiShoppingCart';
 import { AiFillStar as AiFillStar$1 } from '@react-icons/all-files/ai/AiFillStar';
 import { AiOutlineStar } from '@react-icons/all-files/ai/AiOutlineStar';
 import { FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon, WhatsappShareButton, WhatsappIcon } from 'react-share';
-import { IKImage } from 'imagekitio-react';
 import { FiMinus } from '@react-icons/all-files/fi/FiMinus';
 import { FiPlus } from '@react-icons/all-files/fi/FiPlus';
 import ReactStars from 'react-rating-stars-component';
@@ -61,6 +61,8 @@ import { GrMail } from '@react-icons/all-files/gr/GrMail';
 import { FiCheckCircle } from '@react-icons/all-files/fi/FiCheckCircle';
 import { BiPhone } from '@react-icons/all-files/bi/BiPhone';
 import PhoneInput from 'react-phone-input-2';
+import '@react-icons/all-files/ai/AiOutlineEye';
+import '@react-icons/all-files/ai/AiOutlineEyeInvisible';
 import { BsChevronLeft } from '@react-icons/all-files/bs/BsChevronLeft';
 import { BsChevronRight } from '@react-icons/all-files/bs/BsChevronRight';
 import '@react-icons/all-files/ri/RiArrowUpSLine';
@@ -559,6 +561,22 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
   }));
 };
 
+var Imagekitimagecomp = function Imagekitimagecomp(props) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (props === null || props === void 0 ? void 0 : props.urlEndpoint) != undefined && (props === null || props === void 0 ? void 0 : props.urlEndpoint) != '' && /*#__PURE__*/React.createElement(IKImage, {
+    urlEndpoint: props === null || props === void 0 ? void 0 : props.urlEndpoint
+    // urlEndpoint={'https://ik.imagekit.io/ppcqtfrxp'}
+    ,
+    publicKey: props === null || props === void 0 ? void 0 : props.publicKey
+    // publicKey={'public_h8U+4K+MFoeq+MKLf34NST4axAo='}
+    ,
+    path: props.path,
+    style: props.style,
+    loading: props.loading,
+    onClick: props.onClick,
+    "class": props["class"]
+  }));
+};
+
 function ownKeys$2f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$2f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Login = function Login(props) {
@@ -575,6 +593,8 @@ var Login = function Login(props) {
   var NotificationManager = props.actions.NotificationManager;
   var instapikey = props.actions.instapikey;
   var actions = props.actions;
+  props.actions.ikimagecredcontext;
+  props.actions.authdetailsContext;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     statusreason = _useState2[0];
@@ -617,6 +637,8 @@ var Login = function Login(props) {
     _useState16 = _slicedToArray(_useState15, 2),
     sectionproperties = _useState16[0],
     setsectionproperties = _useState16[1];
+  // const templateproperties_context = props.actions.templateproperties_context;
+
   useEffect(function () {
     var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
       return x.staticpageid == '6218bccb77283';
@@ -655,6 +677,19 @@ var Login = function Login(props) {
       }
     }
   }, [ForgetpasswordMutationContext.isSuccess]);
+  // const [imagesarray, setimagesarray] = useState([]);
+
+  // useEffect(() => {
+  //     if (sectionproperties.length != 0) {
+  //         if (sectionproperties.logoarrayofobjects != null) {
+  //             var logoarrayofobjectsparsed = JSON.parse(sectionproperties.logoarrayofobjects);
+  //             if (Array.isArray(logoarrayofobjectsparsed)) {
+  //                 setimagesarray([...logoarrayofobjectsparsed]);
+  //             }
+  //         }
+  //     }
+  // }, [sectionproperties]);
+
   var loginstyles2 = {
     loginbtn: css({
       background: sectionproperties.login_btn_backgroundtransparent == 'Transparent' ? 'transparent' : sectionproperties.login_btn_background,
@@ -740,6 +775,8 @@ var Login = function Login(props) {
   };
   var LoginContent = function LoginContent() {
     return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100"
     }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
       className: 'row m-0 w-100 pl-5 pr-5 d-flex align-items-center justify-content-center pl-md-3 pr-md-3 p-sm-0'
@@ -764,7 +801,7 @@ var Login = function Login(props) {
     }, /*#__PURE__*/React.createElement("div", {
       className: " row m-0 w-100 "
     }, /*#__PURE__*/React.createElement("div", {
-      className: sectionproperties.cardstyletype == 'Style 1' ? "".concat(loginstyles$1.leftcontainer) + ' col-lg-6 col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch p-0 ' : "".concat(loginstyles$1.leftcontainer) + ' col-lg-6 mx-auto col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch p-0 ',
+      className: sectionproperties.cardstyletype == 'Style 1' ? "".concat(loginstyles$1.leftcontainer) + ' col-lg-6 col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch p-0 ' : ' col-lg-6 mx-auto col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch p-0 ',
       style: {
         background: sectionproperties.formLeftbgColor,
         borderTopRightRadius: langdetect == 'en' ? sectionproperties.formLeft_bordertoprightradius + 'px' : sectionproperties.formLeft_bordertopleftradius + 'px',
@@ -792,7 +829,7 @@ var Login = function Login(props) {
         setpayloadobj(_objectSpread$2f({}, temppayloadobj));
       },
       style: {
-        background: 'transparent'
+        background: sectionproperties.input_bgcolor
       }
     })), /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 col-md-12 col-sm-12 p-sm-0"
@@ -816,9 +853,9 @@ var Login = function Login(props) {
         setpayloadobj(_objectSpread$2f({}, temppayloadobj));
       },
       style: {
-        background: 'transparent'
+        background: sectionproperties.input_bgcolor
       }
-    })), /*#__PURE__*/React.createElement("div", {
+    })), sectionproperties.showforgetpassword == 'Show' && /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 col-md-12 col-sm-12  mb-3 d-flex justify-content-end mt-1 cursor-pointer text-light text-lighthover font-13 ",
       onClick: function onClick() {
         setforgetpasswordmodal(true);
@@ -895,13 +932,14 @@ var Login = function Login(props) {
       type: "hidden",
       name: "password",
       value: payloadobj.password
-    }))));
+    })))));
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5",
     style: {
       background: sectionproperties.backgroundColor,
-      marginBottom: sectionproperties.marginBottom + 'px'
+      marginBottom: sectionproperties.marginBottom + 'px',
+      height: sectionproperties.height != null ? sectionproperties.height + 'vh' : 'auto'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row ml-0 mr-0 w-100 d-flex d-md-none",
@@ -969,7 +1007,7 @@ var Login = function Login(props) {
     },
     disabled: forgetpasswordstage == 'verify' ? true : false,
     style: {
-      background: 'transparent'
+      background: sectionproperties.input_bgcolor
     }
   })), forgetpasswordstage == 'verify' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
@@ -985,7 +1023,7 @@ var Login = function Login(props) {
       setforgotpasswordpayload(_objectSpread$2f({}, temppayloadobj));
     },
     style: {
-      background: 'transparent'
+      background: sectionproperties.input_bgcolor
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
@@ -1001,7 +1039,7 @@ var Login = function Login(props) {
       setforgotpasswordpayload(_objectSpread$2f({}, temppayloadobj));
     },
     style: {
-      background: 'transparent'
+      background: sectionproperties.input_bgcolor
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
@@ -1017,7 +1055,7 @@ var Login = function Login(props) {
       setforgotpasswordpayload(_objectSpread$2f({}, temppayloadobj));
     },
     style: {
-      background: 'transparent'
+      background: sectionproperties.input_bgcolor
     }
   }))))), /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 "
@@ -1073,24 +1111,8 @@ styleInject(css_248z$L);
 var css_248z$K = ".image-gallery_image-gallery-icon__WE2UX {\n\tcolor: #fff;\n\ttransition: all .3s ease-out;\n\tappearance: none;\n\tbackground-color: transparent;\n\tborder: 0;\n\tcursor: pointer;\n\toutline: none;\n\tposition: absolute;\n\tz-index: 4;\n    display: none !important;\n\t/* filter: drop-shadow(0 2px 2px #1a1a1a); */\n}\n\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-icon__WE2UX:hover {\n\t\tcolor: var(--secondary)\n\t}\n\n\t.image-gallery_image-gallery-icon__WE2UX:hover .image-gallery_image-gallery-svg__XloJd {\n\t\ttransform: scale(1.1)\n\t}\n}\n\n.image-gallery_image-gallery-icon__WE2UX:focus {\n\toutline: 2px solid #000\n}\n\n.image-gallery_image-gallery-using-mouse__lBKAU .image-gallery_image-gallery-icon__WE2UX:focus {\n\toutline: none\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z,\n.image-gallery_image-gallery-play-button__2AS3J {\n\tbottom: 0;\n\tpadding: 20px\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\theight: 28px;\n\twidth: 28px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\n\t.image-gallery_image-gallery-play-button__2AS3J {\n\t\tpadding: 15px\n\t}\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 24px;\n\t\twidth: 24px\n\t}\n}\n\n@media(max-width: 480px) {\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\n\t.image-gallery_image-gallery-play-button__2AS3J {\n\t\tpadding: 10px\n\t}\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 16px;\n\t\twidth: 16px\n\t}\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z {\n\tright: 0\n}\n\n.image-gallery_image-gallery-play-button__2AS3J {\n\tleft: 0\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk,\n.image-gallery_image-gallery-right-nav__53hut {\n\tpadding: 50px 10px;\n\ttop: 50%;\n\ttransform: translateY(-50%)\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\theight: 120px;\n\twidth: 60px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 72px;\n\t\twidth: 36px\n\t}\n}\n\n@media(max-width: 480px) {\n\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 48px;\n\t\twidth: 24px\n\t}\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk[disabled],\n.image-gallery_image-gallery-right-nav__53hut[disabled] {\n\tcursor: disabled;\n\topacity: .6;\n\tpointer-events: none\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk {\n\tleft: 0\n}\n\n.image-gallery_image-gallery-right-nav__53hut {\n\tright: 0\n}\n\n.image-gallery_image-gallery__FfPQj {\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\t-o-user-select: none;\n\tuser-select: none;\n\t-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\tposition: relative\n}\n\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw {\n\tbackground: #000;\n\tbottom: 0;\n\theight: 100%;\n\tleft: 0;\n\tposition: fixed;\n\tright: 0;\n\ttop: 0;\n\twidth: 100%;\n\tz-index: 5\n}\n\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw .image-gallery_image-gallery-content__kMTBU {\n\ttop: 50%;\n\ttransform: translateY(-50%)\n}\n\n.image-gallery_image-gallery-content__kMTBU {\n\tposition: relative;\n\tline-height: 0;\n\ttop: 0\n}\n\n.image-gallery_image-gallery-content__kMTBU.image-gallery_fullscreen__VMCyX {\n\tbackground: #000\n}\n\n.image-gallery_image-gallery-content__kMTBU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\tmax-height: 50vh !important;\n}\n\n.image-gallery_image-gallery-content__kMTBU.image-gallery_left__K0NWU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh,\n.image-gallery_image-gallery-content__kMTBU.image-gallery_right__PlchD .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\tmax-height: 100vh\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\n\tdisplay: inline-block;\n\twidth: calc(100% - 110px)\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\n\t\twidth: calc(100% - 87px)\n\t}\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_image-gallery-rtl__jhrNg {\n\tdirection: rtl\n}\n\n.image-gallery_image-gallery-slides__cWfmF {\n\tline-height: 0;\n\toverflow: hidden;\n\tposition: relative;\n\twhite-space: nowrap;\n\ttext-align: center\n}\n\n.image-gallery_image-gallery-slide__2BfHc {\n\tleft: 0;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 100%\n}\n\n.image-gallery_image-gallery-slide__2BfHc.image-gallery_center__1gH-w {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\twidth: 100%;\n\tobject-fit: contain\n}\n\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\n\tbackground: rgba(0, 0, 0, .4);\n\tbottom: 70px;\n\tcolor: #fff;\n\tleft: 0;\n\tline-height: 1;\n\tpadding: 10px 20px;\n\tposition: absolute;\n\twhite-space: normal\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\n\t\tbottom: 45px;\n\t\tfont-size: .8em;\n\t\tpadding: 8px 15px\n\t}\n}\n\n.image-gallery_image-gallery-bullets__CEQBy {\n\tbottom: 20px;\n\tleft: 0;\n\tmargin: 0 auto;\n\tposition: absolute;\n\tright: 0;\n\twidth: 80%;\n\tz-index: 4\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullets-container__BXDlg {\n\tmargin: 0;\n\tpadding: 0;\n\ttext-align: center\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\tappearance: none;\n\tbackground-color: transparent;\n\tborder: 1px solid #fff;\n\tborder-radius: 50%;\n\tbox-shadow: 0 2px 2px #1a1a1a;\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tmargin: 0 5px;\n\toutline: none;\n\tpadding: 5px;\n\ttransition: all .2s ease-out\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\t\tmargin: 0 3px;\n\t\tpadding: 3px\n\t}\n}\n\n@media(max-width: 480px) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\t\tpadding: 2.7px\n\t}\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:focus {\n\ttransform: scale(1.2);\n\tbackground: #000;\n\tborder: 1px solid #000\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR {\n\ttransform: scale(1.2);\n\tborder: 1px solid #fff;\n\tbackground: #fff\n}\n\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:hover {\n\t\tbackground: #000;\n\t\tborder: 1px solid #000\n\t}\n\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR:hover {\n\t\tbackground: #000\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv- {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-horizontal__5-5qp {\n\ttouch-action: pan-y\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-vertical__-NAhb {\n\ttouch-action: pan-x\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-wrapper-rtl__Ya5gz {\n\tdirection: rtl\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\tdisplay: inline-block;\n\tvertical-align: top;\n\twidth: 100px;\n\theight: 100px !important;\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\t\twidth: 81px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn {\n\theight: 100%;\n\twidth: 100%;\n\tleft: 0;\n\tpadding: 0;\n\tposition: absolute;\n\ttop: 0\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF {\n\tdisplay: block;\n\tmargin-right: 0;\n\tpadding: 0\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\n\tmargin-left: 0;\n\tmargin-top: 2px\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\tmargin: 0 5px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\t\tmargin: 0 3px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails__1BFBn {\n\toverflow: hidden;\n\tpadding: 5px 0\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnails__1BFBn {\n\t\tpadding: 3px 0\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnails-container__Z3mr8 {\n\tcursor: pointer;\n\ttext-align: center;\n\twhite-space: nowrap\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF {\n\tdisplay: inline-block;\n\tborder: 2px solid transparent;\n\ttransition: border .3s ease-out;\n\twidth: 10vh;\n\tbackground: transparent;\n\tpadding: 0\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF {\n\t\tborder: 3px solid transparent;\n\t\twidth: 81px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\n\tmargin-left: 2px\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-inner__4F4ry {\n\tdisplay: block;\n\tposition: relative\n}\n.image-gallery_image-gallery-thumbnail__EKbDF{\n\twidth: 10vh;\n\theight: 7vh;\n\toverflow: hidden;\n}\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-image__Oi9qX {\n\twidth: 100%;\n    height:100%;\n\tline-height: 0;\n    object-fit: contain;\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF.image-gallery_active__B2qrR,\n.image-gallery_image-gallery-thumbnail__EKbDF:focus {\n\toutline: none;\n\tborder: 2px solid var(--light);\n}\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\n\t\toutline: none;\n\t\tborder: 2px solid var(--light)\n\t}\n}\n\n@media(hover: hover)and (pointer: fine)and (max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\n\t\tborder: 2px solid var(--primary)\n\t}\n}\n\n.image-gallery_image-gallery-thumbnail-label__4Xph8 {\n\tbox-sizing: border-box;\n\tcolor: #fff;\n\tfont-size: 1em;\n\tleft: 0;\n\tline-height: 1em;\n\tpadding: 5%;\n\tposition: absolute;\n\ttop: 50%;\n\ttext-shadow: 0 2px 2px #1a1a1a;\n\ttransform: translateY(-50%);\n\twhite-space: normal;\n\twidth: 100%\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail-label__4Xph8 {\n\t\tfont-size: .8em;\n\t\tline-height: .8em\n\t}\n}\n\n.image-gallery_image-gallery-index__DbRoC {\n\tbackground: rgba(0, 0, 0, .4);\n\tcolor: #fff;\n\tline-height: 1;\n\tpadding: 10px 20px;\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\tz-index: 4\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-index__DbRoC {\n\t\tfont-size: .8em;\n\t\tpadding: 5px 10px\n\t}\n}";
 styleInject(css_248z$K);
 
-var Imagekitimagecomp = function Imagekitimagecomp(props) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (props === null || props === void 0 ? void 0 : props.urlEndpoint) != undefined && (props === null || props === void 0 ? void 0 : props.urlEndpoint) != '' && /*#__PURE__*/React.createElement(IKImage, {
-    urlEndpoint: props === null || props === void 0 ? void 0 : props.urlEndpoint
-    // urlEndpoint={'https://ik.imagekit.io/ppcqtfrxp'}
-    ,
-    publicKey: props === null || props === void 0 ? void 0 : props.publicKey
-    // publicKey={'public_h8U+4K+MFoeq+MKLf34NST4axAo='}
-    ,
-    path: props.path,
-    style: props.style,
-    loading: props.loading,
-    onClick: props.onClick,
-    "class": props["class"]
-  }));
-};
-
-var css_248z$J = "@media screen and (max-width: 800px) {\n    .signup-module_rightContainer__yEcoL,\n    .signup-module_rightContainerTrans__fkdBH {\n        border-top-right-radius: 0 !important;\n        border-bottom-right-radius: 15px !important;\n        border-bottom-left-radius: 15px !important;\n    }\n    .signup-module_rightContainerText__-pvN- {\n        font-size: 23px !important;\n    }\n}\n.signup-module_form_control__7s76W:focus {\n    -webkit-animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n    animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n}\n.signup-module_form_control__7s76W:focus + .signup-module_login_input_icon__RDTS0 {\n    padding-left: 20px;\n}\n/* Forms */\n.signup-module_form_control__7s76W {\n    display: block;\n    width: 100%;\n    /* height: 35px; */\n    /* font-size: 1rem; */\n    /* color: var(--cardtitle); */\n    /* background: no-repeat center bottom, center calc(100% - 1px); */\n    /* background-size: 0 100%, 100% 100%; */\n    background-clip: padding-box;\n    /* font-size: 14px; */\n    /* transition: background 0s ease-out; */\n    /* border: 0; */\n    padding: 0 15px;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    position: relative;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .signup-module_form_control__7s76W {\n        transition: none;\n    }\n}\n.signup-module_form_control__7s76W::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.signup-module_form_control__7s76W:focus {\n    outline: 0;\n}\n.signup-module_form_control__7s76W::placeholder {\n    opacity: 1;\n}\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.signup-module_form_control__7s76W {\n    height: auto;\n}\n.signup-module_form_control__7s76W:focus {\n    /* background-size: 100% 100%, 100% 100%; */\n    transition-duration: 0.3s;\n    box-shadow: none;\n}\n.signup-module_form_control__7s76W::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W {\n    /* background-image: linear-gradient(to top, #000 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); */\n}\n.signup-module_form_control_border_none__HjUMS {\n    background-image: none;\n}\n.signup-module_form_control__7s76W.signup-module_disabled__h55ao,\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[disabled] {\n    /* background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); */\n    /* background-repeat: repeat-x;\n    background-size: 3px 1px; */\n    cursor: not-allowed;\n}\n@media screen and (max-width: 500px) {\n    .signup-module_form_control__7s76W {\n        /* padding: 0 5px !important; */\n    }\n    .signup-module_login_input_icon__RDTS0 {\n        padding-left: 0 !important;\n    }\n    .signup-module_rightContainer__yEcoL {\n        border-radius: 15px 15px 0 0 !important;\n    }\n    .signup-module_leftcontainer__bqfnN {\n        border-radius: 15px 15px 0 0 !important;\n    }\n}\n.signup-module_form_controltextarea__-LGz6{\n    min-height: 10vh !important;\n}\n.signup-module_checkbox__8ejBx {\n    --border: #022648;\n    --border-hover: #959ed0;\n    --tick: #fff;\n    position: relative;\n    /* color: var(--cardheader); */\n}\n.signup-module_checkbox_label__d84Q2 {\n    font-size: 16px;\n    text-transform: capitalize;\n    font-weight: 500;\n    cursor: pointer;\n}\n.signup-module_checkbox__8ejBx:hover {\n    /* color: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input,\n.signup-module_checkbox__8ejBx svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n}\n.signup-module_checkbox_sub__WQLUX input {\n    width: 15px;\n    height: 15px;\n}\n.signup-module_checkbox__8ejBx input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    position: relative;\n    outline: none;\n    background: white;\n    border: none;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: box-shadow 0.3s;\n    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.signup-module_checkbox__8ejBx input:disabled {\n    cursor: not-allowed;\n}\n.signup-module_checkbox__8ejBx input:hover {\n    /* --s: 2px; */\n    /* --b: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input:checked {\n    /* --b: var(--secondary); */\n}\n.signup-module_checkbox__8ejBx svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    /* stroke: var(--stroke, var(--secondary)); */\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.signup-module_checkbox_sub__WQLUX svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke: var(--stroke, var(--secondary));\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.signup-module_checkboxtranslated__4xHR- svg {\n    right: 0;\n}\n.signup-module_checkbox__8ejBx input:checked {\n    --s: 2px;\n    transition-delay: 0.4s;\n}\n.signup-module_checkbox__8ejBx input:checked + svg {\n    --a: 16.1 86.12;\n    --o: 102.22;\n}\n.signup-module_checkbox__8ejBx svg {\n    stroke-dasharray: var(--a, 86.12);\n    stroke-dashoffset: var(--o, 86.12);\n    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n";
-var loginstyles = {"rightContainer":"signup-module_rightContainer__yEcoL","rightContainerTrans":"signup-module_rightContainerTrans__fkdBH","rightContainerText":"signup-module_rightContainerText__-pvN-","form_control":"signup-module_form_control__7s76W","anim-shadow":"signup-module_anim-shadow__CsxhG","login_input_icon":"signup-module_login_input_icon__RDTS0","form_control_border_none":"signup-module_form_control_border_none__HjUMS","disabled":"signup-module_disabled__h55ao","leftcontainer":"signup-module_leftcontainer__bqfnN","form_controltextarea":"signup-module_form_controltextarea__-LGz6","checkbox":"signup-module_checkbox__8ejBx","checkbox_label":"signup-module_checkbox_label__d84Q2","checkbox_sub":"signup-module_checkbox_sub__WQLUX","checkboxtranslated":"signup-module_checkboxtranslated__4xHR-"};
+var css_248z$J = "@media screen and (max-width: 800px) {\n    .signup-module_rightContainer__yEcoL,\n    .signup-module_rightContainerTrans__fkdBH {\n        border-top-right-radius: 0 !important;\n        border-bottom-right-radius: 15px !important;\n        border-bottom-left-radius: 15px !important;\n    }\n    .signup-module_rightContainerText__-pvN- {\n        font-size: 23px !important;\n    }\n}\n.signup-module_form_control__7s76W:focus {\n    -webkit-animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n    animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n}\n.signup-module_form_control__7s76W:focus + .signup-module_login_input_icon__RDTS0 {\n    padding-left: 20px;\n}\n/* Forms */\n.signup-module_form_control__7s76W {\n    display: block;\n    width: 100%;\n    /* height: 35px; */\n    /* font-size: 1rem; */\n    /* color: var(--cardtitle); */\n    /* background: no-repeat center bottom, center calc(100% - 1px); */\n    /* background-size: 0 100%, 100% 100%; */\n    background-clip: padding-box;\n    /* font-size: 14px; */\n    /* transition: background 0s ease-out; */\n    /* border: 0; */\n    padding: 0 15px;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    position: relative;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .signup-module_form_control__7s76W {\n        transition: none;\n    }\n}\n.signup-module_form_control__7s76W::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.signup-module_form_control__7s76W:focus {\n    outline: 0;\n}\n.signup-module_form_control__7s76W::placeholder {\n    opacity: 1;\n}\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.signup-module_form_control__7s76W {\n    height: auto;\n}\n.signup-module_form_control__7s76W:focus {\n    /* background-size: 100% 100%, 100% 100%; */\n    transition-duration: 0.3s;\n    box-shadow: none;\n}\n.signup-module_form_control__7s76W::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.signup-module_form_control__7s76W {\n    /* background-image: linear-gradient(to top, #000 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); */\n}\n.signup-module_form_control_border_none__HjUMS {\n    background-image: none;\n}\n.signup-module_form_control__7s76W.signup-module_disabled__h55ao,\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[disabled] {\n    /* background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); */\n    /* background-repeat: repeat-x;\n    background-size: 3px 1px; */\n    cursor: not-allowed;\n}\n@media screen and (max-width: 500px) {\n    .signup-module_form_control__7s76W {\n        /* padding: 0 5px !important; */\n    }\n    .signup-module_login_input_icon__RDTS0 {\n        padding-left: 0 !important;\n    }\n    .signup-module_rightContainer__yEcoL {\n        border-radius: 15px 15px 0 0 !important;\n    }\n    .signup-module_leftcontainer__bqfnN {\n        border-radius: 15px 15px 0 0 !important;\n    }\n}\n.signup-module_form_controltextarea__-LGz6{\n    min-height: 10vh !important;\n}\n.signup-module_checkbox__8ejBx {\n    --border: #022648;\n    --border-hover: #959ed0;\n    --tick: #fff;\n    position: relative;\n    /* color: var(--cardheader); */\n}\n.signup-module_checkbox_label__d84Q2 {\n    font-size: 16px;\n    text-transform: capitalize;\n    font-weight: 500;\n    cursor: pointer;\n}\n.signup-module_checkbox__8ejBx:hover {\n    /* color: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input,\n.signup-module_checkbox__8ejBx svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n}\n.signup-module_checkbox_sub__WQLUX input {\n    width: 15px;\n    height: 15px;\n}\n.signup-module_checkbox__8ejBx input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    position: relative;\n    outline: none;\n    background: white;\n    border: none;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: box-shadow 0.3s;\n    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.signup-module_checkbox__8ejBx input:disabled {\n    cursor: not-allowed;\n}\n.signup-module_checkbox__8ejBx input:hover {\n    /* --s: 2px; */\n    /* --b: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input:checked {\n    /* --b: var(--secondary); */\n}\n.signup-module_checkbox__8ejBx svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    /* stroke: var(--stroke, var(--secondary)); */\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.signup-module_checkbox_sub__WQLUX svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke: var(--stroke, var(--secondary));\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.signup-module_checkboxtranslated__4xHR- svg {\n    right: 0;\n}\n.signup-module_checkbox__8ejBx input:checked {\n    --s: 2px;\n    transition-delay: 0.4s;\n}\n.signup-module_checkbox__8ejBx input:checked + svg {\n    --a: 16.1 86.12;\n    --o: 102.22;\n}\n.signup-module_checkbox__8ejBx svg {\n    stroke-dasharray: var(--a, 86.12);\n    stroke-dashoffset: var(--o, 86.12);\n    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n\n.signup-module_showpassword_input_icon__cVHRS {\n    font-size: 15px;\n    color: #999999;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    position: absolute;\n    border-radius: 25px;\n    bottom: 15px;\n    right: 25px;\n    padding-left: 15px;\n\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n    cursor: pointer !important;\n    z-index: 10000000000000000000000 !important;\n}\n.signup-module_showpassword_input_icontrans__vmV5q {\n    font-size: 15px;\n    color: #999999;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    position: absolute;\n    border-radius: 25px;\n    bottom: 15px;\n    left: 25px;\n\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n    cursor: pointer !important;\n    z-index: 10000000000000000000000 !important;\n}";
+var loginstyles = {"rightContainer":"signup-module_rightContainer__yEcoL","rightContainerTrans":"signup-module_rightContainerTrans__fkdBH","rightContainerText":"signup-module_rightContainerText__-pvN-","form_control":"signup-module_form_control__7s76W","anim-shadow":"signup-module_anim-shadow__CsxhG","login_input_icon":"signup-module_login_input_icon__RDTS0","form_control_border_none":"signup-module_form_control_border_none__HjUMS","disabled":"signup-module_disabled__h55ao","leftcontainer":"signup-module_leftcontainer__bqfnN","form_controltextarea":"signup-module_form_controltextarea__-LGz6","checkbox":"signup-module_checkbox__8ejBx","checkbox_label":"signup-module_checkbox_label__d84Q2","checkbox_sub":"signup-module_checkbox_sub__WQLUX","checkboxtranslated":"signup-module_checkboxtranslated__4xHR-","showpassword_input_icon":"signup-module_showpassword_input_icon__cVHRS","showpassword_input_icontrans":"signup-module_showpassword_input_icontrans__vmV5q"};
 styleInject(css_248z$J);
 
 function ownKeys$2e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -1111,18 +1133,18 @@ var defaultstyles = {
     });
   },
   control: function control() {
-    return {
+    var _ref;
+    return _ref = {
       borderBottom: '1px solid #ccc',
       backgroundColor: 'white',
       display: 'flex',
       cursor: 'pointer',
       padding: 0,
-      transition: '.3s',
-      '&:hover': {
-        // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-        // borderRadius: '10px',
-      }
-    };
+      transition: '.3s'
+    }, _defineProperty(_ref, "backgroundColor", 'transparent'), _defineProperty(_ref, '&:hover', {
+      // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
+      // borderRadius: '10px',
+    }), _ref;
   },
   dropdownIndicator: function dropdownIndicator(provided) {
     return _objectSpread$2e(_objectSpread$2e({}, provided), {}, {
@@ -7828,7 +7850,7 @@ var Viewcart = function Viewcart(props) {
       fontSize: sectionproperties.noprod_fontSize + 'px'
     }
   }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar)))))), /*#__PURE__*/React.createElement("div", {
-    className: langdetect == 'en' ? ' col-lg-3 pr-0 ' : ' col-lg-3 pl-0 '
+    className: langdetect == 'en' ? ' col-lg-3 pr-0 px-sm-0 mb-4 ' : ' col-lg-3 pl-0 px-sm-0 mb-4'
   }, Summary()))))));
 };
 
@@ -9072,7 +9094,7 @@ var Select$1 = /*#__PURE__*/React.lazy(function () {
   return import('react-select');
 });
 var CustomerInformationForm = function CustomerInformationForm(props) {
-  var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _fetchAuthorizationQu4, _fetchAuthorizationQu5, _fetchAuthorizationQu6, _css, _authdetailsContext$c, _authdetailsContext$c2;
+  var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _fetchAuthorizationQu4, _fetchAuthorizationQu5, _fetchAuthorizationQu6, _css, _authdetailsContext$i2, _authdetailsContext$c, _authdetailsContext$c2;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   props.actions.routingcountext;
@@ -9140,6 +9162,18 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     _useState14 = _slicedToArray(_useState13, 2),
     payloadobj = _useState14[0],
     setpayloadobj = _useState14[1];
+  var _useState15 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2);
+    _useState16[0];
+    _useState16[1];
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2);
+    _useState18[0];
+    _useState18[1];
+  var _useState19 = useState(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    waitingpage = _useState20[0],
+    setwaitingpage = _useState20[1];
   useEffect(function () {
     if (fetchAuthorizationQueryContext.isSuccess) {
       var _fetchAuthorizationQu7, _fetchAuthorizationQu8, _fetchAuthorizationQu9, _fetchAuthorizationQu10, _fetchAuthorizationQu11, _fetchAuthorizationQu12;
@@ -9197,10 +9231,15 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     var isshippingaddresscompleted = false;
     var passwordvalidation = false;
     if (authdetailsContext.loggedin == false) {
-      if (payloadobj.password.length != 0) {
-        if (payloadobj.password == payloadobj.password2) {
-          passwordvalidation = true;
+      var _authdetailsContext$i;
+      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.ispasswordrequired_signup) == 1) {
+        if (payloadobj.password.length != 0) {
+          if (payloadobj.password == payloadobj.password2) {
+            passwordvalidation = true;
+          }
         }
+      } else {
+        passwordvalidation = true;
       }
     } else if (authdetailsContext.loggedin == true) {
       if (payloadobj.password.length != 0) {
@@ -9262,6 +9301,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       }
       temppayloadobj.addedsourcetype = 'Webapp';
       temppayloadobj.instapikey = instapikey;
+      if (sectionproperties.redirectsaftersignup != 'Home') {
+        setwaitingpage(true);
+      }
       CustomerSignUpMutationContext.mutate(temppayloadobj);
     }
   };
@@ -9379,7 +9421,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         payloadobjchange('name', event.target.value);
       },
       style: {
-        background: 'transparent'
+        background: sectionproperties.input_bgcolor
       }
     })), /*#__PURE__*/React.createElement("div", {
       className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
@@ -9395,7 +9437,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         payloadobjchange('email', event.target.value);
       },
       style: {
-        background: 'transparent'
+        background: sectionproperties.input_bgcolor
       }
     })), /*#__PURE__*/React.createElement("div", {
       className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
@@ -9418,7 +9460,8 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       },
 
       style: {
-        direction: 'ltr'
+        direction: 'ltr',
+        color: sectionproperties.inputfieldcolor
       }
     })));
   };
@@ -9597,7 +9640,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       },
       style: {
         resize: 'none',
-        background: 'transparent'
+        background: sectionproperties.input_bgcolor
       }
     }), /*#__PURE__*/React.createElement("span", {
       className: loginstyles.login_input_focus
@@ -9612,7 +9655,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       className: "".concat(formstyles.input_label_name) + '  d-flex align-items-start '
     }, lang.password), /*#__PURE__*/React.createElement("input", {
       className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
-      type: "password",
+      type: 'password',
       autocomplete: "new-password",
       textplaceholder: "",
       value: payloadobj.password,
@@ -9726,19 +9769,50 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       })));
     })));
   };
+  var SignUpButtonContent = function SignUpButtonContent() {
+    return /*#__PURE__*/React.createElement("button", {
+      className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
+      disabled: CustomerSignUpMutationContext.isLoading ? true : false,
+      onClick: function onClick() {
+        if (verifypayload() == true) {
+          if (customervalidateemail == 1) {
+            setvalidateemailmodal(true);
+          } else {
+            signupbuttonfunc();
+          }
+        }
+      }
+    }, CustomerSignUpMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
+      color: "#fff",
+      width: "20px",
+      height: "20px",
+      duration: "1s"
+    }), !CustomerSignUpMutationContext.isLoading && /*#__PURE__*/React.createElement(React.Fragment, null, authdetailsContext.loggedin != true && /*#__PURE__*/React.createElement("span", {
+      style: {
+        letterSpacing: langdetect == 'en' ? '1px' : ''
+      }
+    }, langdetect == 'en' ? sectionproperties.signupbtn_contenten : sectionproperties.signupbtn_contentar), authdetailsContext.loggedin == true && /*#__PURE__*/React.createElement("span", {
+      style: {
+        letterSpacing: langdetect == 'en' ? '1px' : ''
+      }
+    }, lang.update)));
+  };
   return /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 d-flex justify-content-center"
+    className: "row m-0 w-100 d-flex justify-content-center",
+    style: {
+      // heigh: '100%',
+    }
   }, !dataloaded && /*#__PURE__*/React.createElement(CircularProgress, {
     color: "black",
     width: "20px",
     height: "20px",
     duration: "1s"
-  }), dataloaded && props.srcfromprops == 'signup' && /*#__PURE__*/React.createElement("div", {
+  }), dataloaded && props.srcfromprops == 'signup' && waitingpage == false && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0",
     style: {
-      background: 'white'
+      background: sectionproperties.formLeftbgColor
     }
-  }, PersonalInformation(), Address(), Otherinformation(), Password()), dataloaded && props.srcfromprops == 'accountinfo' && /*#__PURE__*/React.createElement("div", {
+  }, PersonalInformation(), Address(), Otherinformation(), sectionproperties.hidepassword == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.ispasswordrequired_signup) == 1 && Password()), dataloaded && props.srcfromprops == 'accountinfo' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
     className: "row ml-0 mr-0 w-100"
@@ -9802,7 +9876,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
     },
-    className: "p-2"
+    className: "p-2 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     className: "row ml-0 mr-0"
   }, /*#__PURE__*/React.createElement("div", {
@@ -9824,7 +9898,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       display: sectionproperties.hidecountrystatecity == 'Show' && sectionproperties.hideaddress == 'Show' ? 'flex' : 'none'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'p-2',
+    className: 'p-2 w-100',
     style: {
       background: sectionproperties.backgroundColor,
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
@@ -9850,7 +9924,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   }))), Address())), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 mb-3 p-0"
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'p-2',
+    className: 'p-2 w-100',
     style: {
       background: sectionproperties.backgroundColor,
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
@@ -9885,7 +9959,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
     },
-    className: "p-2"
+    className: "p-2 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     className: "row ml-0 mr-0"
   }, /*#__PURE__*/React.createElement("div", {
@@ -9917,34 +9991,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     onClick: function onClick() {
       window.open(window.location.origin + '/policies', '_blank');
     }
-  }, langdetect == 'en' ? 'Terms & Conditions' : 'الشروط و الاحكام'))), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Terms & Conditions' : 'الشروط و الاحكام'))), waitingpage == false && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
-  }, /*#__PURE__*/React.createElement("button", {
-    className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
-    disabled: CustomerSignUpMutationContext.isLoading ? true : false,
-    onClick: function onClick() {
-      if (verifypayload() == true) {
-        if (customervalidateemail == 1) {
-          setvalidateemailmodal(true);
-        } else {
-          signupbuttonfunc();
-        }
-      }
-    }
-  }, CustomerSignUpMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
-    color: "#fff",
-    width: "20px",
-    height: "20px",
-    duration: "1s"
-  }), !CustomerSignUpMutationContext.isLoading && /*#__PURE__*/React.createElement(React.Fragment, null, authdetailsContext.loggedin != true && /*#__PURE__*/React.createElement("span", {
-    style: {
-      letterSpacing: langdetect == 'en' ? '1px' : ''
-    }
-  }, langdetect == 'en' ? sectionproperties.signupbtn_contenten : sectionproperties.signupbtn_contentar), authdetailsContext.loggedin == true && /*#__PURE__*/React.createElement("span", {
-    style: {
-      letterSpacing: langdetect == 'en' ? '1px' : ''
-    }
-  }, lang.update)))), props.srcfromprops == 'signup' && /*#__PURE__*/React.createElement("div", {
+  }, authdetailsContext.loggedin == false && SignUpButtonContent(), authdetailsContext.loggedin == true && sectionproperties.showupdatebtn == 'Show' && SignUpButtonContent()), props.srcfromprops == 'signup' && waitingpage == false && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 d-flex d-md-none align-items-center justify-content-center mb-2"
@@ -9968,7 +10017,25 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     className: "ml-1 mr-1"
   }, /*#__PURE__*/React.createElement(GoogleLoginButton, {
     actions: actions
-  })))), /*#__PURE__*/React.createElement(Modal, {
+  })))), waitingpage == true && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 allcentered my-5"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 allcentered"
+  }, /*#__PURE__*/React.createElement("p", {
+    style: {
+      color: sectionproperties.waitingapprovalcolor,
+      fontSize: sectionproperties.waitingapprovalfontsize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.waitingapprovaltest_en : sectionproperties.waitingapprovaltest_ar)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 allcentered"
+  }, /*#__PURE__*/React.createElement("p", {
+    style: {
+      color: sectionproperties.waitingapprovalcolor2,
+      fontSize: sectionproperties.waitingapprovalfontsize2 + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.waitingapprovaltest_en2 : sectionproperties.waitingapprovaltest_ar2)))), /*#__PURE__*/React.createElement(Modal, {
     show: validateemailmodal,
     onHide: function onHide() {
       return setvalidateemailmodal(false);
@@ -10204,6 +10271,11 @@ var Signup = function Signup(props) {
   };
   var SignupContent = function SignupContent() {
     return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0",
+      style: {
+        height: '100%'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
       className: 'row m-0 w-100 pl-3 pr-3 d-flex align-items-center justify-content-center pl-md-3 pr-md-3 p-sm-0'
     }, /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mt-3",
@@ -10233,10 +10305,7 @@ var Signup = function Signup(props) {
       className: 'col-lg-12 col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch',
       style: {
         background: sectionproperties.formLeftbgColor,
-        borderTopRightRadius: sectionproperties.formLeft_bordertoprightradius + 'px',
-        borderTopLeftRadius: sectionproperties.formLeft_bordertopleftradius + 'px',
-        borderBottomRightRadius: sectionproperties.formLeft_borderbottomrightadius + 'px',
-        borderBottomLeftRadius: sectionproperties.formLeft_borderbottomleftadius + 'px'
+        borderRadius: '10px'
       }
     }, !SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100"
@@ -10256,23 +10325,26 @@ var Signup = function Signup(props) {
       width: "40px",
       height: "40px",
       duration: "1s"
-    })))))));
+    }))))))));
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex align-items-center justify-content-center pt-md-3 pb-5",
     style: {
       background: sectionproperties.backgroundColor,
-      marginBottom: sectionproperties.marginBottom + 'px'
+      marginBottom: sectionproperties.marginBottom + 'px',
+      minHeight: sectionproperties.height != null ? sectionproperties.height + 'vh' : 'auto'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row ml-0 mr-0 w-100 d-flex d-md-none",
     style: {
-      marginTop: sectionproperties.marginTop + 'px'
+      marginTop: sectionproperties.marginTop + 'px',
+      height: '100%'
     }
   }, SignupContent()), /*#__PURE__*/React.createElement("div", {
     "class": "row ml-0 mr-0 w-100 d-none d-md-flex",
     style: {
-      marginTop: sectionproperties.marginTopResp + 'px'
+      marginTop: sectionproperties.marginTopResp + 'px',
+      height: '100%'
     }
   }, SignupContent()));
 };
@@ -15847,7 +15919,7 @@ var DownloadApp = function DownloadApp(props) {
 function ownKeys$1P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Gotoheader = function Gotoheader(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _logoarrayofobjects$3, _logoarrayofobjects$4;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -16119,19 +16191,18 @@ var Gotoheader = function Gotoheader(props) {
     })
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(headerstyles$g.header_container) + ' row m-0 w-100 d-flex justify-content-center ',
-    style: {
-      position: 'relative',
-      zIndex: 1000
-    }
+    className: "".concat(headerstyles$g.header_container) + ' row m-0 w-100 d-flex justify-content-center '
+    // class={`${headerstyles.header_container}` + ' row m-0 w-100 d-flex justify-content-center '} style={{ position: 'relative', zIndex: 1000 }}
   }, /*#__PURE__*/React.createElement("div", {
+    // className={' row m-0 d-md-none '}
     "class": "row m-0 d-md-none",
     style: {
       position: sectionproperties.headerstyles_position,
       marginTop: sectionproperties.header_marginTop + 'px',
       marginBottom: sectionproperties.header_marginBottom + 'px',
       width: '100vw',
-      top: 0
+      top: 0,
+      display: !authdetailsContext.loggedin && sectionproperties.hideheaderwhenloggedin == 'Hide' ? 'none' : 'flex'
     }
   }, sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React.createElement(DownloadApp, {
     sectionpropertiesprops: sectionproperties,
@@ -16498,10 +16569,36 @@ var Gotoheader = function Gotoheader(props) {
       paddingRightprops: '45px',
       subheadercontentpositionprops: 'start'
     }
-  }))), /*#__PURE__*/React.createElement(Headerresponsive, {
+  }))), !authdetailsContext.loggedin && sectionproperties.hideheaderwhenloggedin == 'Hide' && /*#__PURE__*/React.createElement("div", {
+    className: ' row m-0 ',
+    style: {
+      position: sectionproperties.headerstyles_position,
+      marginTop: sectionproperties.header_marginTop + 'px',
+      marginBottom: sectionproperties.header_marginBottom + 'px',
+      width: '100vw',
+      top: 0
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center '
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 allcentered p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(header_cssstyles.header_logo)
+  }, /*#__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: langdetect == 'en' ? (_logoarrayofobjects$3 = logoarrayofobjects[0]) === null || _logoarrayofobjects$3 === void 0 ? void 0 : _logoarrayofobjects$3.englishlogo : (_logoarrayofobjects$4 = logoarrayofobjects[0]) === null || _logoarrayofobjects$4 === void 0 ? void 0 : _logoarrayofobjects$4.arabiclogo,
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    }
+  }))))), /*#__PURE__*/React.createElement("div", {
+    className: !authdetailsContext.loggedin && sectionproperties.hideheaderwhenloggedin == 'Hide' ? ' row m-0 w-100 d-none justify-content-center ' : authdetailsContext.loggedin ? 'row m-0 w-100 d-flex justify-content-centet' : ' row m-0 w-100 d-flex justify-content-center '
+  }, /*#__PURE__*/React.createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }));
+  })));
 };
 
 var css_248z$A = ".CategoryFeaturingHeader-module_lowerHeaderContainer__bQvQY {\n    display: flex;\n    align-items: center;\n    align-content: center;\n    position: relative;\n    z-index: 1000;\n    transition: all 0.2s;\n}\n.CategoryFeaturingHeader-module_lowerHeaderContainer__bQvQY .CategoryFeaturingHeader-module_navbar__KrZoa {\n    padding: 0;\n}\n.CategoryFeaturingHeader-module_lowerHeaderContainer__bQvQY .CategoryFeaturingHeader-module_navbar__KrZoa ul {\n    margin: 0;\n    padding: 0;\n    display: flex;\n    list-style: none;\n    align-items: center;\n}\n.CategoryFeaturingHeader-module_lowerHeaderContainer__bQvQY .CategoryFeaturingHeader-module_navbar__KrZoa ul li {\n    position: relative !important;\n}\n.CategoryFeaturingHeader-module_lowerHeaderContainer__bQvQY .CategoryFeaturingHeader-module_navbar_item__x7kUB {\n    position: relative;\n    cursor: pointer;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n}\n/* Badge */\n.CategoryFeaturingHeader-module_badge_counter_header_notifications__OMiIG {\n    position: absolute;\n    transform: scale(0.3);\n    transform-origin: top right;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.CategoryFeaturingHeader-module_searchbar__QVi6T {\n    display: inline-block;\n    border: none;\n    outline: none;\n    width: 0px;\n    position: absolute;\n    top: 0;\n    background: none;\n    z-index: 3;\n    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n    cursor: pointer;\n}\n.CategoryFeaturingHeader-module_searchbar__QVi6T:focus {\n    width: 300px !important;\n    z-index: 1;\n    cursor: text;\n}\n.CategoryFeaturingHeader-module_searchbaractive__SDflG {\n    display: inline-block;\n    z-index: 2;\n    cursor: pointer;\n    cursor: pointer;\n}\n  ";
@@ -26027,7 +26124,7 @@ var StylishHeader = function StylishHeader(props) {
     OpenCloseCartSlider = _useState8[0],
     setOpenCloseCartSlider = _useState8[1];
   return /*#__PURE__*/React.createElement("div", {
-    className: ' row m-0 w-100 d-flex justify-content-center ',
+    className: !authdetailsContext.loggedin && sectionproperties.hideheaderwhenloggedin == 'hide' ? ' row m-0 w-100 d-none justify-content-center ' : ' row m-0 w-100 d-flex justify-content-center ',
     style: {
       width: '100vw'
     }
@@ -35958,7 +36055,7 @@ var Simplefooter = function Simplefooter(props) {
     })
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(footerStyles.footerContainer) + ' row m-0 w-100 d-flex justify-content-center px-lg-1 pl-md-4 pr-md-4 pl-sm-2 pr-sm-2 '
+    className: !authdetailsContext.loggedin && sectionproperties.hidefooterwhenlogin == 'Hide' ? "".concat(footerStyles.footerContainer) + ' row m-0 w-100 d-none justify-content-center px-lg-1 pl-md-4 pr-md-4 pl-sm-2 pr-sm-2 ' : authdetailsContext.loggedin ? "".concat(footerStyles.footerContainer) + ' row m-0 w-100 d-flex justify-content-center px-lg-1 pl-md-4 pr-md-4 pl-sm-2 pr-sm-2 ' : "".concat(footerStyles.footerContainer) + ' row m-0 w-100 d-flex justify-content-center px-lg-1 pl-md-4 pr-md-4 pl-sm-2 pr-sm-2 '
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-4 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-sm-0"
   }, /*#__PURE__*/React.createElement("div", {
@@ -42472,10 +42569,17 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
     setsectionproperties = _useState2[1];
-  var _useState3 = useState([]),
+  var _useState3 = useState({
+      min: 0,
+      max: 10000
+    }),
     _useState4 = _slicedToArray(_useState3, 2),
-    imagesarray = _useState4[0],
-    setimagesarray = _useState4[1];
+    pricevalue = _useState4[0],
+    setpricevalue = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    imagesarray = _useState6[0],
+    setimagesarray = _useState6[1];
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -42782,10 +42886,23 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-sm-3 '
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(sectionstyles.input_label_name) + ' mb-3 '
-  }, langdetect == 'en' ? 'Price' : 'السعر'), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
-    className: "".concat(sectionstyles.dateInput),
-    type: "number"
-  }))))), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Price' : 'السعر'), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
+    style: {
+      direction: 'ltr'
+    }
+  }, /*#__PURE__*/React.createElement(InputRange, {
+    draggableTrack: true,
+    formatLabel: function formatLabel(value) {
+      return "".concat(value);
+    },
+    maxValue: 10000,
+    minValue: 0,
+    value: pricevalue,
+    onChange: function onChange(value) {
+      setpricevalue(_objectSpread$15({}, value));
+    }
+  })), /*#__PURE__*/React.createElement("div", null)))), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 allcentered mt-3"
   }, /*#__PURE__*/React.createElement("button", {
     "class": sectionstyles.btnstyles + ' allcentered '
@@ -60613,7 +60730,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
   };
   return /*#__PURE__*/React.createElement("div", {
     // class="row m-0 w-100"
-    "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
+    "class": props.sectiontypeprops2 == 'vertical' ? sectionproperties.card_marginLeft != 0 ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : "".concat(card_cssstyles.productcard) + ' w-100 ' : " ".concat(card_cssstyles.productcard),
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
@@ -60621,6 +60738,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 && sectionproperties.paddingTop != 0 && sectionproperties.paddingBottom != 0 ? card_cssstyles.cardcontainer + ' w-100 p-sm-3 ' : card_cssstyles.cardcontainer + ' w-100 ',
     onClick: function onClick() {
+      // alert(item.skiplayeronclick);
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
       // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     }