tabexseriescomponents 0.0.131 → 0.0.132

package/dist/index.cjs.js

@@ -99,6 +99,7 @@ var BsInfoCircle = require('@react-icons/all-files/bs/BsInfoCircle');
 var AiFillPhone = require('@react-icons/all-files/ai/AiFillPhone');
 var IoClose = require('@react-icons/all-files/io5/IoClose');
 var MdKeyboardArrowUp = require('@react-icons/all-files/md/MdKeyboardArrowUp');
+var BiGlobe = require('@react-icons/all-files/bi/BiGlobe');
 var FaPhoneAlt = require('@react-icons/all-files/fa/FaPhoneAlt');
 var FaPhone = require('@react-icons/all-files/fa/FaPhone');
 var GoLocation = require('@react-icons/all-files/go/GoLocation');
@@ -11444,7 +11445,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
     "class": header_cssstyles.upperheadertext + '  ml-1 mr-1 storeinfotext ',
     size: sectionproperties.footerinfotext_fontsize
   }), /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": header_cssstyles.upperheadertext + ' storeinfotext '
+    "class": header_cssstyles.upperheadertext + ' storeinfotext text-overflow '
   }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.email)))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-4 p-0 d-flex align-items-center justify-content-center"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -18418,7 +18419,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
     }),
     searchbar_icon_cont: glamor.css({
       width: sectionproperties.search_btn_width + 'px',
-      height: sectionproperties.search_btn_height + 'px',
+      height: sectionproperties.searchbarcont_height + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.search_btn_borderTopRightRadius + 'px' : sectionproperties.search_btn_borderTopLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.search_btn_borderTopLeftRadius + 'px' : sectionproperties.search_btn_borderTopRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.search_btn_borderBottomRightRadius + 'px' : sectionproperties.search_btn_borderBottomLeftRadius + 'px',
@@ -18547,15 +18548,15 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       fontSize: sectionproperties.badge_fontsize + 'px'
     }),
     categorybtn: glamor.css({
-      background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
-      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',
       borderRight: langdetect == 'en' ? sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor : 0,
       borderLeft: langdetect == 'ar' ? sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor : 0,
       transition: '.3s',
-      height: sectionproperties.searchbarcont_height + 'px',
+      height: '100%',
+      backgroundColor: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0,
+      borderBottomRightRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0,
+      borderTopRightRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0,
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0,
       cursor: 'pointer',
       ':hover': {
         background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover
@@ -18605,7 +18606,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
   }, sectionproperties.showupperheadersection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 d-flex align-items-center plr-1025-0",
+    "class": "col-lg-12 d-flex align-items-center plr-1025-1",
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.uppersection_paddingleft + 'px' : sectionproperties.uppersection_paddingright + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px',
@@ -18675,13 +18676,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       fontWeight: sectionproperties.dropdown_fontweight,
       textTransform: sectionproperties.dropdown_texttransform
     }
-  }, /*#__PURE__*/React__default["default"].createElement("img", {
-    src: egyptflag$1,
-    style: {
-      maxWidth: '2vh',
-      maxHeight: '2vh'
-    }
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
     "class": 'ml-2 mr-2'
   }, lang.arabic)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
@@ -18696,13 +18691,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       fontWeight: sectionproperties.dropdown_fontweight,
       textTransform: sectionproperties.dropdown_texttransform
     }
-  }, /*#__PURE__*/React__default["default"].createElement("img", {
-    src: usflag$1,
-    style: {
-      maxWidth: '2vh',
-      maxHeight: '2vh'
-    }
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
     "class": 'ml-2 mr-2'
   }, lang.english))))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
