tabexseriescomponents 0.0.243 → 0.0.244

package/dist/index.esm.js

@@ -6620,7 +6620,23 @@ var Checkout = function Checkout(props) {
         textTransform: sectionproperties.total_texttransform,
         color: sectionproperties.total_color
       }
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue67 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue67 === void 0 ? void 0 : (_fetchcustomercartQue68 = _fetchcustomercartQue67.data) === null || _fetchcustomercartQue68 === void 0 ? void 0 : _fetchcustomercartQue68.customercart.totalpriceafterdiscount).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)))))), /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue67 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue67 === void 0 ? void 0 : (_fetchcustomercartQue68 = _fetchcustomercartQue67.data) === null || _fetchcustomercartQue68 === void 0 ? void 0 : _fetchcustomercartQue68.customercart.totalpriceafterdiscount).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)))))), sectionproperties.slideshowtext1_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 my-2 p-2 allcentered mb-3",
+      style: {
+        background: '#eee',
+        borderRadius: 10
+      }
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0",
+      style: {
+        color: sectionproperties.slideshowText1ContentColor,
+        fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+        fontWeight: sectionproperties.slideshowText1ContentFontWeight
+      },
+      dangerouslySetInnerHTML: {
+        __html: langdetect == 'en' ? sectionproperties.text1editortexten : sectionproperties.text1editortextar
+      }
+    })), /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3"
     }, /*#__PURE__*/React.createElement("button", {
       className: " ".concat(checkoutstyles.checkoutbtnstyles) + ' d-flex align-items-center justify-content-center ',
@@ -14051,7 +14067,7 @@ var ClassicHeader = function ClassicHeader(props) {
       fontSize: sectionproperties.userBtntextfontsize + 'px',
       lineHeight: sectionproperties.userBtntextfontsize + 'px',
       transition: '.3s',
-      maxWidth: '40px'
+      maxWidth: '80px'
     }),
     userBtnContainer: css({
       ':hover .user_btn': {
@@ -14204,14 +14220,20 @@ var ClassicHeader = function ClassicHeader(props) {
     })
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": +' row m-0 w-100 d-flex justify-content-center ',
+    "class": ' row m-0 w-100 d-flex justify-content-center ',
     style: {
-      width: '100vw'
+      background: sectionproperties.header_backgroundColor
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0",
+    style: {
+      width: sectionproperties.header_width + 'vw'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(headerstyles$d.headercontainer) + ' col-lg-12 p-0 d-md-none ',
+    "class": "".concat(headerstyles$d.headercontainer) + ' col-lg-12 pl-0 pr-0 d-md-none  ',
     style: {
       position: sectionproperties.headerstyles_position,
+      paddingBottom: sectionproperties.header_paddingBottom + 'px',
       top: 0
     }
   }, /*#__PURE__*/React.createElement("div", {
@@ -14538,9 +14560,10 @@ var ClassicHeader = function ClassicHeader(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.lowerHeaderSection + ' w-100 '
   }, /*#__PURE__*/React.createElement("div", {
-    "class": ' scrollhorizontal w-100 justify-content-start align-items-center ',
+    "class": ' scrollhorizontal w-100 align-items-center ',
     style: {
-      display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
+      display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex',
+      justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
     }
   }, templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1) {
@@ -14564,7 +14587,7 @@ var ClassicHeader = function ClassicHeader(props) {
       subheaderpositionprops: 'in nav',
       paddingLeftprops: '1.5rem',
       paddingRightprops: '1.5rem',
-      subheadercontentpositionprops: 'start'
+      subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
     }
   }))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
@@ -14577,7 +14600,7 @@ var ClassicHeader = function ClassicHeader(props) {
       paddingRightprops: '35px',
       subheadercontentpositionprops: 'center'
     }
-  })))), /*#__PURE__*/React.createElement(Headerresponsive, {
+  }))))), /*#__PURE__*/React.createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
   }));
@@ -25179,7 +25202,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       justifyContent: sectionproperties.showfooterphonenumber == 'Show' ? 'between' : 'end'
     }
   }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": langdetect == 'en' ? 'd-flex align-items-center justify-content-end mr-2' : 'd-flex align-items-center justify-content-end ml-2'
+    "class": langdetect == 'en' ? 'd-flex align-items-center justify-content-end mr-4' : 'd-flex align-items-center justify-content-end ml-4'
   }, /*#__PURE__*/React.createElement("a", {
     href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
     target: '_self',
@@ -29741,7 +29764,7 @@ var Footer8 = function Footer8(props) {
     },
     loading: "lazy"
   }))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 pl-5 pr-5 p-md-0 d-flex justify-content-start mt-2"
+    "class": "col-lg-12 p-md-0 d-flex justify-content-start mt-2"
   }, /*#__PURE__*/React.createElement("p", {
     "class": langdetect == 'en' ? ' wordbreak pr-5 wordbreak3 mb-4 ' : ' wordbreak pl-5 wordbreak3 mb-4 ',
     style: {
@@ -31142,10 +31165,10 @@ var Sixverticalcardssection = function Sixverticalcardssection(props) {
     setbgimagearrayofobjs = _useState8[1];
   useEffect(function () {
     if (sectionproperties.length != 0) {
-      if (sectionproperties.bgsection_imagearrayofobjs != null) {
-        var bgsection_imagearrayofobjsparsed = JSON.parse(sectionproperties.bgsection_imagearrayofobjs);
-        if (Array.isArray(bgsection_imagearrayofobjsparsed)) {
-          setbgimagearrayofobjs(_toConsumableArray(bgsection_imagearrayofobjsparsed));
+      if (sectionproperties.arrayofobjectimagesonly != null) {
+        var arrayofobjectimagesonlyparsed = JSON.parse(sectionproperties.arrayofobjectimagesonly);
+        if (Array.isArray(arrayofobjectimagesonlyparsed)) {
+          setbgimagearrayofobjs(_toConsumableArray(arrayofobjectimagesonlyparsed));
         }
       }
     }
@@ -31224,7 +31247,7 @@ var Sixverticalcardssection = function Sixverticalcardssection(props) {
     }
   })), _section_cssstyles);
   var ImageSection = function ImageSection() {
-    var _bgimagearrayofobjs$, _bgimagearrayofobjs$2;
+    var _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _bgimagearrayofobjs$3, _bgimagearrayofobjs$4;
     return /*#__PURE__*/React.createElement("div", {
       "class": "mt-sm-3 mb-sm-3",
       style: {
@@ -31238,12 +31261,28 @@ var Sixverticalcardssection = function Sixverticalcardssection(props) {
     }, /*#__PURE__*/React.createElement(IKImage, {
       urlEndpoint: IKurlEndpoint,
       publicKey: IKpublicKey,
-      "class": "h-sm-auto",
+      "class": "h-sm-auto d-flex d-md-none",
       path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? (_bgimagearrayofobjs$ = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$ === void 0 ? void 0 : _bgimagearrayofobjs$.bgsection_image : (_bgimagearrayofobjs$2 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$2 === void 0 ? void 0 : _bgimagearrayofobjs$2.bgsection_image_ar : '',
       style: {
         width: '100%',
         height: '100%',
-        objectFit: 'cover',
+        objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
+        margin: 0,
+        padding: 0,
+        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
+      }
+    }), /*#__PURE__*/React.createElement(IKImage, {
+      urlEndpoint: IKurlEndpoint,
+      publicKey: IKpublicKey,
+      "class": "h-sm-auto d-none d-md-flex",
+      path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? (_bgimagearrayofobjs$3 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$3 === void 0 ? void 0 : _bgimagearrayofobjs$3.bgsection_imageresponsive : (_bgimagearrayofobjs$4 = bgimagearrayofobjs[0]) === null || _bgimagearrayofobjs$4 === void 0 ? void 0 : _bgimagearrayofobjs$4.bgsection_imageresponsive_ar : '',
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: sectionproperties.bgcovercontainresponsive == 'Cover' ? 'cover' : 'contain',
         margin: 0,
         padding: 0,
         borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
@@ -34059,7 +34098,7 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
     }))))));
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.card_marginLeft != 0 ? 'row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
+    "class": sectionproperties.card_marginLeft != 0 ? 'row ml-0 mr-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100',
     style: {
       marginBottom: sectionproperties.marginBottom + 'px',
       paddingLeft: sectionproperties.card_marginLeft + 'px',
@@ -38568,10 +38607,23 @@ var Servicesection = function Servicesection(props) {
     return /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start",
       style: {
-        padding: '10px'
+        // padding: '10px',
+        paddingTop: sectionproperties.reservation_padding_top + 'px',
+        paddingBottom: sectionproperties.reservation_padding_bottom + 'px'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "m-lg-auto d-flex justify-content-center"
+      // class="m-lg-auto d-flex justify-content-center"
+      "class": sectionproperties.innersectionbordertype != 'All' ? 'm-sm-auto d-flex justify-content-center border-md-none w-100' : 'm-lg-auto d-flex justify-content-center',
+      style: {
+        background: sectionproperties.reservation_bgcolor,
+        paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
+        paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
+        borderRadius: sectionproperties.reservation_borderradius + 'px',
+        border: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
+        borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
+        borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
+        boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
+      }
     }, /*#__PURE__*/React.createElement("div", {
       "class": "d-flex d-sm-none",
       style: {
@@ -38724,10 +38776,16 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
     })
   };
   return /*#__PURE__*/React.createElement("div", {
+    "class": ' row ml-0 mr-0 w-md-100 d-flex justify-content-center align-items-center w-100 ',
+    style: {
+      background: sectionproperties.outerbgcolor
+    }
+  }, /*#__PURE__*/React.createElement("div", {
     "class": ' row ml-0 mr-0 w-md-100 align-items-center ',
     style: {
       position: 'relative',
-      width: sectionproperties.width + '%'
+      width: sectionproperties.width + '%',
+      background: sectionproperties.outerbgcolor
     }
   }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": sectionStyles.imgcontainer
@@ -38761,7 +38819,9 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
       borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+      border: sectionproperties.borderType == 'All' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
+      borderTop: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
+      borderBottom: sectionproperties.borderType == 'Vertical' ? sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor : '',
       borderLeftWidth: 0,
       borderRightWidth: 0
     }
@@ -38821,7 +38881,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         zIndex: 2
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100 mb-auto",
+      "class": sectionproperties.innersectionbordertype != 'All' ? 'row m-0 w-100 mb-auto border-md-none' : 'row m-0 w-100 mb-auto',
       style: {
         background: sectionproperties.reservation_bgcolor,
         paddingTop: sectionproperties.reservation_padding_top + 'px',
@@ -38829,7 +38889,9 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
         paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
         borderRadius: sectionproperties.reservation_borderradius + 'px',
-        border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor,
+        border: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
+        borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
+        borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
         boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
       }
     }, /*#__PURE__*/React.createElement("div", {
@@ -38887,7 +38949,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
       }
     }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
-  })));
+  }))));
 };
 
 var css_248z$g = ".Slideshow_with_rotatedsquare-module_sectioncont__AfYNO{\n    padding-top:80px;\n    padding-bottom:80px;\n    padding-left: 180px;\n    padding-right: 180px;\n   \n   }\n   .Slideshow_with_rotatedsquare-module_rotatedsquare__lZPTd{\n       width:150px;\n       height:150px;\n      border-radius:15px;\n      position: relative;\n      transform: rotate(-45deg);\n   }\n   .Slideshow_with_rotatedsquare-module_circle__ofuN0{\n       position: absolute;\n       width:60px;\n       height:60px;\n       border-radius:50%;\n       left:57%;\n       top:100px;\n   \n   }\n   .Slideshow_with_rotatedsquare-module_circle1__4tbou{\n     \n       width:10px;\n       height:10px;\n       border-radius:50%;\n       margin-right:10px;\n       margin-left:140px;\n       background-color:blue;\n   \n   }\n   \n   ";
@@ -39891,9 +39953,12 @@ var Slideshowslide = function Slideshowslide(props) {
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100"
     }, /*#__PURE__*/React.createElement("div", {
-      className: slideshow_styles.dropdowntitle + ' col-lg-12 p-0 '
+      className: slideshow_styles.dropdowntitle + ' col-lg-12 p-0 ',
+      style: {
+        justifyContent: sectionproperties.titlecentered == 'Centered' ? 'center' : 'start'
+      }
     }, /*#__PURE__*/React.createElement("p", {
-      className: "m-0 p-3 text-center"
+      className: "m-0 p-3 w-100"
     }, langdetect == 'en' ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 flex-column cat_dropdown_hover scrollvertical pt-3 px-2",
       style: {
@@ -39967,7 +40032,24 @@ var Slideshowslide = function Slideshowslide(props) {
           }
         }, /*#__PURE__*/React.createElement("div", {
           className: ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start align-items-center p-0 '
-        }, /*#__PURE__*/React.createElement("p", {
+        }, sectionproperties.showcatimage == 'Show' && /*#__PURE__*/React.createElement("div", {
+          style: {
+            width: '4.5vh',
+            height: '4.5vh',
+            marginRight: langdetect == 'en' ? '5px' : 0,
+            marginLeft: langdetect == 'ar' ? '5px' : 0
+          }
+        }, /*#__PURE__*/React.createElement(IKImage, {
+          urlEndpoint: IKurlEndpoint,
+          publicKey: IKpublicKey,
+          path: item.collectionlogo,
+          loading: "lazy",
+          style: {
+            width: '100%',
+            height: '100%',
+            objectFit: 'contain'
+          }
+        })), /*#__PURE__*/React.createElement("p", {
           "class": ' m-0 p-0 wordbreak wordbreak1 ',
           onClick: function onClick() {
             routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
@@ -43125,10 +43207,10 @@ var NewProductcard = function NewProductcard(props) {
       width: sectionproperties.generalbtn_width + 'px',
       background: sectionproperties.slideshow_btn_bg,
       color: sectionproperties.generalbtn_textColor,
-      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
-      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
       textTransform: sectionproperties.generalbtn_texttransform,
       fontWeight: sectionproperties.generalbtn_fontweight,
@@ -43207,6 +43289,29 @@ var NewProductcard = function NewProductcard(props) {
       bottom: '10px',
       opacity: 0,
       zIndex: 10000
+    }),
+    showButtonResp: css({
+      background: sectionproperties.slideshow_btn_bg,
+      color: sectionproperties.generalbtn_textColor,
+      borderTopLeftRadius: sectionproperties.transition != 'Show By Default' ? 0 : langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
+      borderTopRightRadius: sectionproperties.transition != 'Show By Default' ? 0 : langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
+      borderBottomLeftRadius: sectionproperties.transition != 'Show By Default' ? 0 : langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      borderBottomRightRadius: sectionproperties.transition != 'Show By Default' ? 0 : langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
+      height: '40px',
+      ':hover': {
+        background: sectionproperties.generalbtn_bgColoronhover,
+        color: sectionproperties.generalbtn_textColoronhover
+      }
+    }),
+    cartbtnresp: css({
+      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+      color: sectionproperties.cartBtnTextcolor,
+      borderRadius: sectionproperties.transition != 'Show By Default' ? 0 : sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
+      height: '40px',
+      ':hover': {
+        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
+        color: sectionproperties.cartBtnTextcoloronhover
+      }
     })
   };
   var ImageContent = function ImageContent() {
@@ -43287,11 +43392,11 @@ var NewProductcard = function NewProductcard(props) {
         direction: 'ltr'
       }
     }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), /*#__PURE__*/React.createElement("div", {
-      "class": "".concat(card_cssstyles.buttoncont) + ' buttoncont row w-100 m-0 d-flex justify-content-center align-items-center '
+      "class": sectionproperties.transition != 'Show By Default' ? "".concat(card_cssstyles.buttoncont) + ' buttoncont row w-100 m-0 d-flex d-md-none d-sm-none justify-content-center align-items-center ' : "".concat(card_cssstyles.buttoncont) + ' buttoncont row w-100 m-0 d-none justify-content-center align-items-center '
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 mb-2"
     }, /*#__PURE__*/React.createElement("button", {
-      "class": "".concat(card_cssstyles.quickshow_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center quickshow_btn ',
+      "class": "".concat(card_cssstyles.quickshow_btn) + ' cursor-pointer d-flex justify-content-center align-items-center quickshow_btn ',
       onClick: function onClick(e) {
         e.stopPropagation();
         setShowProductInfoModalContext(true);
@@ -43300,7 +43405,7 @@ var NewProductcard = function NewProductcard(props) {
     }, langdetect == 'en' ? sectionproperties.slideshow_btn_text : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0"
     }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
-      "class": "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn ',
+      "class": "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex justify-content-center align-items-center cart_btn ',
       onClick: function onClick(e) {
         e.stopPropagation();
         cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
@@ -43311,14 +43416,9 @@ var NewProductcard = function NewProductcard(props) {
         position: 'absolute',
         width: '100%'
       },
-      "class": "d-none d-md-flex d-sm-flex"
+      "class": sectionproperties.transition == 'Show By Default' ? 'd-flex' : 'd-none d-md-flex d-sm-flex'
     }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        background: sectionproperties.slideshow_btn_bg,
-        color: sectionproperties.generalbtn_textColor,
-        height: '40px'
-      },
-      "class": "col-lg-6 p-0 d-flex align-items-center justify-content-center",
+      "class": card_cssstyles.showButtonResp + ' col-lg-6 p-0 d-flex align-items-center justify-content-center ',
       onClick: function onClick(e) {
         e.stopPropagation();
         setShowProductInfoModalContext(true);
@@ -43327,12 +43427,7 @@ var NewProductcard = function NewProductcard(props) {
     }, /*#__PURE__*/React.createElement(BsEye, {
       size: sectionproperties.cartBtn_iconFontSize
     })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
-        color: sectionproperties.cartBtnTextcolor,
-        height: '40px'
-      },
-      "class": "col-lg-6 p-0 d-flex align-items-center justify-content-center",
+      "class": card_cssstyles.cartbtnresp + ' col-lg-6 p-0 d-flex align-items-center justify-content-center ',
       onClick: function onClick(e) {
         e.stopPropagation();
         cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
@@ -43357,7 +43452,7 @@ var NewProductcard = function NewProductcard(props) {
   };
   return /*#__PURE__*/React.createElement("div", {
     // ${generalCardsStyles.newproductcard}
-    "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 ' : " ".concat(card_cssstyles.productcard),
+    "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 p-md-0 ' : " ".concat(card_cssstyles.productcard),
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
@@ -47250,7 +47345,7 @@ var Horizontalcard = function Horizontalcard(props) {
       position: 'relative'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": 'col-lg-9 col-md-9 col-sm-3 p-0 mb-2',
+    "class": 'col-lg-9 col-md-9 col-sm-9 p-0 mb-2',
     style: {
       minHeight: '6vh'
     }
@@ -51693,7 +51788,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       setShowProductInfoModalContext(true);
       setProductIdProdutInfoModalContext(item.productid);
     },
-    "class": "".concat(card_cssstyles.productcardimagecont) + ' w-100 p-0 mb-2 ',
+    "class": "".concat(card_cssstyles.productcardimagecont) + ' w-100 p-0 mb-2 allcentered ',
     style: {
       zIndex: 1
     }
@@ -51703,8 +51798,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
     path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
     loading: "lazy",
     style: {
-      width: '100%',
-      height: '100%',
+      width: sectionproperties.imageInnerWidth_Height + '%',
+      height: sectionproperties.imageInnerWidth_Height + '%',
       objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
     }
   }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {