tabexseriescomponents 0.2.774 → 0.2.776

package/dist/index.esm.js

@@ -18,7 +18,6 @@ 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';
@@ -31,11 +30,11 @@ 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 '@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 { Fade, Slide, 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';
@@ -162,6 +161,7 @@ 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 { 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';
@@ -2467,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, _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 _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 lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -2529,12 +2529,6 @@ 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();
@@ -2778,7 +2772,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' && (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", {
+  }, Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__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'
@@ -3302,7 +3296,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$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", {
+  }, (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", {
     className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
       var _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41;
@@ -3974,7 +3968,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' && (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", {
+  }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Portfolio' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 ',
     style: {
       minHeight: sectionproperties.height + 'vh',
@@ -4101,345 +4095,7 @@ 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
     }
-  }))))), 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, {
+  })))))), sizeguideimage.length != 0 && /*#__PURE__*/React.createElement(Modal, {
     show: opensizeguidemodal,
     onHide: function onHide() {
       setopensizeguidemodal(false);
@@ -15587,12 +15243,16 @@ var CartSlider = function CartSlider(props) {
       backgroundPosition: 'center',
       position: 'relative'
     }),
-    productNameStyles: css(_defineProperty({
+    productNameStyles: css(_defineProperty(_defineProperty({
       color: sectionproperties.prodNameColor,
       fontSize: sectionproperties.prodNameFontSize + 'px',
       fontWeight: sectionproperties.texthover_productcard_fontWeight,
       textTransform: sectionproperties.prodNameTextTranform
-    }, "fontWeight", sectionproperties.prodNameFontWeight)),
+    }, "fontWeight", sectionproperties.prodNameFontWeight), ':hover', {
+      textDecoration: 'underline',
+      transition: '.3s',
+      cursor: 'pointer'
+    })),
     productPricestyles: css({
       fontSize: sectionproperties.prodpriceFontSize + 'px',
       fontWeight: sectionproperties.prodPriceFontWeight,
@@ -15967,6 +15627,12 @@ var CartSlider = function CartSlider(props) {
       className: "".concat(cart_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex align-items-start ',
       style: {
         textAlign: langdetect == 'en' ? 'left' : 'right'
+      },
+      onClick: function onClick() {
+        routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
+        setOpenCloseCartSlider(false);
+        setsidecartnavshowWorkplaceDesigncontext(false);
+        setsidecartnavshowcontext(false);
       }
     }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("div", {
       className: "".concat(cart_cssstyles.productPricestyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex mt-1 '
@@ -23261,8 +22927,11 @@ var Subheader = function Subheader(props) {
     "class": langdetect == 'en' ? ' dropdown dropdownen w-100' : ' dropdown dropdownar w-100'
   }, /*#__PURE__*/React.createElement("ul", {
     "class": "mt-2",
-    sytle: {
-      width: '200px'
+    style: {
+      width: '200px',
+      background: sectionproperties.subheader_dropdown_bgcolor,
+      border: sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor,
+      borderRadius: sectionproperties.subheader_dropdown_borderRadius + 'px'
     }
   }, sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
     if (item.isshowntocustomers == 1) {
@@ -25462,7 +25131,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }
   }, sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React.createElement("div", {
     className: "col-md-4 col-sm-3 text-start p-0"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.respiconposition != 'Right' && /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.respicon
   }, /*#__PURE__*/React.createElement("i", {
     "class": ' h-100 allcentered ',
@@ -25533,41 +25202,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-md-4 col-sm-6 allcentered p-0"
   }, InstLogoContainer()), /*#__PURE__*/React.createElement("div", {
     className: sectionproperties.logocentered != 'Centered' ? 'col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0' : 'col-md-4 col-sm-3 d-flex align-items-center justify-content-end p-0'
-  }, sectionproperties.respiconposition == 'Right' && /*#__PURE__*/React.createElement("div", {
-    "class": header_cssstyles.respicon
-  }, /*#__PURE__*/React.createElement("i", {
-    "class": ' h-100 allcentered ',
-    style: {},
-    onClick: function onClick() {
-      if (sectionproperties.responsiveheaderstyle == 'Style 2') {
-        if (menuactive == true) {
-          setmenuactive(false);
-        } else {
-          setmenuactive(true);
-        }
-      } else {
-        setopenmenuCanvas(true);
-        setactiveTab('menu');
-      }
-    }
-  }, menuactive == false && /*#__PURE__*/React.createElement(FiMenu, {
-    size: sectionproperties.resp_sidenav_size
-  }), menuactive == true && /*#__PURE__*/React.createElement(AiOutlineClose, {
-    size: sectionproperties.resp_sidenav_size
-  }))), sectionproperties.searchbar_show == 'Show' && sectionproperties.logocentered == 'Not Centered' && /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '30px',
-      height: sectionproperties.cart_BtnHeight_resp + 'px'
-    }
-  }, /*#__PURE__*/React.createElement("i", {
-    "class": "h-100 allcentered",
-    onClick: function onClick() {
-      setopenSearch(true);
-    }
-  }, /*#__PURE__*/React.createElement(IoSearchOutline, {
-    size: 22,
-    color: sectionproperties.cart_BtnTextcolor_resp
-  }))), sectionproperties.searchbar_show == 'Show' && sectionproperties.searchbtnresponsiveposition == 'Right' && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.searchbar_show == 'Show' && sectionproperties.searchbtnresponsiveposition == 'Right' && /*#__PURE__*/React.createElement("div", {
     style: {
       width: '30px',
       height: sectionproperties.cart_BtnHeight_resp + 'px'
@@ -25636,7 +25271,28 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }, /*#__PURE__*/React.createElement("hr", {
       "class": "m-0"
     }))));
-  })))), sectionproperties.searchbar_show == 'Hide' && sectionproperties.logocentered == 'Centered' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.favBtnShow == 'Hide' && /*#__PURE__*/React.createElement("div", {
+  })))), sectionproperties.respiconposition == 'Right' && /*#__PURE__*/React.createElement("div", {
+    "class": header_cssstyles.respicon
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": ' h-100 allcentered ',
+    style: {},
+    onClick: function onClick() {
+      if (sectionproperties.responsiveheaderstyle == 'Style 2') {
+        if (menuactive == true) {
+          setmenuactive(false);
+        } else {
+          setmenuactive(true);
+        }
+      } else {
+        setopenmenuCanvas(true);
+        setactiveTab('menu');
+      }
+    }
+  }, menuactive == false && /*#__PURE__*/React.createElement(FiMenu, {
+    size: sectionproperties.resp_sidenav_size
+  }), menuactive == true && /*#__PURE__*/React.createElement(AiOutlineClose, {
+    size: sectionproperties.resp_sidenav_size
+  }))), sectionproperties.searchbar_show == 'Hide' && sectionproperties.logocentered == 'Centered' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.favBtnShow == 'Hide' && /*#__PURE__*/React.createElement("div", {
     className: 'allcentered resposiveheader_languagedropdown',
     style: {
       marginLeft: langdetect == 'en' ? '0.25rem' : 0,
@@ -27113,14 +26769,14 @@ var ElegantHeader = function ElegantHeader(props) {
     }
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
-  }, "\u0639")), langdetect == 'en' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.arabiclanguagetext)), langdetect == 'en' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
     onClick: function onClick() {
       setlang('ar');
     }
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
-  }, "En")), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.englishlanguagetext)), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "allcentered"
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center pt-1 ',
@@ -50797,7 +50453,7 @@ var Footer8 = function Footer8(props) {
     }),
     gmail: css({
       ':hover': {
-        backgroundColor: '#4285f4'
+        backgroundColor: '#005495'
       }
     }),
     instgram_btn: css({
@@ -51483,6 +51139,16 @@ var Footer8 = function Footer8(props) {
       direction: 'ltr'
     }
   }, "+201015055005"))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-2"
+  }, /*#__PURE__*/React.createElement("a", {
+    href: 'tel:01015055005',
+    target: '_self'
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.iconTextStyle) + ' m-0 ',
+    style: {
+      direction: 'ltr'
+    }
+  }, "+447878692563"))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 text-start mt-4 mb-2"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(footerStyles.iconTextStyle),
@@ -65436,7 +65102,7 @@ styleInject(css_248z$i);
 function ownKeys$Z(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$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Freetextsection = function Freetextsection(props) {
-  var _maincontainerarrayof3, _maincontainerarrayof4, _maincontainerarrayof5, _maincontainerarrayof6, _maincontainerarrayof7, _maincontainerarrayof8;
+  var _maincontainerarrayof;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -65539,15 +65205,34 @@ var Freetextsection = function Freetextsection(props) {
       position: 'relative',
       border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
       width: sectionproperties.width + 'vw',
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
       '@media (max-width: 800px)': {
-        paddingTop: sectionproperties.paddingverticalresponsive + 'px',
-        paddingBottom: sectionproperties.paddingverticalresponsive + 'px'
+        paddingTop: sectionproperties.paddingtopresponsive + 'px',
+        paddingBottom: sectionproperties.paddingbottomresponsive + 'px'
+      }
+    }),
+    paddings: css({
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      '@media (max-width: 800px)': {
+        paddingLeft: sectionproperties.paddinghorizontalresponsive + 'px',
+        paddingRight: sectionproperties.paddinghorizontalresponsive + 'px'
+      }
+    }),
+    sectioncont: css({
+      marginTop: sectionproperties.marginTop + 'px',
+      marginBottom: sectionproperties.marginBottom + 'px',
+      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof === void 0 ? void 0 : _maincontainerarrayof.back_bgimage) + ')' : '' : '',
+      '@media (max-width: 800px)': {
+        marginTop: sectionproperties.marginTopResp + 'px',
+        marginBottom: sectionproperties.marginBottom + 'px'
       }
     })
   };
   var SectionTitle = function SectionTitle() {
     return /*#__PURE__*/React.createElement("div", {
-      "class": "d-flex align-items-center flex-row",
+      "class": "d-flex align-items-center flex-row d-flex",
       style: {
         position: 'relative',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
@@ -65584,28 +65269,27 @@ var Freetextsection = function Freetextsection(props) {
         marginBottom: sectionproperties.sectionbgstyle == 'Besides each other' ? 'auto' : sectionproperties.descriptionMarginBottom + 'px',
         paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px',
         paddingLeft: langdetect == 'en' ? sectionproperties.description_marginLeft + 'px' : sectionproperties.description_marginRight + 'px',
-        justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start'
+        justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : sectionproperties.descriptionCentered == 'Start' ? 'start' : 'end'
       }
     }, /*#__PURE__*/React.createElement("p", {
       "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : ' m-0 p-0 wordbreak',
       style: {
-        textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start',
         color: sectionproperties.prodCatColor,
-        fontWeight: sectionproperties.prodCatFontWeight
+        fontWeight: sectionproperties.prodCatFontWeight,
+        textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr));
   };
   var SectionContent = function SectionContent(type) {
-    var _maincontainerarrayof, _maincontainerarrayof2;
+    var _maincontainerarrayof2, _maincontainerarrayof3;
     return /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.width == 100 ? section_styles.sectioncontent + ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : section_styles.sectioncontent + ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
-      style: {}
+      "class": sectionproperties.width == 100 ? section_styles.sectioncontent + ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : section_styles.sectioncontent + ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center '
     }, sectionproperties.hideshowcardtransition != 'Show' && /*#__PURE__*/React.createElement(React.Fragment, null, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React.createElement("div", {
       "class": section_styles.imgcontainer + ' d-block d-md-none '
     }, /*#__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: (_maincontainerarrayof = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof === void 0 ? void 0 : _maincontainerarrayof.back_bgimage,
+      path: (_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimage,
       style: {
         height: '100%',
         width: '100%',
@@ -65623,7 +65307,7 @@ var Freetextsection = function Freetextsection(props) {
     }, /*#__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: (_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimageresp,
+      path: (_maincontainerarrayof3 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof3 === void 0 ? void 0 : _maincontainerarrayof3.back_bgimageresp,
       style: {
         height: '100%',
         width: '100%',
@@ -65637,12 +65321,8 @@ var Freetextsection = function Freetextsection(props) {
         left: 0
       }
     }))), /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? 'pl-md-3 pr-md-3 w-100 d-flex justify-content-start' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? 'pl-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pr-md-3' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? 'pr-md-3 w-100 d-flex justify-content-start' : 'w-100 d-flex justify-content-start pl-md-3' : 'w-100 d-flex justify-content-start',
+      "class": section_styles.paddings + 'w-100 d-flex justify-content-start',
       style: {
-        paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
-        paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
-        paddingTop: type == 'responsive' ? '15px' : sectionproperties.paddingTop + 'px',
-        paddingBottom: type == 'responsive' ? '15px' : sectionproperties.paddingBottom + 'px',
         zIndex: 100,
         height: sectionproperties.hideshowcardtransition == 'Show' ? type == 'responsive' ? sectionproperties.height_responsive + 'px' : '' : ''
       }
@@ -65679,6 +65359,101 @@ var Freetextsection = function Freetextsection(props) {
       "class": "".concat(section_styles.btn)
     }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))));
   };
+  var FreeTextSectionContainer = function FreeTextSectionContainer() {
+    var _maincontainerarrayof4, _maincontainerarrayof5;
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, sectionproperties.sectionbgstyle == 'Besides each other' && /*#__PURE__*/React.createElement("div", {
+      "class": "".concat(section_styles.sectioncont, " ").concat(sectionstyles$1.background) + ' row w-100 ml-0 mr-0 d-flex justify-content-center align-items-center ',
+      style: {
+        position: 'relative'
+      }
+    }, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React.createElement("div", {
+      "class": section_styles.imgcontainer + ' d-block d-md-none '
+    }, /*#__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: (_maincontainerarrayof4 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof4 === void 0 ? void 0 : _maincontainerarrayof4.back_bgimage,
+      style: {
+        height: '100%',
+        width: '100%',
+        objectFit: 'cover',
+        margin: 0,
+        padding: 0,
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        right: 0,
+        left: 0
+      }
+    })), maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React.createElement("div", {
+      "class": section_styles.imgcontainer + ' d-none d-md-block '
+    }, /*#__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: (_maincontainerarrayof5 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof5 === void 0 ? void 0 : _maincontainerarrayof5.back_bgimageresp,
+      style: {
+        height: '100%',
+        width: '100%',
+        objectFit: 'cover',
+        margin: 0,
+        padding: 0,
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        right: 0,
+        left: 0
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": sectionproperties.width == 100 ? "".concat(section_styles.sectioncontent, " ").concat(section_styles.paddings) + ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : "".concat(section_styles.sectioncontent, " ").concat(section_styles.paddings) + ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
+      style: {
+        zIndex: 10
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "",
+      style: {
+        background: sectionproperties.reservation_bgcolor,
+        borderRadius: sectionproperties.reservation_borderradius + 'px',
+        boxShadow: '0 0 10px ' + sectionproperties.innersectionshadowcolor,
+        paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
+        paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
+        paddingTop: sectionproperties.innersectionpaddingvertical + 'px',
+        paddingBottom: sectionproperties.innersectionpaddingvertical + 'px',
+        width: sectionproperties.innersectionWidth + '%'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": sectionproperties.innercolsratio == '2:10' ? ' col-lg-2 col-md-12 p-md-0 ' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 col-lg-3 col-md-12 p-md-0 ' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 col-lg-4 col-md-12 p-md-0' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 col-lg-5 col-md-12 p-md-0' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 col-lg-6 col-md-12 p-md-0' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 col-lg-7 col-md-12 p-md-0' : 'col-md-12 col-lg-3 col-md-12 p-md-0',
+      style: {
+        display: 'flex',
+        alignItems: sectionproperties.sectiontitlepositionvertically == 'Center' ? 'center' : ''
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "w-100 d-flex mb-md-4",
+      style: {}
+    }, SectionTitle())), /*#__PURE__*/React.createElement("div", {
+      "class": sectionproperties.innercolsratio == '2:10' ? 'col-md-12 d-flex justify-content-center col-lg-10 p-md-0 col-md-12' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 d-flex justify-content-center col-lg-9 p-md-0 col-md-12' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 d-flex justify-content-center col-lg-8 p-md-0 col-md-12' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 d-flex justify-content-center col-lg-7 p-md-0 col-md-12' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 d-flex justify-content-center col-lg-6 p-md-0 col-md-12' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 d-flex justify-content-center col-lg-5 p-md-0 col-md-12' : 'col-md-12 d-flex justify-content-center col-lg-3 p-md-0 col-md-12',
+      style: {
+        paddingLeft: langdetect == 'en' ? '50px' : 0,
+        paddingRight: langdetect == 'ar' ? '50px' : 0,
+        alignItems: sectionproperties.centerdescriptionvertical == 'Centered' ? 'center' : ''
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 text-start text-md-center",
+      style: {
+        fontSize: sectionproperties.prodCatFontSize + 'px'
+      }
+    }, Description())))))))), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React.createElement("div", {
+      "class": "".concat(section_styles.sectioncont, " ").concat(sectionstyles$1.background) + ' row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center '
+    }, SectionContent('normal')), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React.createElement("div", {
+      "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-none d-md-flex justify-content-center align-items-center '
+    }, SectionContent('responsive')));
+  };
   return /*#__PURE__*/React.createElement("div", {
     "class": "w-100 allcentered",
     style: {
@@ -65687,143 +65462,9 @@ var Freetextsection = function Freetextsection(props) {
   }, sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100",
     "data-aos": 'fade-up'
-  }, sectionproperties.sectionbgstyle == 'Besides each other' && /*#__PURE__*/React.createElement("div", {
-    "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex justify-content-center align-items-center ',
-    style: {
-      marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof3 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof3 === void 0 ? void 0 : _maincontainerarrayof3.back_bgimage) + ')' : '' : ''
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.width == 100 ? ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
-    style: {
-      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
-      position: 'relative',
-      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
-      width: sectionproperties.width + 'vw'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 allcentered"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "",
-    style: {
-      background: sectionproperties.reservation_bgcolor,
-      borderRadius: sectionproperties.reservation_borderradius + 'px',
-      boxShadow: '0 0 10px ' + sectionproperties.innersectionshadowcolor,
-      paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
-      paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
-      paddingTop: sectionproperties.innersectionpaddingvertical + 'px',
-      paddingBottom: sectionproperties.innersectionpaddingvertical + 'px',
-      width: sectionproperties.innersectionWidth + '%'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.innercolsratio == '2:10' ? ' allcentered col-lg-2 col-md-12 p-md-0' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 allcentered col-lg-3 col-md-12 p-md-0' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 allcentered col-lg-4 col-md-12 p-md-0' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 allcentered col-lg-5 col-md-12 p-md-0' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 allcentered col-lg-6 col-md-12 p-md-0' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 allcentered col-lg-7 col-md-12 p-md-0' : 'col-md-12 allcentered col-lg-3 col-md-12 p-md-0'
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "w-100 d-flex allcentered mb-md-4"
-  }, SectionTitle())), /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.innercolsratio == '2:10' ? 'col-md-12 d-flex justify-content-center col-lg-10 p-md-0 col-md-12' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 d-flex justify-content-center col-lg-9 p-md-0 col-md-12' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 d-flex justify-content-center col-lg-8 p-md-0 col-md-12' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 d-flex justify-content-center col-lg-7 p-md-0 col-md-12' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 d-flex justify-content-center col-lg-6 p-md-0 col-md-12' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 d-flex justify-content-center col-lg-5 p-md-0 col-md-12' : 'col-md-12 d-flex justify-content-center col-lg-3 p-md-0 col-md-12',
-    style: {
-      paddingLeft: langdetect == 'en' ? '50px' : 0,
-      paddingRight: langdetect == 'ar' ? '50px' : 0,
-      alignItems: sectionproperties.centerdescriptionvertical == 'Centered' ? 'center' : ''
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 text-start text-md-center",
-    style: {
-      fontSize: sectionproperties.prodCatFontSize + 'px'
-    }
-  }, Description())))))))), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React.createElement("div", {
-    "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center ',
-    style: {
-      marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof4 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof4 === void 0 ? void 0 : _maincontainerarrayof4.back_bgimage) + ')' : '' : ''
-    }
-  }, SectionContent('normal')), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React.createElement("div", {
-    "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-none d-md-flex justify-content-center align-items-center ',
-    style: {
-      marginTop: sectionproperties.marginTopResp + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof5 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof5 === void 0 ? void 0 : _maincontainerarrayof5.back_bgimage) + ')' : '' : ''
-    }
-  }, SectionContent('responsive'))), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React.createElement("div", {
+  }, FreeTextSectionContainer()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
-  }, sectionproperties.sectionbgstyle == 'Besides each other' && /*#__PURE__*/React.createElement("div", {
-    "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex justify-content-center align-items-center ',
-    style: {
-      marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof6 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof6 === void 0 ? void 0 : _maincontainerarrayof6.back_bgimage) + ')' : '' : ''
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.width == 100 ? ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ' : ' row ml-0 mr-0 d-flex justify-content-between w-md-95 align-items-center ',
-    style: {
-      background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
-      position: 'relative',
-      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
-      width: sectionproperties.width + 'vw'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 allcentered"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "",
-    style: {
-      background: sectionproperties.reservation_bgcolor,
-      borderRadius: sectionproperties.reservation_borderradius + 'px',
-      boxShadow: '0 0 10px ' + sectionproperties.innersectionshadowcolor,
-      paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
-      paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
-      paddingTop: sectionproperties.innersectionpaddingvertical + 'px',
-      paddingBottom: sectionproperties.innersectionpaddingvertical + 'px',
-      width: sectionproperties.innersectionWidth + '%'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.innercolsratio == '2:10' ? ' allcentered col-lg-2 col-md-12 p-md-0' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 allcentered col-lg-3 col-md-12 p-md-0' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 allcentered col-lg-4 col-md-12 p-md-0' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 allcentered col-lg-5 col-md-12 p-md-0' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 allcentered col-lg-6 col-md-12 p-md-0' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 allcentered col-lg-7 col-md-12 p-md-0' : 'col-md-12 allcentered col-lg-3 col-md-12 p-md-0'
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "w-100 d-flex allcentered mb-md-4"
-  }, SectionTitle())), /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.innercolsratio == '2:10' ? 'col-md-12 d-flex justify-content-center col-lg-10 p-md-0 col-md-12' : sectionproperties.innercolsratio == '3:9' ? 'col-md-12 d-flex justify-content-center col-lg-9 p-md-0 col-md-12' : sectionproperties.innercolsratio == '4:8' ? 'col-md-12 d-flex justify-content-center col-lg-8 p-md-0 col-md-12' : sectionproperties.innercolsratio == '5:7' ? 'col-md-12 d-flex justify-content-center col-lg-7 p-md-0 col-md-12' : sectionproperties.innercolsratio == '6:6' ? 'col-md-12 d-flex justify-content-center col-lg-6 p-md-0 col-md-12' : sectionproperties.innercolsratio == '7:5' ? 'col-md-12 d-flex justify-content-center col-lg-5 p-md-0 col-md-12' : 'col-md-12 d-flex justify-content-center col-lg-3 p-md-0 col-md-12',
-    style: {
-      paddingLeft: langdetect == 'en' ? '50px' : 0,
-      paddingRight: langdetect == 'ar' ? '50px' : 0,
-      alignItems: sectionproperties.centerdescriptionvertical == 'Centered' ? 'center' : ''
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 text-start text-md-center",
-    style: {
-      fontSize: sectionproperties.prodCatFontSize + 'px'
-    }
-  }, Description())))))))), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React.createElement("div", {
-    "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-flex d-md-none justify-content-center align-items-center ',
-    style: {
-      marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof7 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof7 === void 0 ? void 0 : _maincontainerarrayof7.back_bgimage) + ')' : '' : ''
-    }
-  }, SectionContent('normal')), sectionproperties.sectionbgstyle == 'Text Below' && /*#__PURE__*/React.createElement("div", {
-    "class": sectionstyles$1.background + ' row w-100 ml-0 mr-0 d-none d-md-flex justify-content-center align-items-center ',
-    style: {
-      marginTop: sectionproperties.marginTopResp + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      background: sectionproperties.hideshowcardtransition == 'Show' ? maincontainerarrayofobjs.length != 0 ? 'url(' + serverbaselink$1 + ((_maincontainerarrayof8 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof8 === void 0 ? void 0 : _maincontainerarrayof8.back_bgimage) + ')' : '' : ''
-    }
-  }, SectionContent('responsive'))));
+  }, FreeTextSectionContainer()));
 };
 
 function ownKeys$Y(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; }
