tabexseriescomponents 0.0.388 → 0.0.390

package/dist/index.cjs.js

@@ -2396,7 +2396,7 @@ var Product_itemtype = function Product_itemtype(props) {
       minHeight: sectionproperties.height + 'vh'
     }
   }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "w-100 scrollhorizontalwithscrollbar"
+    "class": "w-100 scrollhorizontalwithscrollbar scrollhorizontalwithscrollbarremove"
   }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productimages) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.productimages.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": ' scrollhorizontalcard mx-2 ',
@@ -2692,7 +2692,7 @@ var Product_itemtype = function Product_itemtype(props) {
     actions: props.actions
   }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React__default["default"].createElement(ProductExtraFields, {
     actions: props.actions
-  }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
+  }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionposition != 'Top' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
     actions: props.actions
   }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-3"
@@ -2734,7 +2734,7 @@ var Product_itemtype = function Product_itemtype(props) {
       flexDirection: 'row',
       direction: 'ltr'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
       var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2750,9 +2750,9 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
     size: sectionproperties.remove_quantitybtn_textfontsize
-  }))), /*#__PURE__*/React__default["default"].createElement("span", {
+  }))), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(productinfo_cssstyles.quantitybtn_text)
-  }, addtocardpayloadobj.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, addtocardpayloadobj.quantity), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
       var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2768,7 +2768,30 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
     size: sectionproperties.add_quantitybtn_textfontsize
-  })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
+  }))), sectionproperties.quantitybtneditable == 'Yes' && /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "number",
+    style: {
+      width: 100,
+      height: 40,
+      background: 'transparent',
+      fontWeight: sectionproperties.quantitybtn_textfontweight,
+      color: sectionproperties.quantitybtn_textcolor,
+      fontSize: sectionproperties.quantitybtn_textfontsize + 'px',
+      textAlign: 'center'
+    },
+    value: addtocardpayloadobj.quantity,
+    onChange: function onChange(event) {
+      if (event.target.value == NaN || event.target.value == undefined || event.target.value == null || event.target.value == '') {
+        var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
+        tempaddtocardpayloadobj.quantity = 1;
+        setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
+      } else {
+        var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
+        tempaddtocardpayloadobj.quantity = parseInt(event.target.value);
+        setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
+      }
+    }
+  })), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].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') {
@@ -5870,7 +5893,7 @@ var Productinfo = function Productinfo(props) {
     }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.email)))), sectionproperties.storeinfostyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
     }, sectionproperties.showfooterphonenumber == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 allcentered mb-2"
+      "class": "col-lg-12 allcentered mb-2 p-sm-0"
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
       onClick: function onClick() {
@@ -5879,7 +5902,7 @@ var Productinfo = function Productinfo(props) {
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "m-0 p-0"
     }, langdetect == 'en' ? sectionproperties.phonetitle_en : sectionproperties.phonetitle_ar))), sectionproperties.showfooteremail == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 allcentered mb-2"
+      "class": "col-lg-12 allcentered mb-2 p-sm-0"
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
       onClick: function onClick() {
@@ -5889,7 +5912,7 @@ var Productinfo = function Productinfo(props) {
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "m-0 p-0"
     }, langdetect == 'en' ? sectionproperties.emailtitle_en : sectionproperties.emailtitle_ar))), sectionproperties.showwhatsapp == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 allcentered mb-2"
+      "class": "col-lg-12 allcentered mb-2 p-sm-0"
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
       onClick: function onClick() {
@@ -24203,7 +24226,7 @@ var CTAHeader = function CTAHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
     size: sectionproperties.cartBtn_iconFontSize
-  })), sectionproperties.lang_position == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.lang_position == 'Top' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": ' d-flex align-items-center justify-content-center '
@@ -24420,7 +24443,7 @@ var CTAHeader = function CTAHeader(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
-  })), sectionproperties.lang_position == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.lang_position == 'Bottom' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": ' d-flex align-items-center justify-content-center '
@@ -24476,7 +24499,10 @@ var CTAHeader = function CTAHeader(props) {
     "class": 'ml-2 mr-2'
   }, lang.english)))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-lg-none d-md-block d-sm-block"
-  }, /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+  }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
   }))));