@@ -18838,7 +18827,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$5.lowerHeaderContainer, " ").concat(header_cssstyles.lowerHeaderContainer) + ' w-100 d-flex align-items-center plr-1025-1 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-3 d-flex align-items-center justify-content-start"
+    "class": "col-xl-3 col-lg-2 d-flex align-items-center justify-content-start"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center cursor-pointer ',
     onClick: function onClick() {
@@ -18854,13 +18843,18 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       objectFit: 'contain'
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' col-lg-7 d-flex justify-content-center align-items-center m-0 p-0 ',
+    "class": ' col-xl-7 col-lg-7 d-flex justify-content-center align-items-center m-0 p-0 ',
     style: {
       width: '100%',
-      height: sectionproperties.searchbarcont_height + 'px'
+      height: sectionproperties.searchbarcont_height + 'px',
+      border: sectionproperties.searchbarcontinput_borderwidth + 'px  solid' + sectionproperties.searchbarcontinput_bordercolor,
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": langdetect == 'en' ? 'col-lg-3 p-0 d-flex align-items-center justify-content-start h-100 ml-n1' : 'col-lg-3 p-0 d-flex align-items-center justify-content-start h-100 mr-n1',
+    "class": 'col-xl-3 col-lg-4 p-0 d-flex align-items-center justify-content-start h-100',
     onClick: function onClick() {
       setdropdownselect(!dropdownselect);
     }
@@ -18903,17 +18897,16 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
     }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null));
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-9 p-0 d-flex justify-content-end align-items-center h-100"
+    "class": "col-xl-9 col-lg-8 p-0 d-flex justify-content-end align-items-center h-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' row m-0 w-100 h-100 ',
     style: {
       position: 'relative',
       backgroundColor: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
-      border: sectionproperties.searchbarcontinput_borderwidth + 'px  solid' + sectionproperties.searchbarcontinput_bordercolor,
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
+      borderBottomLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0,
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0,
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0,
+      borderTopLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0
     }
   }, /*#__PURE__*/React__default["default"].createElement("input", {
     type: "text",
@@ -18925,16 +18918,16 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.searchbar_icon_cont) + ' d-flex align-items-center justify-content-center p-0 ',
     style: {
-      marginTop: -1.5,
       marginRight: langdetect == 'en' ? '-0.25rem' : 0,
-      marginLeft: langdetect == 'ar' ? '-0.25rem' : 0
+      marginLeft: langdetect == 'ar' ? '-0.25rem' : 0,
+      marginTop: sectionproperties.searchbarcontinput_borderwidth != 0 ? '-0.1rem' : 0
     }
   }, lang.search), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
     sectionpropertiesprops: sectionproperties,
     srcfromprops: 'headerfullwidth',
     actions: actions
   })))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-2 d-flex align-items-center justify-content-center p-0"
