tabexseriescomponents 0.0.378 → 0.0.379
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +114 -58
- package/dist/index.esm.js +114 -58
- package/dist/index.umd.js +114 -58
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1861,7 +1861,11 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
|
|
|
1861
1861
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1862
1862
|
"class": "col-lg-12 p-0"
|
|
1863
1863
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1864
|
-
"class": "row
|
|
1864
|
+
"class": "row mx-0 w-100",
|
|
1865
|
+
style: {
|
|
1866
|
+
marginBottom: sectionproperties.reservationmarginvertical + 'px',
|
|
1867
|
+
marginTop: sectionproperties.reservationmarginvertical + 'px'
|
|
1868
|
+
}
|
|
1865
1869
|
}, sectionproperties.showDefaultPricingSection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1866
1870
|
"class": "col-lg-12 p-0 mb-3 d-flex justift-content-start",
|
|
1867
1871
|
style: {
|
|
@@ -2426,12 +2430,13 @@ var Product_itemtype = function Product_itemtype(props) {
|
|
|
2426
2430
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2427
2431
|
className: 'row m-0 w-100'
|
|
2428
2432
|
}, sectionproperties.gallerystyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2429
|
-
className: sectionproperties.evencols == 'Yes' ? 'col-xl-6 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-5 pl-1 pr-1 evencols' : 'col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1'
|
|
2433
|
+
className: sectionproperties.evencols == 'Yes' ? productinfo_cssstyles.evencols + ' col-xl-6 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-5 pl-1 pr-1 evencols ' : 'col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1'
|
|
2430
2434
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2431
2435
|
className: sectionproperties.maximizegalleryfullscreen == 'Yes' ? ' col-lg-12 p-0 maximize ' : 'col-lg-12 p-0',
|
|
2432
2436
|
style: {
|
|
2433
2437
|
width: '100%',
|
|
2434
|
-
height: 'auto'
|
|
2438
|
+
// height: 'auto',
|
|
2439
|
+
height: sectionproperties.evencols == 'Yes' ? '550px' : 'auto'
|
|
2435
2440
|
}
|
|
2436
2441
|
}, productimagesarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2437
2442
|
style: {
|
|
@@ -2445,13 +2450,17 @@ var Product_itemtype = function Product_itemtype(props) {
|
|
|
2445
2450
|
}, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
|
|
2446
2451
|
size: 26
|
|
2447
2452
|
}))), productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2448
|
-
"class": "w-100 d-block d-md-none"
|
|
2453
|
+
"class": "w-100 d-block d-md-none",
|
|
2454
|
+
style: {
|
|
2455
|
+
// height: '500px',
|
|
2456
|
+
height: sectionproperties.evencols == 'Yes' ? '550px' : ''
|
|
2457
|
+
}
|
|
2449
2458
|
}, /*#__PURE__*/React__default["default"].createElement(ImageGallery__default["default"], {
|
|
2450
2459
|
items: productimagesarray,
|
|
2451
2460
|
thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
|
|
2452
2461
|
showNav: false,
|
|
2453
2462
|
showPlayButton: false,
|
|
2454
|
-
showFullscreenButton: true,
|
|
2463
|
+
showFullscreenButton: sectionproperties.showgalleryfullscreenbtn == 'Yes' ? true : false,
|
|
2455
2464
|
startIndex: currentshowingimageindex
|
|
2456
2465
|
})), productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2457
2466
|
"class": "w-100 d-none d-md-block"
|
|
@@ -2476,7 +2485,7 @@ var Product_itemtype = function Product_itemtype(props) {
|
|
|
2476
2485
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2477
2486
|
className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
|
|
2478
2487
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
2479
|
-
className: "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ',
|
|
2488
|
+
className: props.srcfromprops == 'templatedraftrouter' ? "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ' : "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start font-sm-15 ',
|
|
2480
2489
|
onClick: function onClick() {
|
|
2481
2490
|
routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
|
|
2482
2491
|
},
|
|
@@ -2695,7 +2704,11 @@ var Product_itemtype = function Product_itemtype(props) {
|
|
|
2695
2704
|
display: sectionproperties.quantitybtn_show == 'Hide' && sectionproperties.cartBtnShow == 'Hide' ? 'none' : 'flex'
|
|
2696
2705
|
}
|
|
2697
2706
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2698
|
-
className: "row
|
|
2707
|
+
className: "row mx-0 w-100 d-flex align-items-center",
|
|
2708
|
+
style: {
|
|
2709
|
+
marginTop: sectionproperties.ctabuttnnsmarginvertical + 'px',
|
|
2710
|
+
marginBottom: sectionproperties.ctabuttnnsmarginvertical + 'px'
|
|
2711
|
+
}
|
|
2699
2712
|
}, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2700
2713
|
className: "col-lg-12 p-0 mb-2 d-flex justofy-content-start"
|
|
2701
2714
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
@@ -17437,10 +17450,14 @@ var Subheader = function Subheader(props) {
|
|
|
17437
17450
|
onClick: function onClick() {
|
|
17438
17451
|
routingcountext(item.navigationroute);
|
|
17439
17452
|
},
|
|
17453
|
+
onMouseEnter: function onMouseEnter() {
|
|
17454
|
+
setshowdownheadermenu(false);
|
|
17455
|
+
setChoosenindex('');
|
|
17456
|
+
},
|
|
17440
17457
|
"class": "scrollhorizontalcard mb-0 pb-0",
|
|
17441
17458
|
style: {
|
|
17442
|
-
marginLeft:
|
|
17443
|
-
marginRight:
|
|
17459
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.paddingLeftprops,
|
|
17460
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingLeftprops
|
|
17444
17461
|
}
|
|
17445
17462
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
17446
17463
|
"class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
|
|
@@ -17459,8 +17476,8 @@ var Subheader = function Subheader(props) {
|
|
|
17459
17476
|
setChoosenindex(index);
|
|
17460
17477
|
},
|
|
17461
17478
|
style: {
|
|
17462
|
-
marginLeft:
|
|
17463
|
-
marginRight:
|
|
17479
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope6 = props.subheaderpropertiesprops) === null || _props$subheaderprope6 === void 0 ? void 0 : _props$subheaderprope6.paddingLeftprops,
|
|
17480
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingLeftprops
|
|
17464
17481
|
}
|
|
17465
17482
|
}, langdetect == 'en' ? item.title_en : item.title_ar);
|
|
17466
17483
|
}
|
|
@@ -17477,8 +17494,8 @@ var Subheader = function Subheader(props) {
|
|
|
17477
17494
|
setChoosenindex(index);
|
|
17478
17495
|
},
|
|
17479
17496
|
style: {
|
|
17480
|
-
marginLeft:
|
|
17481
|
-
marginRight:
|
|
17497
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops,
|
|
17498
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingLeftprops,
|
|
17482
17499
|
position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
|
|
17483
17500
|
}
|
|
17484
17501
|
}, langdetect == 'en' ? item.title_en : item.title_ar);
|
|
@@ -17492,8 +17509,8 @@ var Subheader = function Subheader(props) {
|
|
|
17492
17509
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
|
|
17493
17510
|
},
|
|
17494
17511
|
style: {
|
|
17495
|
-
marginLeft:
|
|
17496
|
-
marginRight:
|
|
17512
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.paddingLeftprops,
|
|
17513
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingLeftprops,
|
|
17497
17514
|
position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
|
|
17498
17515
|
}
|
|
17499
17516
|
}, langdetect == 'en' ? item.title_en : item.title_ar);
|
|
@@ -17505,10 +17522,14 @@ var Subheader = function Subheader(props) {
|
|
|
17505
17522
|
onClick: function onClick() {
|
|
17506
17523
|
routingcountext(item.navigationroute);
|
|
17507
17524
|
},
|
|
17525
|
+
onMouseEnter: function onMouseEnter() {
|
|
17526
|
+
setshowdownheadermenu(false);
|
|
17527
|
+
setChoosenindex('');
|
|
17528
|
+
},
|
|
17508
17529
|
"class": "scrollhorizontalcard",
|
|
17509
17530
|
style: {
|
|
17510
|
-
marginLeft:
|
|
17511
|
-
marginRight:
|
|
17531
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope13 = props.subheaderpropertiesprops) === null || _props$subheaderprope13 === void 0 ? void 0 : _props$subheaderprope13.paddingLeftprops,
|
|
17532
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope14 = props.subheaderpropertiesprops) === null || _props$subheaderprope14 === void 0 ? void 0 : _props$subheaderprope14.paddingLeftprops
|
|
17512
17533
|
}
|
|
17513
17534
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
17514
17535
|
"class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
|
|
@@ -17527,10 +17548,14 @@ var Subheader = function Subheader(props) {
|
|
|
17527
17548
|
onClick: function onClick() {
|
|
17528
17549
|
routingcountext(item.navigationroute);
|
|
17529
17550
|
},
|
|
17551
|
+
onMouseEnter: function onMouseEnter() {
|
|
17552
|
+
setshowdownheadermenu(false);
|
|
17553
|
+
setChoosenindex('');
|
|
17554
|
+
},
|
|
17530
17555
|
"class": "scrollhorizontalcard",
|
|
17531
17556
|
style: {
|
|
17532
|
-
marginLeft:
|
|
17533
|
-
marginRight:
|
|
17557
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope17 = props.subheaderpropertiesprops) === null || _props$subheaderprope17 === void 0 ? void 0 : _props$subheaderprope17.paddingLeftprops,
|
|
17558
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope18 = props.subheaderpropertiesprops) === null || _props$subheaderprope18 === void 0 ? void 0 : _props$subheaderprope18.paddingLeftprops
|
|
17534
17559
|
}
|
|
17535
17560
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
17536
17561
|
"class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
|
|
@@ -17549,8 +17574,8 @@ var Subheader = function Subheader(props) {
|
|
|
17549
17574
|
setChoosenindex(index);
|
|
17550
17575
|
},
|
|
17551
17576
|
style: {
|
|
17552
|
-
marginLeft:
|
|
17553
|
-
marginRight:
|
|
17577
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope19 = props.subheaderpropertiesprops) === null || _props$subheaderprope19 === void 0 ? void 0 : _props$subheaderprope19.paddingLeftprops,
|
|
17578
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope20 = props.subheaderpropertiesprops) === null || _props$subheaderprope20 === void 0 ? void 0 : _props$subheaderprope20.paddingLeftprops
|
|
17554
17579
|
}
|
|
17555
17580
|
}, langdetect == 'en' ? item.title_en : item.title_ar);
|
|
17556
17581
|
}
|
|
@@ -17567,8 +17592,8 @@ var Subheader = function Subheader(props) {
|
|
|
17567
17592
|
setChoosenindex(index);
|
|
17568
17593
|
},
|
|
17569
17594
|
style: {
|
|
17570
|
-
marginLeft:
|
|
17571
|
-
marginRight:
|
|
17595
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope21 = props.subheaderpropertiesprops) === null || _props$subheaderprope21 === void 0 ? void 0 : _props$subheaderprope21.paddingLeftprops,
|
|
17596
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope22 = props.subheaderpropertiesprops) === null || _props$subheaderprope22 === void 0 ? void 0 : _props$subheaderprope22.paddingLeftprops
|
|
17572
17597
|
}
|
|
17573
17598
|
}, langdetect == 'en' ? item.title_en : item.title_ar);
|
|
17574
17599
|
}
|
|
@@ -17581,8 +17606,8 @@ var Subheader = function Subheader(props) {
|
|
|
17581
17606
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
|
|
17582
17607
|
},
|
|
17583
17608
|
style: {
|
|
17584
|
-
marginLeft:
|
|
17585
|
-
marginRight:
|
|
17609
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope23 = props.subheaderpropertiesprops) === null || _props$subheaderprope23 === void 0 ? void 0 : _props$subheaderprope23.paddingLeftprops,
|
|
17610
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope24 = props.subheaderpropertiesprops) === null || _props$subheaderprope24 === void 0 ? void 0 : _props$subheaderprope24.paddingLeftprops,
|
|
17586
17611
|
color: sectionproperties.subheader_categorytitle_fontColor_resp,
|
|
17587
17612
|
fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
|
|
17588
17613
|
textTransform: sectionproperties.subheader_categorytitle_textTransform,
|
|
@@ -17621,8 +17646,8 @@ var Subheader = function Subheader(props) {
|
|
|
17621
17646
|
setChoosenindex(index);
|
|
17622
17647
|
},
|
|
17623
17648
|
style: {
|
|
17624
|
-
marginLeft:
|
|
17625
|
-
marginRight:
|
|
17649
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope25 = props.subheaderpropertiesprops) === null || _props$subheaderprope25 === void 0 ? void 0 : _props$subheaderprope25.paddingLeftprops,
|
|
17650
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.paddingLeftprops,
|
|
17626
17651
|
color: sectionproperties.subheader_categorytitle_fontColor_resp,
|
|
17627
17652
|
fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
|
|
17628
17653
|
textTransform: sectionproperties.subheader_categorytitle_textTransform,
|
|
@@ -17643,8 +17668,8 @@ var Subheader = function Subheader(props) {
|
|
|
17643
17668
|
setChoosenindex(index);
|
|
17644
17669
|
},
|
|
17645
17670
|
style: {
|
|
17646
|
-
marginLeft:
|
|
17647
|
-
marginRight:
|
|
17671
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope27 = props.subheaderpropertiesprops) === null || _props$subheaderprope27 === void 0 ? void 0 : _props$subheaderprope27.paddingLeftprops,
|
|
17672
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope28 = props.subheaderpropertiesprops) === null || _props$subheaderprope28 === void 0 ? void 0 : _props$subheaderprope28.paddingLeftprops,
|
|
17648
17673
|
color: sectionproperties.subheader_categorytitle_fontColor_resp,
|
|
17649
17674
|
fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
|
|
17650
17675
|
textTransform: sectionproperties.subheader_categorytitle_textTransform,
|
|
@@ -17661,8 +17686,8 @@ var Subheader = function Subheader(props) {
|
|
|
17661
17686
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
|
|
17662
17687
|
},
|
|
17663
17688
|
style: {
|
|
17664
|
-
marginLeft:
|
|
17665
|
-
marginRight:
|
|
17689
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope29 = props.subheaderpropertiesprops) === null || _props$subheaderprope29 === void 0 ? void 0 : _props$subheaderprope29.paddingLeftprops,
|
|
17690
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope30 = props.subheaderpropertiesprops) === null || _props$subheaderprope30 === void 0 ? void 0 : _props$subheaderprope30.paddingLeftprops,
|
|
17666
17691
|
color: sectionproperties.subheader_categorytitle_fontColor_resp,
|
|
17667
17692
|
fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
|
|
17668
17693
|
textTransform: sectionproperties.subheader_categorytitle_textTransform,
|
|
@@ -17674,6 +17699,7 @@ var Subheader = function Subheader(props) {
|
|
|
17674
17699
|
"class": "".concat(headerstyles$f.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center pl-lg-3 pr-lg-3 pl-md-2 pr-md-2 p-sm-0 position-md-relative ',
|
|
17675
17700
|
onMouseLeave: function onMouseLeave() {
|
|
17676
17701
|
setshowdownheadermenu(false);
|
|
17702
|
+
setChoosenindex('');
|
|
17677
17703
|
},
|
|
17678
17704
|
style: {
|
|
17679
17705
|
width: sectionproperties.subheader_width + '%',
|
|
@@ -17706,9 +17732,9 @@ var Subheader = function Subheader(props) {
|
|
|
17706
17732
|
"class": "font-16 font-weight-500 m-0 p-0"
|
|
17707
17733
|
}, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery7 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery7 === void 0 || (_fetchCategoriesQuery7 = _fetchCategoriesQuery7.data) === null || _fetchCategoriesQuery7 === void 0 || (_fetchCategoriesQuery7 = _fetchCategoriesQuery7.categories[Choosenindex]) === null || _fetchCategoriesQuery7 === void 0 ? void 0 : _fetchCategoriesQuery7.parentcolletions.map(function (item, index) {
|
|
17708
17734
|
if (item.isshowntocustomers == 1) {
|
|
17709
|
-
var _fetchCategoriesQuery8;
|
|
17735
|
+
var _fetchCategoriesQuery8, _props$subheaderprope35, _props$subheaderprope36;
|
|
17710
17736
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
17711
|
-
"class": (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery8 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery8 === void 0 || (_fetchCategoriesQuery8 = _fetchCategoriesQuery8.data) === null || _fetchCategoriesQuery8 === void 0 || (_fetchCategoriesQuery8 = _fetchCategoriesQuery8.categories[Choosenindex]) === null || _fetchCategoriesQuery8 === void 0 ? void 0 : _fetchCategoriesQuery8.parentcolletions.length) >= 5 ? 'col-lg-2 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4' : 'col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4',
|
|
17737
|
+
"class": (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery8 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery8 === void 0 || (_fetchCategoriesQuery8 = _fetchCategoriesQuery8.data) === null || _fetchCategoriesQuery8 === void 0 || (_fetchCategoriesQuery8 = _fetchCategoriesQuery8.categories[Choosenindex]) === null || _fetchCategoriesQuery8 === void 0 ? void 0 : _fetchCategoriesQuery8.parentcolletions.length) >= 5 ? 'col-lg-2 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4' : ((_props$subheaderprope35 = props.subheaderpropertiesprops) === null || _props$subheaderprope35 === void 0 ? void 0 : _props$subheaderprope35.numofcolsinlistprops) != undefined ? ' pl-2 pr-2 col-md-6 col-sm-12 mb-md-4 col-lg-' + ((_props$subheaderprope36 = props.subheaderpropertiesprops) === null || _props$subheaderprope36 === void 0 ? void 0 : _props$subheaderprope36.numofcolsinlistprops) : 'col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4',
|
|
17712
17738
|
style: {
|
|
17713
17739
|
cursor: 'pointer'
|
|
17714
17740
|
}
|
|
@@ -18202,12 +18228,12 @@ var Headerresponsive = function Headerresponsive(props) {
|
|
|
18202
18228
|
className: langdetect == 'en' ? 'mr-2' : 'ml-2'
|
|
18203
18229
|
}), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
18204
18230
|
className: "text-transform-none"
|
|
18205
|
-
}, lang.signup)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
|
|
18231
|
+
}, lang.signup)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
|
|
18206
18232
|
style: {
|
|
18207
18233
|
marginBottom: 0,
|
|
18208
18234
|
marginTop: 0
|
|
18209
18235
|
}
|
|
18210
|
-
}), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
|
|
18236
|
+
}), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
|
|
18211
18237
|
onClick: function onClick() {
|
|
18212
18238
|
routingcountext(StaticPagesLinksContext.viewcart);
|
|
18213
18239
|
}
|
|
@@ -19153,7 +19179,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
|
|
|
19153
19179
|
}
|
|
19154
19180
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19155
19181
|
className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
|
|
19156
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19182
|
+
}, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
19157
19183
|
style: {
|
|
19158
19184
|
width: '30px',
|
|
19159
19185
|
height: sectionproperties.cart_BtnHeight_resp + 'px'
|
|
@@ -36444,8 +36470,8 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
|
|
|
36444
36470
|
return /*#__PURE__*/React__default["default"].createElement("li", {
|
|
36445
36471
|
"class": "".concat(header_cssstyles.navbar_item_text) + ' cursor-pointer allcentered ',
|
|
36446
36472
|
style: {
|
|
36447
|
-
marginLeft:
|
|
36448
|
-
marginRight:
|
|
36473
|
+
marginLeft: sectionproperties.navbar_item_textpaddingleft + 'px',
|
|
36474
|
+
marginRight: sectionproperties.navbar_item_textpaddingleft + 'px'
|
|
36449
36475
|
},
|
|
36450
36476
|
onClick: function onClick() {
|
|
36451
36477
|
routingcountext(item.navigationroute, false, '');
|
|
@@ -36459,9 +36485,10 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
|
|
|
36459
36485
|
actions: actions,
|
|
36460
36486
|
subheaderpropertiesprops: {
|
|
36461
36487
|
subheaderpositionprops: 'in nav',
|
|
36462
|
-
paddingLeftprops: '
|
|
36463
|
-
paddingRightprops: '
|
|
36464
|
-
subheadercontentpositionprops: 'center'
|
|
36488
|
+
paddingLeftprops: sectionproperties.navbar_item_textpaddingleft + 'px',
|
|
36489
|
+
paddingRightprops: sectionproperties.navbar_item_textpaddingleft + 'px',
|
|
36490
|
+
subheadercontentpositionprops: 'center',
|
|
36491
|
+
numofcolsinlistprops: '4'
|
|
36465
36492
|
}
|
|
36466
36493
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36467
36494
|
"class": "col-lg-4 col-md-4 p-0 d-flex align-items-center justify-content-end"
|
|
@@ -36558,7 +36585,8 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
|
|
|
36558
36585
|
subheaderpositionprops: 'Full Width',
|
|
36559
36586
|
paddingLeftprops: '20px',
|
|
36560
36587
|
paddingRightprops: '20px',
|
|
36561
|
-
subheadercontentpositionprops: 'center'
|
|
36588
|
+
subheadercontentpositionprops: 'center',
|
|
36589
|
+
numofcols: '6'
|
|
36562
36590
|
}
|
|
36563
36591
|
})))), /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
|
|
36564
36592
|
sectionpropertiesprops: sectionproperties,
|
|
@@ -41650,7 +41678,7 @@ var FooterWithThreeColumns = function FooterWithThreeColumns(props) {
|
|
|
41650
41678
|
function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
41651
41679
|
function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
41652
41680
|
var ModernFooter = function ModernFooter(props) {
|
|
41653
|
-
var _templatepropcontext$, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17;
|
|
41681
|
+
var _templatepropcontext$, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23;
|
|
41654
41682
|
var _useState = React.useState(''),
|
|
41655
41683
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
41656
41684
|
sectionproperties = _useState2[0],
|
|
@@ -41971,7 +41999,35 @@ var ModernFooter = function ModernFooter(props) {
|
|
|
41971
41999
|
}, sectionproperties.linkedinbtniconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(AiOutlineLinkedin.AiOutlineLinkedin, {
|
|
41972
42000
|
"class": 'mr-2',
|
|
41973
42001
|
size: sectionproperties.linkedinbtniconfontsize
|
|
41974
|
-
}), sectionproperties.linkedinlinktext))))
|
|
42002
|
+
}), sectionproperties.linkedinlinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
42003
|
+
"class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
|
|
42004
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
42005
|
+
"class": footerStyles.instgram_btn + ' m-0 p-0 d-flex align-items-center ',
|
|
42006
|
+
onClick: function onClick() {
|
|
42007
|
+
var _authdetailsContext$i15;
|
|
42008
|
+
if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.tiktoklink) != null) {
|
|
42009
|
+
var _authdetailsContext$i16;
|
|
42010
|
+
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.tiktoklink, '_blank');
|
|
42011
|
+
}
|
|
42012
|
+
}
|
|
42013
|
+
}, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
|
|
42014
|
+
"class": 'mr-2',
|
|
42015
|
+
size: sectionproperties.instagramiconfontsize
|
|
42016
|
+
}), langdetect == 'en' ? 'TikTok' : 'TikTok')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.telegramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
42017
|
+
"class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
|
|
42018
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
42019
|
+
"class": footerStyles.instgram_btn + ' m-0 p-0 d-flex align-items-center ',
|
|
42020
|
+
onClick: function onClick() {
|
|
42021
|
+
var _authdetailsContext$i18;
|
|
42022
|
+
if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.telegramlink) != null) {
|
|
42023
|
+
var _authdetailsContext$i19;
|
|
42024
|
+
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.telegramlink, '_blank');
|
|
42025
|
+
}
|
|
42026
|
+
}
|
|
42027
|
+
}, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(FaTelegramPlane.FaTelegramPlane, {
|
|
42028
|
+
"class": 'mr-2',
|
|
42029
|
+
size: sectionproperties.instagramiconfontsize
|
|
42030
|
+
}), langdetect == 'en' ? 'Telegram' : 'Telegram')))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
41975
42031
|
"class": sectionproperties.showdownloadsection == 'Show' || sectionproperties.showpaymentfooter == 'Show' ? 'col-lg-3 col-md-12 col-sm-12 mt-md-3' : 'col-lg-4 col-md-12 col-sm-12 mt-md-3',
|
|
41976
42032
|
style: {
|
|
41977
42033
|
display: sectionproperties.showfooteraddress == 'Hide' && sectionproperties.showfooterphonenumber == 'Hide' && sectionproperties.showfooteremail == 'Hide' ? 'none' : 'block'
|
|
@@ -41997,7 +42053,7 @@ var ModernFooter = function ModernFooter(props) {
|
|
|
41997
42053
|
}
|
|
41998
42054
|
}, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
|
|
41999
42055
|
size: sectionproperties.footerinfoicon_fontsize
|
|
42000
|
-
})), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42056
|
+
})), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.address_en)), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
42001
42057
|
"class": "".concat(footerStyles.footerinfotext) + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-1 p-0 ',
|
|
42002
42058
|
onClick: function onClick() {
|
|
42003
42059
|
window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_self');
|
|
@@ -42016,14 +42072,14 @@ var ModernFooter = function ModernFooter(props) {
|
|
|
42016
42072
|
}), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber)), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
42017
42073
|
"class": "".concat(footerStyles.footerinfotext) + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-1 p-0 ',
|
|
42018
42074
|
onClick: function onClick() {
|
|
42019
|
-
var _authdetailsContext$
|
|
42020
|
-
window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42075
|
+
var _authdetailsContext$i21;
|
|
42076
|
+
window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 || (_authdetailsContext$i21 = _authdetailsContext$i21.contactinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.email), '_self');
|
|
42021
42077
|
}
|
|
42022
42078
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
42023
42079
|
"class": ' footerinfotext d-flex align-items-center justify-content-start m-0 p-0 cursor-pointer ',
|
|
42024
42080
|
onClick: function onClick() {
|
|
42025
|
-
var _authdetailsContext$
|
|
42026
|
-
window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42081
|
+
var _authdetailsContext$i22;
|
|
42082
|
+
window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 || (_authdetailsContext$i22 = _authdetailsContext$i22.contactinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.email), '_self');
|
|
42027
42083
|
},
|
|
42028
42084
|
style: {
|
|
42029
42085
|
textTransform: 'none'
|
|
@@ -42034,7 +42090,7 @@ var ModernFooter = function ModernFooter(props) {
|
|
|
42034
42090
|
marginRight: langdetect == 'en' ? '0.5rem' : 0,
|
|
42035
42091
|
marginLeft: langdetect == 'ar' ? '0.5rem' : 0
|
|
42036
42092
|
}
|
|
42037
|
-
}), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42093
|
+
}), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 || (_authdetailsContext$i23 = _authdetailsContext$i23.contactinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.email)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
42038
42094
|
"class": sectionproperties.showfooteraddress == 'Hide' && sectionproperties.showfooterphonenumber == 'Hide' && sectionproperties.showfooteremail == 'Hide' ? 'col-lg-4 col-md-12 col-sm-12 mt-md-3' : 'col-lg-3 col-md-12 col-sm-12 mt-md-3'
|
|
42039
42095
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
42040
42096
|
className: "col-lg-12 p-0 d-flex justify-content-start mb-3"
|
|
@@ -42046,15 +42102,15 @@ var ModernFooter = function ModernFooter(props) {
|
|
|
42046
42102
|
"class": "".concat(footerStyles.apptore) + ' cursor-pointer d-flex d-md-none ',
|
|
42047
42103
|
src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
|
|
42048
42104
|
onClick: function onClick() {
|
|
42049
|
-
var _authdetailsContext$
|
|
42050
|
-
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42105
|
+
var _authdetailsContext$i24;
|
|
42106
|
+
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.mobileapplink_appstore, '_blank');
|
|
42051
42107
|
}
|
|
42052
42108
|
}), /*#__PURE__*/React__default["default"].createElement("img", {
|
|
42053
42109
|
"class": "".concat(footerStyles.apptore) + ' cursor-pointer d-none d-md-flex ',
|
|
42054
42110
|
src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
|
|
42055
42111
|
onClick: function onClick() {
|
|
42056
|
-
var _authdetailsContext$
|
|
42057
|
-
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42112
|
+
var _authdetailsContext$i25;
|
|
42113
|
+
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.mobileapplink_appstore, '_blank');
|
|
42058
42114
|
}
|
|
42059
42115
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
42060
42116
|
"class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start'
|
|
@@ -42062,15 +42118,15 @@ var ModernFooter = function ModernFooter(props) {
|
|
|
42062
42118
|
"class": "".concat(footerStyles.playstore) + ' cursor-pointer d-flex d-md-none ',
|
|
42063
42119
|
src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
|
|
42064
42120
|
onClick: function onClick() {
|
|
42065
|
-
var _authdetailsContext$
|
|
42066
|
-
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42121
|
+
var _authdetailsContext$i26;
|
|
42122
|
+
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.mobileapplink_playstore, '_blank');
|
|
42067
42123
|
}
|
|
42068
42124
|
}), /*#__PURE__*/React__default["default"].createElement("img", {
|
|
42069
42125
|
"class": "".concat(footerStyles.playstore) + ' cursor-pointer d-none d-md-flex ',
|
|
42070
42126
|
src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
|
|
42071
42127
|
onClick: function onClick() {
|
|
42072
|
-
var _authdetailsContext$
|
|
42073
|
-
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42128
|
+
var _authdetailsContext$i27;
|
|
42129
|
+
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.mobileapplink_playstore, '_blank');
|
|
42074
42130
|
}
|
|
42075
42131
|
}))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
42076
42132
|
"class": "col-lg-3 col-md-12 col-sm-12 mt-md-3 px-lg-5 px-md-2",
|