@@ -67914,7 +67555,7 @@ var Servicesection = function Servicesection(props) {
       borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
       position: 'relative'
     }
-  }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React.createElement("div", {
+  }, maincontainerarrayofobjs != undefined && maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": section_styles.imgcontainer
   }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -68096,7 +67737,7 @@ var Servicesection = function Servicesection(props) {
 function ownKeys$V(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$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
-  var _maincontainerarrayof;
+  var _maincontainerarrayof, _maincontainerarrayof2;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -68309,7 +67950,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
     "class": sectionStyles.outercontainer + ' row ml-0 mr-0 align-items-center ',
     style: {},
     "data-aos": 'fade-up'
-  }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React.createElement("div", {
+  }, maincontainerarrayofobjs != undefined && maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": sectionStyles.imgcontainer
   }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -68553,7 +68194,25 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   }))), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React.createElement("div", {
     "class": sectionStyles.outercontainer + ' row ml-0 mr-0 align-items-center ',
     style: {}
-  }, /*#__PURE__*/React.createElement("div", {
+  }, maincontainerarrayofobjs != undefined && maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React.createElement("div", {
+    "class": sectionStyles.imgcontainer
+  }, /*#__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: (_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimage,
+    style: {
+      height: '100%',
+      width: '100%',
+      objectFit: 'cover',
+      margin: 0,
+      padding: 0,
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      right: 0,
+      left: 0
+    }
+  })), /*#__PURE__*/React.createElement("div", {
     "class": sectionStyles.containerrrr + ' row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3 ',
     style: {}
   }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -69748,8 +69407,8 @@ var Slideshowfade = function Slideshowfade(props) {
       top: sectionproperties.textsectionpositionfromtop + '%',
       zIndex: 1000,
       paddingTop: sectionproperties.paddingTop + 'px',
-      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
-      paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
       width: sectionproperties.textsectionwidth + '%',
       '@media (max-width: 800px)': {
         top: sectionproperties.textsectionpositionfromtopresp + '%'
@@ -84598,34 +84257,43 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
     _useState2 = _slicedToArray(_useState, 2);
     _useState2[0];
     var setitem = _useState2[1];
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    variants_iteminfo = _useState4[0],
-    setvariants_iteminfo = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    options_w_values = _useState6[0],
-    setoptions_w_values = _useState6[1];
-  var _useState7 = useState([]),
+  var _useState3 = useState(props.actions.fetchingtypeprops),
+    _useState4 = _slicedToArray(_useState3, 2);
+    _useState4[0];
+    _useState4[1];
+  var _useState5 = useState(props.actions.collectionid),
+    _useState6 = _slicedToArray(_useState5, 2);
+    _useState6[0];
+    _useState6[1];
+  props.actions.cardonclickfunctionContext;
+  var _useState7 = useState({}),
     _useState8 = _slicedToArray(_useState7, 2),
-    choosen_values = _useState8[0],
-    setchoosen_values = _useState8[1];
-  var _useState9 = useState({}),
+    variants_iteminfo = _useState8[0],
+    setvariants_iteminfo = _useState8[1];
+  var _useState9 = useState([]),
     _useState10 = _slicedToArray(_useState9, 2),
-    VariantCompletedObj = _useState10[0],
-    setVariantCompletedObj = _useState10[1];
+    options_w_values = _useState10[0],
+    setoptions_w_values = _useState10[1];
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    choosen_values = _useState12[0],
+    setchoosen_values = _useState12[1];
+  var _useState13 = useState({}),
+    _useState14 = _slicedToArray(_useState13, 2),
+    VariantCompletedObj = _useState14[0],
+    setVariantCompletedObj = _useState14[1];
   var sectionproperties = props.actions.sectionproperties;
   props.actions.lang;
   props.actions.langdetect;
   var foundMatchedVariantFunc = props.foundMatchedVariantFunc;
-  var _useState11 = useState(props.cardinfoindexprops),
-    _useState12 = _slicedToArray(_useState11, 2);
-    _useState12[0];
-    _useState12[1];
-  var _useState13 = useState({}),
-    _useState14 = _slicedToArray(_useState13, 2),
-    VariantColorImageComObj = _useState14[0],
-    setVariantColorImageComObj = _useState14[1];
+  var _useState15 = useState(props.cardinfoindexprops),
+    _useState16 = _slicedToArray(_useState15, 2);
+    _useState16[0];
+    _useState16[1];
+  var _useState17 = useState({}),
+    _useState18 = _slicedToArray(_useState17, 2),
+    VariantColorImageComObj = _useState18[0],
+    setVariantColorImageComObj = _useState18[1];
   var foundImageColorMatchingFunc = props.foundImageColorMatchingFunc;
   useEffect(function () {
     foundMatchedVariantFunc(VariantCompletedObj);
@@ -84901,12 +84569,10 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": ' row m-0 w-100 '
   }, options_w_values === null || options_w_values === void 0 ? void 0 : options_w_values.map(function (item, index) {
-    var _item$values5;
-    // if (index <= 3) {
+    var _item$values5, _item$values6, _item$values7;
     return /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer"
-    }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem) {
-      var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8, _item$option_info9, _valitem$valueinfo, _item$option_info10, _valitem$valueinfo2;
+      className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer p-sm-0"
+    }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem, valindex) {
       var isChoosedValueExists = false;
       choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
         if (choseitem != null) {
@@ -84915,32 +84581,48 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
           }
         }
       });
-      return /*#__PURE__*/React.createElement("div", {
-        style: {
-          textAlign: 'center'
-        },
-        "class": "mx-1"
-      }, /*#__PURE__*/React.createElement("button", {
-        onClick: function onClick() {
-          choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
-        },
-        style: {
-          // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
-          color: isChoosedValueExists ? '#ffffff' : '#000000',
-          border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
-          padding: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? '5px' : '5px 10px',
-          cursor: valitem.disabled ? 'not-allowed' : 'pointer',
-          fontSize: '13px',
-          width: (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Color' ? 25 : '',
-          height: (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'Color' ? 25 : '',
-          borderRadius: (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'Color' ? 100 : 5,
-          background: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
-          fontWeight: 500
-        },
-        disabled: valitem.disabled
-      }, (item === null || item === void 0 || (_item$option_info10 = item.option_info) === null || _item$option_info10 === void 0 ? void 0 : _item$option_info10.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
-    }));
-    // }
+      if (valindex <= 3) {
+        var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8, _item$option_info9, _valitem$valueinfo, _item$option_info10, _valitem$valueinfo2;
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            textAlign: 'center'
+          },
+          "class": "mx-1"
+        }, /*#__PURE__*/React.createElement("button", {
+          onClick: function onClick() {
+            choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
+          },
+          style: {
+            // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
+            color: isChoosedValueExists ? '#ffffff' : '#000000',
+            border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
+            padding: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? '5px' : '5px 10px',
+            cursor: valitem.disabled ? 'not-allowed' : 'pointer',
+            fontSize: '13px',
+            width: (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Color' ? 25 : '',
+            height: (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'Color' ? 25 : '',
+            borderRadius: (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'Color' ? 100 : 5,
+            background: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
+            fontWeight: 500
+          },
+          disabled: valitem.disabled
+        }, (item === null || item === void 0 || (_item$option_info10 = item.option_info) === null || _item$option_info10 === void 0 ? void 0 : _item$option_info10.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
+      }
+    }), (item === null || item === void 0 || (_item$values6 = item.values) === null || _item$values6 === void 0 ? void 0 : _item$values6.length) > 4 && /*#__PURE__*/React.createElement("div", {
+      className: "mx-1 d-flex align-items-center justify-content-center",
+      style: {
+        width: 25,
+        height: 25,
+        borderRadius: 100,
+        backgroundColor: sectionproperties.activeproductcolor,
+        color: '#fff',
+        fontSize: '13px',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        // cardonclickfunctionContext('/productinfo/' + props.actions.productid, false, '');
+      }
+    }, "+", (item === null || item === void 0 || (_item$values7 = item.values) === null || _item$values7 === void 0 ? void 0 : _item$values7.length) - 4));
   })));
 };
 
@@ -85273,14 +84955,14 @@ var Simpleproductcard = function Simpleproductcard(props) {
           addtocardpayloadobj.variantid = variantObj.variantid;
           runfunc = true;
         } else {
-          NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
+          var _authdetailsContext$i;
+          NotificationManager.warning('', (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '674f0617c7811' ? 'Please Choose Size & Color' : langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
         }
       } else {
         runfunc = true;
       }
     } else {
-      var _authdetailsContext$i;
-      NotificationManager.warning('', (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '674f0617c7811' ? 'Please Choose Size & Color' : langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
+      NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
     }
     if (runfunc == true) {
       AddtoCartContext(addtocardpayloadobj);
@@ -85740,7 +85422,9 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }, /*#__PURE__*/React.createElement(Variants_J_Cards, {
     actions: {
       sectionproperties: sectionproperties,
-      item: item
+      item: item,
+      cardonclickfunctionContext: cardonclickfunctionContext,
+      productid: item.productid
     },
     foundMatchedVariantFunc: function foundMatchedVariantFunc(variantCompletedObj) {
       setvariantObj(variantCompletedObj);