+    "class": "col-xl-2 col-lg-3 d-flex align-items-center justify-content-center p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
     onClick: function onClick() {

package/dist/index.esm.js

@@ -97,6 +97,7 @@ import { BsInfoCircle } from '@react-icons/all-files/bs/BsInfoCircle';
 import { AiFillPhone } from '@react-icons/all-files/ai/AiFillPhone';
 import { IoClose } from '@react-icons/all-files/io5/IoClose';
 import { MdKeyboardArrowUp } from '@react-icons/all-files/md/MdKeyboardArrowUp';
+import { BiGlobe } from '@react-icons/all-files/bi/BiGlobe';
 import { FaPhoneAlt } from '@react-icons/all-files/fa/FaPhoneAlt';
 import { FaPhone } from '@react-icons/all-files/fa/FaPhone';
 import { GoLocation } from '@react-icons/all-files/go/GoLocation';
@@ -11401,7 +11402,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
     "class": header_cssstyles.upperheadertext + '  ml-1 mr-1 storeinfotext ',
     size: sectionproperties.footerinfotext_fontsize
   }), /*#__PURE__*/React.createElement("span", {
-    "class": header_cssstyles.upperheadertext + ' storeinfotext '
+    "class": header_cssstyles.upperheadertext + ' storeinfotext text-overflow '
   }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.email)))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 p-0 d-flex align-items-center justify-content-center"
   }, /*#__PURE__*/React.createElement("div", {
@@ -18375,7 +18376,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
     }),
     searchbar_icon_cont: css({
       width: sectionproperties.search_btn_width + 'px',
-      height: sectionproperties.search_btn_height + 'px',
+      height: sectionproperties.searchbarcont_height + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.search_btn_borderTopRightRadius + 'px' : sectionproperties.search_btn_borderTopLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.search_btn_borderTopLeftRadius + 'px' : sectionproperties.search_btn_borderTopRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.search_btn_borderBottomRightRadius + 'px' : sectionproperties.search_btn_borderBottomLeftRadius + 'px',
@@ -18504,15 +18505,15 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       fontSize: sectionproperties.badge_fontsize + 'px'
     }),
     categorybtn: css({
-      background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
-      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',
       borderRight: langdetect == 'en' ? sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor : 0,
       borderLeft: langdetect == 'ar' ? sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor : 0,
       transition: '.3s',
-      height: sectionproperties.searchbarcont_height + 'px',
+      height: '100%',
+      backgroundColor: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0,
+      borderBottomRightRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0,
+      borderTopRightRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0,
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0,
       cursor: 'pointer',
       ':hover': {
         background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover
@@ -18562,7 +18563,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
   }, sectionproperties.showupperheadersection == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex align-items-center plr-1025-0",
+    "class": "col-lg-12 d-flex align-items-center plr-1025-1",
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.uppersection_paddingleft + 'px' : sectionproperties.uppersection_paddingright + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px',
@@ -18632,13 +18633,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       fontWeight: sectionproperties.dropdown_fontweight,
       textTransform: sectionproperties.dropdown_texttransform
     }
-  }, /*#__PURE__*/React.createElement("img", {
-    src: egyptflag$1,
-    style: {
-      maxWidth: '2vh',
-      maxHeight: '2vh'
-    }
-  }), /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(BiGlobe, null), /*#__PURE__*/React.createElement("span", {
     "class": 'ml-2 mr-2'
   }, lang.arabic)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -18653,13 +18648,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       fontWeight: sectionproperties.dropdown_fontweight,
       textTransform: sectionproperties.dropdown_texttransform
     }
-  }, /*#__PURE__*/React.createElement("img", {
-    src: usflag$1,
-    style: {
-      maxWidth: '2vh',
-      maxHeight: '2vh'
-    }
-  }), /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(BiGlobe, null), /*#__PURE__*/React.createElement("span", {
     "class": 'ml-2 mr-2'
   }, lang.english))))))), /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
@@ -18795,7 +18784,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(headerstyles$5.lowerHeaderContainer, " ").concat(header_cssstyles.lowerHeaderContainer) + ' w-100 d-flex align-items-center plr-1025-1 '
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-3 d-flex align-items-center justify-content-start"
+    "class": "col-xl-3 col-lg-2 d-flex align-items-center justify-content-start"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center cursor-pointer ',
     onClick: function onClick() {
@@ -18811,13 +18800,18 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       objectFit: 'contain'
     }
   }))), /*#__PURE__*/React.createElement("div", {
-    "class": ' col-lg-7 d-flex justify-content-center align-items-center m-0 p-0 ',
+    "class": ' col-xl-7 col-lg-7 d-flex justify-content-center align-items-center m-0 p-0 ',
     style: {
       width: '100%',
-      height: sectionproperties.searchbarcont_height + 'px'
+      height: sectionproperties.searchbarcont_height + 'px',
+      border: sectionproperties.searchbarcontinput_borderwidth + 'px  solid' + sectionproperties.searchbarcontinput_bordercolor,
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": langdetect == 'en' ? 'col-lg-3 p-0 d-flex align-items-center justify-content-start h-100 ml-n1' : 'col-lg-3 p-0 d-flex align-items-center justify-content-start h-100 mr-n1',
+    "class": 'col-xl-3 col-lg-4 p-0 d-flex align-items-center justify-content-start h-100',
     onClick: function onClick() {
       setdropdownselect(!dropdownselect);
     }
@@ -18860,17 +18854,16 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
       "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
     }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React.createElement(Dropdown.Divider, null));
   }))))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-9 p-0 d-flex justify-content-end align-items-center h-100"