@@ -52733,8 +52759,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, [sectionproperties]);
   var section_styles = {
     sectioncintainer: glamor.css({
-      paddingTop: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
-      paddingBottom: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
+      // paddingTop: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
+      paddingTop: sectionproperties.paddingTop,
+      // paddingBottom: sectionproperties.sectiontitleposition == 'Centered' ? 50 :0,
+      paddingBottom: sectionproperties.paddingBottom,
       '@media (max-width: 800px)': {
         paddingTop: sectionproperties.paddingverticalresponsive + 'px',
         paddingBottom: sectionproperties.paddingverticalresponsive + 'px'
@@ -52762,8 +52790,8 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       }
     }),
     sectiontitlespan: glamor.css({
-      paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px',
+      paddingLeft: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+      paddingRight: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0,
       ':after': {
         position: 'absolute',
         bottom: 0,
@@ -52839,8 +52867,9 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       }
     }),
     imageimage: glamor.css({
-      width: '100%',
-      height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
+      width: sectionproperties.image_width + '%',
+      height: sectionproperties.image_height + '%',
+      // height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
       margin: 0,
       padding: 0,
       objectFit: sectionproperties.bgcovercontain,
@@ -52907,18 +52936,34 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "d-flex align-items-center flex-row d-sm-none mt-sm-2",
+      "class": 'd-flex align-items-center flex-row d-sm-none mt-sm-2 ',
       style: {
         position: 'relative',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
-        fontSize: sectionproperties.sectionTitleFontSize + 'px'
+        fontSize: sectionproperties.sectionTitleFontSize + 'px',
+        backgroundColor: sectionproperties.sectiontitlebgcolor,
+        borderRadius: sectionproperties.sectiontitleborderradius + 'px',
+        paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+        paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+        paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
+        paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
+        marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+        marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
       }
     }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "d-none align-items-center flex-row d-sm-flex mt-sm-2",
+      "class": 'd-none align-items-center flex-row d-sm-flex mt-sm-2',
       style: {
         position: 'relative',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
-        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
+        backgroundColor: sectionproperties.sectiontitlebgcolor,
+        borderRadius: sectionproperties.sectiontitleborderradius + 'px',
+        paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+        paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+        paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
+        paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
+        marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+        marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
       }
     }, SectionTitle())), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 pl-0 pr-0 d-flex justify-content-md-center",
@@ -52944,7 +52989,8 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     }, SectionDescription())), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-md-center",
       style: {
-        justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start'
+        justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
+        marginBottom: sectionproperties.slideshowText2Content_marginBottom + 'px'
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
@@ -52953,7 +52999,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
       }
     })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0"
+      "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start'
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": "".concat(section_styles.btn),
       onClick: function onClick() {
@@ -53014,7 +53060,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   var Image = function Image() {
     var _imagesarray$, _imagesarray$7, _imagesarray$8;
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.image_height == 0 ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
+      "class": sectionproperties.image_height == 0 ? sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-0' : sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
       style: {
         cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickableimg) == 'Yes' ? 'pointer' : 'default',
         background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
@@ -53048,11 +53094,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       background: sectionproperties.backgroundColor
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
+    "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
-      width: sectionproperties.width + 'vw'
+      width: sectionproperties.width + 'vw',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      borderRadius: sectionproperties.sectioncardborderradius + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class":
@@ -53072,11 +53120,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       // paddingTop: sectionproperties.paddingTop + 'px',
       // paddingBottom: sectionproperties.paddingBottom + 'px',
       marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      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'
+      marginBottom: sectionproperties.marginBottom + 'px'
     }
   }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-between d-md-none"
@@ -53640,6 +53684,10 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       ':hover': {
         transition: '.3s',
         backgroundColor: sectionproperties.activedotcolor
+      },
+      '@media (max-width: 800px)': {
+        width: sectionproperties.innerwidthheightresp + 'px',
+        height: sectionproperties.innerwidthheightresp + 'px'
       }
     }),
     cardContainer: glamor.css({
@@ -53778,7 +53826,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
           window.open(cardinfoitem.btnlink, '_blank');
         }
       }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, sectionproperties.imageposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 d-flex align-items-center p-0",
       style: {
         marginBottom: sectionproperties.image_mb + 'px',
@@ -53820,7 +53868,25 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         fontWeight: sectionproperties.slideshowText2ContentFontWeight,
         textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
       }