+    "class": "col-xl-9 col-lg-8 p-0 d-flex justify-content-end align-items-center h-100"
   }, /*#__PURE__*/React.createElement("div", {
     "class": ' row m-0 w-100 h-100 ',
     style: {
       position: 'relative',
       backgroundColor: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
-      border: sectionproperties.searchbarcontinput_borderwidth + 'px  solid' + sectionproperties.searchbarcontinput_bordercolor,
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
+      borderBottomLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0,
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0,
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0,
+      borderTopLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0
     }
   }, /*#__PURE__*/React.createElement("input", {
     type: "text",
@@ -18882,16 +18875,16 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
   }), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.searchbar_icon_cont) + ' d-flex align-items-center justify-content-center p-0 ',
     style: {
-      marginTop: -1.5,
       marginRight: langdetect == 'en' ? '-0.25rem' : 0,
-      marginLeft: langdetect == 'ar' ? '-0.25rem' : 0
+      marginLeft: langdetect == 'ar' ? '-0.25rem' : 0,
+      marginTop: sectionproperties.searchbarcontinput_borderwidth != 0 ? '-0.1rem' : 0
     }
   }, lang.search), /*#__PURE__*/React.createElement(Searchlist$1, {
     sectionpropertiesprops: sectionproperties,
     srcfromprops: 'headerfullwidth',
     actions: actions
   })))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-2 d-flex align-items-center justify-content-center p-0"