-    }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar))));
+    }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 d-flex align-items-center p-0",
+      style: {
+        marginTop: sectionproperties.image_mb + 'px',
+        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
+      style: {}
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
+      style: {
+        maxHeight: sectionproperties.iconcontainerwidth + '%',
+        maxWidth: sectionproperties.iconcontainerwidth + '%',
+        objectFit: 'contain'
+      }
+    })))));
   }))));
 };
 

package/dist/index.esm.js

@@ -2347,7 +2347,7 @@ var Product_itemtype = function Product_itemtype(props) {
       minHeight: sectionproperties.height + 'vh'
     }
   }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
-    "class": "w-100 scrollhorizontalwithscrollbar"
+    "class": "w-100 scrollhorizontalwithscrollbar scrollhorizontalwithscrollbarremove"
   }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productimages) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.productimages.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
       "class": ' scrollhorizontalcard mx-2 ',
@@ -2643,7 +2643,7 @@ var Product_itemtype = function Product_itemtype(props) {
     actions: props.actions
   }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React.createElement(ProductExtraFields, {
     actions: props.actions
-  }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement(DescriptionContent, {
+  }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionposition != 'Top' && /*#__PURE__*/React.createElement(DescriptionContent, {
     actions: props.actions
   }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 mb-3"
@@ -2685,7 +2685,7 @@ var Product_itemtype = function Product_itemtype(props) {
       flexDirection: 'row',
       direction: 'ltr'
     }
-  }, /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React.createElement("span", {
     className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
       var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2701,9 +2701,9 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React.createElement(FiMinus, {
     size: sectionproperties.remove_quantitybtn_textfontsize
-  }))), /*#__PURE__*/React.createElement("span", {
+  }))), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React.createElement("span", {
     className: "".concat(productinfo_cssstyles.quantitybtn_text)
-  }, addtocardpayloadobj.quantity), /*#__PURE__*/React.createElement("span", {
+  }, addtocardpayloadobj.quantity), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React.createElement("span", {
     className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
       var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2719,7 +2719,30 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React.createElement(FiPlus, {
     size: sectionproperties.add_quantitybtn_textfontsize
-  })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("button", {
+  }))), sectionproperties.quantitybtneditable == 'Yes' && /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    style: {
+      width: 100,
+      height: 40,
+      background: 'transparent',
+      fontWeight: sectionproperties.quantitybtn_textfontweight,
+      color: sectionproperties.quantitybtn_textcolor,
+      fontSize: sectionproperties.quantitybtn_textfontsize + 'px',
+      textAlign: 'center'
+    },
+    value: addtocardpayloadobj.quantity,
+    onChange: function onChange(event) {
+      if (event.target.value == NaN || event.target.value == undefined || event.target.value == null || event.target.value == '') {
+        var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
+        tempaddtocardpayloadobj.quantity = 1;
+        setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
+      } else {
+        var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
+        tempaddtocardpayloadobj.quantity = parseInt(event.target.value);
+        setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
+      }
+    }
+  })), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("button", {
     className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
     onClick: function onClick() {
       if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
@@ -5821,7 +5844,7 @@ var Productinfo = function Productinfo(props) {
     }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.email)))), sectionproperties.storeinfostyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100"
     }, sectionproperties.showfooterphonenumber == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber) != null && /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 allcentered mb-2"
+      "class": "col-lg-12 allcentered mb-2 p-sm-0"
     }, /*#__PURE__*/React.createElement("button", {
       "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
       onClick: function onClick() {
@@ -5830,7 +5853,7 @@ var Productinfo = function Productinfo(props) {
     }, /*#__PURE__*/React.createElement("p", {
       "class": "m-0 p-0"
     }, langdetect == 'en' ? sectionproperties.phonetitle_en : sectionproperties.phonetitle_ar))), sectionproperties.showfooteremail == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email) != null && /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 allcentered mb-2"
+      "class": "col-lg-12 allcentered mb-2 p-sm-0"
     }, /*#__PURE__*/React.createElement("button", {
       "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
       onClick: function onClick() {
@@ -5840,7 +5863,7 @@ var Productinfo = function Productinfo(props) {
     }, /*#__PURE__*/React.createElement("p", {
       "class": "m-0 p-0"
     }, langdetect == 'en' ? sectionproperties.emailtitle_en : sectionproperties.emailtitle_ar))), sectionproperties.showwhatsapp == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null && /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 allcentered mb-2"
+      "class": "col-lg-12 allcentered mb-2 p-sm-0"
     }, /*#__PURE__*/React.createElement("button", {
       "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
       onClick: function onClick() {
@@ -24154,7 +24177,7 @@ var CTAHeader = function CTAHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
     size: sectionproperties.cartBtn_iconFontSize
-  })), sectionproperties.lang_position == 'Top' && /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.lang_position == 'Top' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
     "class": ' d-flex align-items-center justify-content-center '
@@ -24371,7 +24394,7 @@ var CTAHeader = function CTAHeader(props) {
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
-  })), sectionproperties.lang_position == 'Bottom' && /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.lang_position == 'Bottom' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
     "class": ' d-flex align-items-center justify-content-center '
@@ -24427,7 +24450,10 @@ var CTAHeader = function CTAHeader(props) {
     "class": 'ml-2 mr-2'
   }, lang.english)))))))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-lg-none d-md-block d-sm-block"
-  }, /*#__PURE__*/React.createElement(Headerresponsive, {
+  }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React.createElement(Headerresponsive, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
   }))));
@@ -52684,8 +52710,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   }, [sectionproperties]);
   var section_styles = {
     sectioncintainer: css({
-      paddingTop: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
-      paddingBottom: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
+      // paddingTop: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
+      paddingTop: sectionproperties.paddingTop,
+      // paddingBottom: sectionproperties.sectiontitleposition == 'Centered' ? 50 :0,
+      paddingBottom: sectionproperties.paddingBottom,
       '@media (max-width: 800px)': {
         paddingTop: sectionproperties.paddingverticalresponsive + 'px',
         paddingBottom: sectionproperties.paddingverticalresponsive + 'px'
@@ -52713,8 +52741,8 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       }
     }),
     sectiontitlespan: css({
-      paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px',
+      paddingLeft: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+      paddingRight: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0,
       ':after': {
         position: 'absolute',
         bottom: 0,
@@ -52790,8 +52818,9 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       }
     }),
     imageimage: css({
-      width: '100%',
-      height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
+      width: sectionproperties.image_width + '%',
+      height: sectionproperties.image_height + '%',
+      // height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
       margin: 0,
       padding: 0,
       objectFit: sectionproperties.bgcovercontain,
@@ -52858,18 +52887,34 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "d-flex align-items-center flex-row d-sm-none mt-sm-2",
+      "class": 'd-flex align-items-center flex-row d-sm-none mt-sm-2 ',
       style: {
         position: 'relative',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
-        fontSize: sectionproperties.sectionTitleFontSize + 'px'
+        fontSize: sectionproperties.sectionTitleFontSize + 'px',
+        backgroundColor: sectionproperties.sectiontitlebgcolor,
+        borderRadius: sectionproperties.sectiontitleborderradius + 'px',
+        paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+        paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+        paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
+        paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
+        marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+        marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
       }
     }, SectionTitle()), /*#__PURE__*/React.createElement("div", {
-      "class": "d-none align-items-center flex-row d-sm-flex mt-sm-2",
+      "class": 'd-none align-items-center flex-row d-sm-flex mt-sm-2',
       style: {
         position: 'relative',
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
-        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
+        backgroundColor: sectionproperties.sectiontitlebgcolor,
+        borderRadius: sectionproperties.sectiontitleborderradius + 'px',
+        paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+        paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+        paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
+        paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
+        marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+        marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
       }
     }, SectionTitle())), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 pl-0 pr-0 d-flex justify-content-md-center",
@@ -52895,7 +52940,8 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     }, SectionDescription())), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-md-center",
       style: {
-        justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start'
+        justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
+        marginBottom: sectionproperties.slideshowText2Content_marginBottom + 'px'
       }
     }, /*#__PURE__*/React.createElement("p", {
       "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
@@ -52904,7 +52950,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
         __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
       }
     })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 p-0"
+      "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start'
     }, /*#__PURE__*/React.createElement("button", {
       "class": "".concat(section_styles.btn),
       onClick: function onClick() {
@@ -52965,7 +53011,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   var Image = function Image() {
     var _imagesarray$, _imagesarray$7, _imagesarray$8;
     return /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.image_height == 0 ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
+      "class": sectionproperties.image_height == 0 ? sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-0' : sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
       style: {
         cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickableimg) == 'Yes' ? 'pointer' : 'default',
         background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
@@ -52999,11 +53045,13 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       background: sectionproperties.backgroundColor
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
+    "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
-      width: sectionproperties.width + 'vw'
+      width: sectionproperties.width + 'vw',
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      borderRadius: sectionproperties.sectioncardborderradius + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class":
@@ -53023,11 +53071,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       // paddingTop: sectionproperties.paddingTop + 'px',
       // paddingBottom: sectionproperties.paddingBottom + 'px',
       marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      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'
+      marginBottom: sectionproperties.marginBottom + 'px'
     }
   }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-between d-md-none"
@@ -53591,6 +53635,10 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       ':hover': {
         transition: '.3s',
         backgroundColor: sectionproperties.activedotcolor
+      },
+      '@media (max-width: 800px)': {
+        width: sectionproperties.innerwidthheightresp + 'px',
+        height: sectionproperties.innerwidthheightresp + 'px'
       }
     }),
     cardContainer: css({
@@ -53729,7 +53777,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
           window.open(cardinfoitem.btnlink, '_blank');
         }
       }
-    }, /*#__PURE__*/React.createElement("div", {
+    }, sectionproperties.imageposition == 'Top' && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 d-flex align-items-center p-0",
       style: {
         marginBottom: sectionproperties.image_mb + 'px',
@@ -53771,7 +53819,25 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         fontWeight: sectionproperties.slideshowText2ContentFontWeight,
         textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
       }
-    }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar))));
+    }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 d-flex align-items-center p-0",
+      style: {
+        marginTop: sectionproperties.image_mb + 'px',
+        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
+      style: {}
+    }, /*#__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: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
+      style: {
+        maxHeight: sectionproperties.iconcontainerwidth + '%',
+        maxWidth: sectionproperties.iconcontainerwidth + '%',
+        objectFit: 'contain'
+      }
+    })))));
   }))));
 };
 

package/dist/index.umd.js

@@ -2228,7 +2228,7 @@
           minHeight: sectionproperties.height + 'vh'
         }
       }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "w-100 scrollhorizontalwithscrollbar"
+        "class": "w-100 scrollhorizontalwithscrollbar scrollhorizontalwithscrollbarremove"
       }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productimages) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.productimages.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": ' scrollhorizontalcard mx-2 ',
@@ -2524,7 +2524,7 @@
         actions: props.actions
       }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React__default["default"].createElement(ProductExtraFields, {
         actions: props.actions
-      }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
+      }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionposition != 'Top' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
         actions: props.actions
       }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 mb-3"
@@ -2566,7 +2566,7 @@
           flexDirection: 'row',
           direction: 'ltr'
         }
-      }, /*#__PURE__*/React__default["default"].createElement("span", {
+      }, sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
         className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
         onClick: function onClick() {
           var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2582,9 +2582,9 @@
         }
       }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
         size: sectionproperties.remove_quantitybtn_textfontsize
-      }))), /*#__PURE__*/React__default["default"].createElement("span", {
+      }))), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
         className: "".concat(productinfo_cssstyles.quantitybtn_text)
-      }, addtocardpayloadobj.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
+      }, addtocardpayloadobj.quantity), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
         className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
         onClick: function onClick() {
           var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2600,7 +2600,30 @@
         }
       }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
         size: sectionproperties.add_quantitybtn_textfontsize
-      })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
+      }))), sectionproperties.quantitybtneditable == 'Yes' && /*#__PURE__*/React__default["default"].createElement("input", {
+        type: "number",
+        style: {
+          width: 100,
+          height: 40,
+          background: 'transparent',
+          fontWeight: sectionproperties.quantitybtn_textfontweight,
+          color: sectionproperties.quantitybtn_textcolor,
+          fontSize: sectionproperties.quantitybtn_textfontsize + 'px',
+          textAlign: 'center'
+        },
+        value: addtocardpayloadobj.quantity,
+        onChange: function onChange(event) {
+          if (event.target.value == NaN || event.target.value == undefined || event.target.value == null || event.target.value == '') {
+            var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
+            tempaddtocardpayloadobj.quantity = 1;
+            setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
+          } else {
+            var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
+            tempaddtocardpayloadobj.quantity = parseInt(event.target.value);
+            setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
+          }
+        }
+      })), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].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') {
@@ -5702,7 +5725,7 @@
         }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.email)))), sectionproperties.storeinfostyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100"
         }, sectionproperties.showfooterphonenumber == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 allcentered mb-2"
+          "class": "col-lg-12 allcentered mb-2 p-sm-0"
         }, /*#__PURE__*/React__default["default"].createElement("button", {
           "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
           onClick: function onClick() {
@@ -5711,7 +5734,7 @@
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": "m-0 p-0"
         }, langdetect == 'en' ? sectionproperties.phonetitle_en : sectionproperties.phonetitle_ar))), sectionproperties.showfooteremail == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 allcentered mb-2"
+          "class": "col-lg-12 allcentered mb-2 p-sm-0"
         }, /*#__PURE__*/React__default["default"].createElement("button", {
           "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
           onClick: function onClick() {
@@ -5721,7 +5744,7 @@
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": "m-0 p-0"
         }, langdetect == 'en' ? sectionproperties.emailtitle_en : sectionproperties.emailtitle_ar))), sectionproperties.showwhatsapp == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 allcentered mb-2"
+          "class": "col-lg-12 allcentered mb-2 p-sm-0"
         }, /*#__PURE__*/React__default["default"].createElement("button", {
           "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
           onClick: function onClick() {
@@ -24035,7 +24058,7 @@
         size: sectionproperties.cartBtn_iconFontSize
       }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
         size: sectionproperties.cartBtn_iconFontSize
-      })), sectionproperties.lang_position == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
+      })), sectionproperties.lang_position == 'Top' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
       }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
         "class": ' d-flex align-items-center justify-content-center '
@@ -24252,7 +24275,7 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
         size: sectionproperties.youtubebtniconfontsize
-      })), sectionproperties.lang_position == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
+      })), sectionproperties.lang_position == 'Bottom' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
       }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
         "class": ' d-flex align-items-center justify-content-center '
@@ -24308,7 +24331,10 @@
         "class": 'ml-2 mr-2'
       }, lang.english)))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-lg-none d-md-block d-sm-block"
-      }, /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+      }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+        sectionpropertiesprops: sectionproperties,
+        actions: actions
+      }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
         sectionpropertiesprops: sectionproperties,
         actions: actions
       }))));
@@ -52565,8 +52591,10 @@
       }, [sectionproperties]);
       var section_styles = {
         sectioncintainer: glamor.css({
-          paddingTop: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
-          paddingBottom: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
+          // paddingTop: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
+          paddingTop: sectionproperties.paddingTop,
+          // paddingBottom: sectionproperties.sectiontitleposition == 'Centered' ? 50 :0,
+          paddingBottom: sectionproperties.paddingBottom,
           '@media (max-width: 800px)': {
             paddingTop: sectionproperties.paddingverticalresponsive + 'px',
             paddingBottom: sectionproperties.paddingverticalresponsive + 'px'
@@ -52594,8 +52622,8 @@
           }
         }),
         sectiontitlespan: glamor.css({
-          paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
-          paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px',
+          paddingLeft: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+          paddingRight: sectionproperties.sectiontitleborderradius == 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0,
           ':after': {
             position: 'absolute',
             bottom: 0,
@@ -52671,8 +52699,9 @@
           }
         }),
         imageimage: glamor.css({
-          width: '100%',
-          height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
+          width: sectionproperties.image_width + '%',
+          height: sectionproperties.image_height + '%',
+          // height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
           margin: 0,
           padding: 0,
           objectFit: sectionproperties.bgcovercontain,
@@ -52739,18 +52768,34 @@
             alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "d-flex align-items-center flex-row d-sm-none mt-sm-2",
+          "class": 'd-flex align-items-center flex-row d-sm-none mt-sm-2 ',
           style: {
             position: 'relative',
             justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
-            fontSize: sectionproperties.sectionTitleFontSize + 'px'
+            fontSize: sectionproperties.sectionTitleFontSize + 'px',
+            backgroundColor: sectionproperties.sectiontitlebgcolor,
+            borderRadius: sectionproperties.sectiontitleborderradius + 'px',
+            paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+            paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+            paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
+            paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
+            marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+            marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
           }
         }, SectionTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "d-none align-items-center flex-row d-sm-flex mt-sm-2",
+          "class": 'd-none align-items-center flex-row d-sm-flex mt-sm-2',
           style: {
             position: 'relative',
             justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
-            fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
+            fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
+            backgroundColor: sectionproperties.sectiontitlebgcolor,
+            borderRadius: sectionproperties.sectiontitleborderradius + 'px',
+            paddingLeft: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+            paddingRight: sectionproperties.sectiontitlepaddinghorizontal + 'px',
+            paddingTop: sectionproperties.sectiontitlepaddingvertical + 'px',
+            paddingBottom: sectionproperties.sectiontitlepaddingvertical + 'px',
+            marginLeft: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px' : 0,
+            marginRight: sectionproperties.sectiontitleborderradius != 0 ? langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px' : 0
           }
         }, SectionTitle())), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 pl-0 pr-0 d-flex justify-content-md-center",