+    "class": "col-xl-2 col-lg-3 d-flex align-items-center justify-content-center p-0"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
     onClick: function onClick() {

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('react-query'), require('react-router'), require('imagekitio-react'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fi/FiMapPin'), require('@react-icons/all-files/fa/FaShippingFast'), require('@babel/runtime/helpers/toConsumableArray'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('@react-icons/all-files/fi/FiLayers'), require('@react-icons/all-files/hi/HiOutlineTrash'), require('@react-icons/all-files/bi/BiSad'), require('react-textarea-autosize'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-accessible-accordion'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('react-router-dom'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-intersection-observer'), require('react-horizontal-scrolling-menu'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/hi/HiOutlineClock'), require('react-select'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('react-player'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus')) :
-    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'react-query', 'react-router', 'imagekitio-react', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/ri/RiSecurePaymentLine', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fi/FiMapPin', '@react-icons/all-files/fa/FaShippingFast', '@babel/runtime/helpers/toConsumableArray', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', '@react-icons/all-files/fi/FiLayers', '@react-icons/all-files/hi/HiOutlineTrash', '@react-icons/all-files/bi/BiSad', 'react-textarea-autosize', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-accessible-accordion', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', 'react-router-dom', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-bootstrap/Dropdown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-intersection-observer', 'react-horizontal-scrolling-menu', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/hi/HiOutlineClock', 'react-select', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', 'react-player', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, null, global.reactRouter, global.imagekitioReact, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar, global.AiOutlineStar, global.RiSecurePaymentLine, global.HiOutlinePhone, global.AiOutlineSecurityScan, global.FiMapPin, global.FaShippingFast, global._toConsumableArray, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.FiLayers, global.HiOutlineTrash, global.BiSad, global.TextareaAutosize, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.reactAccessibleAccordion, global.BsChevronLeft, global.BsChevronRight, global.RiArrowUpSLine, global.RiArrowDownSLine, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.Dropdown, global.HiOutlinePlus, global.AiOutlineMinus, global.reactIntersectionObserver, global.reactHorizontalScrollingMenu, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.FiFilter, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.MdKeyboardArrowDown, global.GoSearch, global.FiUser, global.BiSearch, global.AiOutlineHeart, global.AiOutlineMail, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiFillInstagram, global.FaWhatsapp, global.AiOutlineInstagram, global.BsInfoCircle, global.AiFillPhone, global.IoClose, global.MdKeyboardArrowUp, global.FaPhoneAlt, global.FaPhone, global.GoLocation, global.AiOutlinePhone, global.HiOutlineClock, global.Select$2, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.ReactPlayer, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.BsEye, global.BiTimeFive, global.IoIosArrowUp, global.FiMinus, global.FiPlus));
-})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, reactQuery, reactRouter, imagekitioReact, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart, FiShoppingBag, FiShoppingCart, AiFillStar, AiOutlineStar, RiSecurePaymentLine, HiOutlinePhone, AiOutlineSecurityScan, FiMapPin, FaShippingFast, _toConsumableArray, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, FiLayers, HiOutlineTrash, BiSad, TextareaAutosize, HiUser, GrMail, FiCheckCircle, BiPhone, reactAccessibleAccordion, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, reactRouterDom, IoBagCheckOutline, IoBagRemoveOutline, Dropdown, HiOutlinePlus, AiOutlineMinus, reactIntersectionObserver, reactHorizontalScrollingMenu, FaArrowAltCircleRight, FaArrowAltCircleLeft, FiFilter, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, MdKeyboardArrowDown, GoSearch, FiUser, BiSearch, AiOutlineHeart, AiOutlineMail, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiFillInstagram, FaWhatsapp, AiOutlineInstagram, BsInfoCircle, AiFillPhone, IoClose, MdKeyboardArrowUp, FaPhoneAlt, FaPhone, GoLocation, AiOutlinePhone, HiOutlineClock, Select$2, IoIosArrowRoundForward, IoIosArrowRoundBack, ReactPlayer, BackgroundSlideshow, _extends, reactSlideshowImage, BsEye, BiTimeFive, IoIosArrowUp, FiMinus, FiPlus) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('react-query'), require('react-router'), require('imagekitio-react'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fi/FiMapPin'), require('@react-icons/all-files/fa/FaShippingFast'), require('@babel/runtime/helpers/toConsumableArray'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('@react-icons/all-files/fi/FiLayers'), require('@react-icons/all-files/hi/HiOutlineTrash'), require('@react-icons/all-files/bi/BiSad'), require('react-textarea-autosize'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-accessible-accordion'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('react-router-dom'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-intersection-observer'), require('react-horizontal-scrolling-menu'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/hi/HiOutlineClock'), require('react-select'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('react-player'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus')) :
+    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'react-query', 'react-router', 'imagekitio-react', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/ri/RiSecurePaymentLine', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fi/FiMapPin', '@react-icons/all-files/fa/FaShippingFast', '@babel/runtime/helpers/toConsumableArray', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', '@react-icons/all-files/fi/FiLayers', '@react-icons/all-files/hi/HiOutlineTrash', '@react-icons/all-files/bi/BiSad', 'react-textarea-autosize', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-accessible-accordion', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', 'react-router-dom', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-bootstrap/Dropdown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-intersection-observer', 'react-horizontal-scrolling-menu', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/hi/HiOutlineClock', 'react-select', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', 'react-player', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, null, global.reactRouter, global.imagekitioReact, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar, global.AiOutlineStar, global.RiSecurePaymentLine, global.HiOutlinePhone, global.AiOutlineSecurityScan, global.FiMapPin, global.FaShippingFast, global._toConsumableArray, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.FiLayers, global.HiOutlineTrash, global.BiSad, global.TextareaAutosize, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.reactAccessibleAccordion, global.BsChevronLeft, global.BsChevronRight, global.RiArrowUpSLine, global.RiArrowDownSLine, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.Dropdown, global.HiOutlinePlus, global.AiOutlineMinus, global.reactIntersectionObserver, global.reactHorizontalScrollingMenu, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.FiFilter, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.MdKeyboardArrowDown, global.GoSearch, global.FiUser, global.BiSearch, global.AiOutlineHeart, global.AiOutlineMail, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiFillInstagram, global.FaWhatsapp, global.AiOutlineInstagram, global.BsInfoCircle, global.AiFillPhone, global.IoClose, global.MdKeyboardArrowUp, global.BiGlobe, global.FaPhoneAlt, global.FaPhone, global.GoLocation, global.AiOutlinePhone, global.HiOutlineClock, global.Select$2, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.ReactPlayer, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.BsEye, global.BiTimeFive, global.IoIosArrowUp, global.FiMinus, global.FiPlus));
+})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, reactQuery, reactRouter, imagekitioReact, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart, FiShoppingBag, FiShoppingCart, AiFillStar, AiOutlineStar, RiSecurePaymentLine, HiOutlinePhone, AiOutlineSecurityScan, FiMapPin, FaShippingFast, _toConsumableArray, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, FiLayers, HiOutlineTrash, BiSad, TextareaAutosize, HiUser, GrMail, FiCheckCircle, BiPhone, reactAccessibleAccordion, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, reactRouterDom, IoBagCheckOutline, IoBagRemoveOutline, Dropdown, HiOutlinePlus, AiOutlineMinus, reactIntersectionObserver, reactHorizontalScrollingMenu, FaArrowAltCircleRight, FaArrowAltCircleLeft, FiFilter, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, MdKeyboardArrowDown, GoSearch, FiUser, BiSearch, AiOutlineHeart, AiOutlineMail, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiFillInstagram, FaWhatsapp, AiOutlineInstagram, BsInfoCircle, AiFillPhone, IoClose, MdKeyboardArrowUp, BiGlobe, FaPhoneAlt, FaPhone, GoLocation, AiOutlinePhone, HiOutlineClock, Select$2, IoIosArrowRoundForward, IoIosArrowRoundBack, ReactPlayer, BackgroundSlideshow, _extends, reactSlideshowImage, BsEye, BiTimeFive, IoIosArrowUp, FiMinus, FiPlus) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -11313,7 +11313,7 @@
         "class": header_cssstyles.upperheadertext + '  ml-1 mr-1 storeinfotext ',
         size: sectionproperties.footerinfotext_fontsize
       }), /*#__PURE__*/React__default["default"].createElement("span", {
-        "class": header_cssstyles.upperheadertext + ' storeinfotext '
+        "class": header_cssstyles.upperheadertext + ' storeinfotext text-overflow '
       }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.email)))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-4 p-0 d-flex align-items-center justify-content-center"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -18287,7 +18287,7 @@
         }),
         searchbar_icon_cont: glamor.css({
           width: sectionproperties.search_btn_width + 'px',
-          height: sectionproperties.search_btn_height + 'px',
+          height: sectionproperties.searchbarcont_height + 'px',
           borderTopRightRadius: langdetect == 'en' ? sectionproperties.search_btn_borderTopRightRadius + 'px' : sectionproperties.search_btn_borderTopLeftRadius + 'px',
           borderTopLeftRadius: langdetect == 'en' ? sectionproperties.search_btn_borderTopLeftRadius + 'px' : sectionproperties.search_btn_borderTopRightRadius + 'px',
           borderBottomRightRadius: langdetect == 'en' ? sectionproperties.search_btn_borderBottomRightRadius + 'px' : sectionproperties.search_btn_borderBottomLeftRadius + 'px',
@@ -18416,15 +18416,15 @@
           fontSize: sectionproperties.badge_fontsize + 'px'
         }),
         categorybtn: glamor.css({
-          background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
-          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',
           borderRight: langdetect == 'en' ? sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor : 0,
           borderLeft: langdetect == 'ar' ? sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor : 0,
           transition: '.3s',
-          height: sectionproperties.searchbarcont_height + 'px',
+          height: '100%',
+          backgroundColor: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0,
+          borderBottomRightRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0,
+          borderTopRightRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0,
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0,
           cursor: 'pointer',
           ':hover': {
             background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover
@@ -18474,7 +18474,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
       }, sectionproperties.showupperheadersection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 d-flex align-items-center plr-1025-0",
+        "class": "col-lg-12 d-flex align-items-center plr-1025-1",
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.uppersection_paddingleft + 'px' : sectionproperties.uppersection_paddingright + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px',
@@ -18544,13 +18544,7 @@
           fontWeight: sectionproperties.dropdown_fontweight,
           textTransform: sectionproperties.dropdown_texttransform
         }
-      }, /*#__PURE__*/React__default["default"].createElement("img", {
-        src: egyptflag$1,
-        style: {
-          maxWidth: '2vh',
-          maxHeight: '2vh'
-        }
-      }), /*#__PURE__*/React__default["default"].createElement("span", {
+      }, /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
         "class": 'ml-2 mr-2'
       }, lang.arabic)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
         onClick: function onClick() {
@@ -18565,13 +18559,7 @@
           fontWeight: sectionproperties.dropdown_fontweight,
           textTransform: sectionproperties.dropdown_texttransform
         }
-      }, /*#__PURE__*/React__default["default"].createElement("img", {
-        src: usflag$1,
-        style: {
-          maxWidth: '2vh',
-          maxHeight: '2vh'
-        }
-      }), /*#__PURE__*/React__default["default"].createElement("span", {
+      }, /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
         "class": 'ml-2 mr-2'
       }, lang.english))))))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
@@ -18707,7 +18695,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(headerstyles$5.lowerHeaderContainer, " ").concat(header_cssstyles.lowerHeaderContainer) + ' w-100 d-flex align-items-center plr-1025-1 '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-3 d-flex align-items-center justify-content-start"
+        "class": "col-xl-3 col-lg-2 d-flex align-items-center justify-content-start"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center cursor-pointer ',
         onClick: function onClick() {
@@ -18723,13 +18711,18 @@
           objectFit: 'contain'
         }
       }))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' col-lg-7 d-flex justify-content-center align-items-center m-0 p-0 ',
+        "class": ' col-xl-7 col-lg-7 d-flex justify-content-center align-items-center m-0 p-0 ',
         style: {
           width: '100%',
-          height: sectionproperties.searchbarcont_height + 'px'
+          height: sectionproperties.searchbarcont_height + 'px',
+          border: sectionproperties.searchbarcontinput_borderwidth + 'px  solid' + sectionproperties.searchbarcontinput_bordercolor,
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": langdetect == 'en' ? 'col-lg-3 p-0 d-flex align-items-center justify-content-start h-100 ml-n1' : 'col-lg-3 p-0 d-flex align-items-center justify-content-start h-100 mr-n1',
+        "class": 'col-xl-3 col-lg-4 p-0 d-flex align-items-center justify-content-start h-100',
         onClick: function onClick() {
           setdropdownselect(!dropdownselect);
         }
@@ -18772,17 +18765,16 @@
           "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
         }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null));
       }))))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-9 p-0 d-flex justify-content-end align-items-center h-100"
+        "class": "col-xl-9 col-lg-8 p-0 d-flex justify-content-end align-items-center h-100"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' row m-0 w-100 h-100 ',
         style: {
           position: 'relative',
           backgroundColor: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
-          border: sectionproperties.searchbarcontinput_borderwidth + 'px  solid' + sectionproperties.searchbarcontinput_bordercolor,
-          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
-          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
-          borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
-          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
+          borderBottomLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0,
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0,
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0,
+          borderTopLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0
         }
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         type: "text",
@@ -18794,16 +18786,16 @@
       }), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(header_cssstyles.searchbar_icon_cont) + ' d-flex align-items-center justify-content-center p-0 ',
         style: {
-          marginTop: -1.5,
           marginRight: langdetect == 'en' ? '-0.25rem' : 0,
-          marginLeft: langdetect == 'ar' ? '-0.25rem' : 0
+          marginLeft: langdetect == 'ar' ? '-0.25rem' : 0,
+          marginTop: sectionproperties.searchbarcontinput_borderwidth != 0 ? '-0.1rem' : 0
         }
       }, lang.search), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
         sectionpropertiesprops: sectionproperties,
         srcfromprops: 'headerfullwidth',
         actions: actions
       })))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-2 d-flex align-items-center justify-content-center p-0"
+        "class": "col-xl-2 col-lg-3 d-flex align-items-center justify-content-center p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
         onClick: function onClick() {

package/package.json

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