@@ -52776,7 +52821,8 @@
         }, SectionDescription())), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0 d-flex justify-content-md-center",
           style: {
-            justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start'
+            justifyContent: sectionproperties.text2centered == 'Centered' ? 'center' : 'start',
+            marginBottom: sectionproperties.slideshowText2Content_marginBottom + 'px'
           }
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": sectionproperties.text2centered == 'Justify' ? section_styles.editortext + ' pb-0 pl-md-2 pr-md-2 ' : section_styles.editortext + ' pb-0 text-md-center pl-md-2 pr-md-2 ',
@@ -52785,7 +52831,7 @@
             __html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
           }
         })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 p-0"
+          "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 p-0 allcentered' : 'col-lg-12 p-0 text-start'
         }, /*#__PURE__*/React__default["default"].createElement("button", {
           "class": "".concat(section_styles.btn),
           onClick: function onClick() {
@@ -52846,7 +52892,7 @@
       var Image = function Image() {
         var _imagesarray$, _imagesarray$7, _imagesarray$8;
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": sectionproperties.image_height == 0 ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
+          "class": sectionproperties.image_height == 0 ? sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center h-auto p-0' : sectionproperties.sectionstyle == 'Image on right' ? 'col-lg-6 col-md-12 d-flex justify-content-end justify-content-md-center p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
           style: {
             cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickableimg) == 'Yes' ? 'pointer' : 'default',
             background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
@@ -52880,11 +52926,13 @@
           background: sectionproperties.backgroundColor
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
+        "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100 mx-auto' : sectionproperties.width != 100 ? 'd-flex justify-content-between align-items-center w-md-90 mx-auto' : 'd-flex justify-content-between align-items-center w-md-100 mx-auto',
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
-          width: sectionproperties.width + 'vw'
+          width: sectionproperties.width + 'vw',
+          border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          borderRadius: sectionproperties.sectioncardborderradius + 'px'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class":
@@ -52904,11 +52952,7 @@
           // paddingTop: sectionproperties.paddingTop + 'px',
           // paddingBottom: sectionproperties.paddingBottom + 'px',
           marginTop: sectionproperties.marginTop + 'px',
-          marginBottom: sectionproperties.marginBottom + 'px',
-          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'
+          marginBottom: sectionproperties.marginBottom + 'px'
         }
       }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 d-flex justify-content-between d-md-none"
@@ -53472,6 +53516,10 @@
           ':hover': {
             transition: '.3s',
             backgroundColor: sectionproperties.activedotcolor
+          },
+          '@media (max-width: 800px)': {
+            width: sectionproperties.innerwidthheightresp + 'px',
+            height: sectionproperties.innerwidthheightresp + 'px'
           }
         }),
         cardContainer: glamor.css({
@@ -53610,7 +53658,7 @@
               window.open(cardinfoitem.btnlink, '_blank');
             }
           }
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
+        }, sectionproperties.imageposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 d-flex align-items-center p-0",
           style: {
             marginBottom: sectionproperties.image_mb + 'px',
@@ -53652,7 +53700,25 @@
             fontWeight: sectionproperties.slideshowText2ContentFontWeight,
             textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
           }
-        }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar))));
+        }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 d-flex align-items-center p-0",
+          style: {
+            marginTop: sectionproperties.image_mb + 'px',
+            justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
+          style: {}
+        }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+          urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+          publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+          path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
+          style: {
+            maxHeight: sectionproperties.iconcontainerwidth + '%',
+            maxWidth: sectionproperties.iconcontainerwidth + '%',
+            objectFit: 'contain'
+          }
+        })))));
       }))));
     };
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.388",
+    "version": "0.0.390",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {