tabexseriescomponents 0.2.913 → 0.2.914

package/dist/index.cjs.js

@@ -36273,7 +36273,7 @@ var Simpleheader = function Simpleheader(props) {
     paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
     paddingTop: sectionproperties.header_paddingTop + 'px',
     paddingBottom: sectionproperties.header_paddingBottom + 'px',
-    backgroundColor: sectionproperties.keepheadertransparent == 'Yes' ? 'transparent' : sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor,
+    backgroundColor: sectionproperties.keepheadertransparent == 'Yes' ? 'transparent' : sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.header_backgroundColor : sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/login' ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor,
     borderBottom: sectionproperties.headerborderbottomwidth + 'px solid ' + sectionproperties.headerbordercolor,
     ':hover': {
       backgroundColor: sectionproperties.header_backgroundColor,
@@ -62513,7 +62513,7 @@ var CollapsableSection = function CollapsableSection(props) {
       }
     }
   }, [sectionproperties]);
-  var section_styles = {
+  var section_styles = _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
     imgcontainer: glamor.css({
       ':before': {
         width: '100%',
@@ -62534,85 +62534,93 @@ var CollapsableSection = function CollapsableSection(props) {
         width: sectionproperties.sectitle_lineafterwidth + '%',
         backgroundColor: sectionproperties.linebgcolor
       }
-    }),
-    sectiontitlespan2: glamor.css({
-      ':after': {
-        width: sectionproperties.sectitle_lineafterwidth + 'px',
-        height: '100%',
-        backgroundColor: sectionproperties.linebgcolor
-      }
-    }),
-    accordion: glamor.css({
-      ':before': {
-        width: '0px',
-        height: '0px',
-        display: 'none'
-      },
-      backgroundColor: sectionproperties.reservation_bgcolor,
-      borderRadius: sectionproperties.reservation_borderradius + 'px',
-      paddingTop: sectionproperties.reservation_padding_top + 'px',
-      paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
-      paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
-      borderWidth: sectionproperties.innersectionborderWidth + 'px',
-      borderColor: sectionproperties.innersectionborderColor,
-      borderStyle: 'solid',
-      width: '100%',
-      transition: '.3s',
-      ':hover': {
-        backgroundColor: sectionproperties.reservation_bgcoloronhover
-      }
-    }),
-    accordionheading: glamor.css({
-      ':before': {
-        width: '100px',
-        height: '100px',
-        display: 'none'
-      },
-      ':after': {
-        width: '0px',
-        height: '0px',
-        display: 'none'
-      }
-    }),
-    accordionbutton: glamor.css({
-      ':before': {
-        width: '0px',
-        height: '0px',
-        display: 'none'
-      }
-    }),
-    accordionicon: glamor.css({
-      width: sectionproperties.iconcontainerwidth + 'px',
-      height: sectionproperties.iconcontainerwidth + 'px',
-      borderTopLeftRadius: sectionproperties.iconcontainerbordertl + 'px',
-      borderTopRightRadius: sectionproperties.iconcontainerbordertr + 'px',
-      borderBottomLeftRadius: sectionproperties.iconcontainerborderbl + 'px',
-      borderBottomRightRadius: sectionproperties.iconcontainerborderbr + 'px',
-      color: sectionproperties.iconcontainercolor,
-      backgroundColor: sectionproperties.iconcontainerbg,
-      fontSize: sectionproperties.iconcontainer_iconfontsize + 'px',
-      transition: '.3s',
-      ':hover': {
-        backgroundColor: sectionproperties.iconcontainerbgonhover,
-        color: sectionproperties.iconcontainercoloronhover
-      },
-      ':hover .pname': {
-        color: sectionproperties.text1secondarycolor
-      }
-    }),
-    text1: glamor.css({
-      color: sectionproperties.slideshowText1ContentColor,
-      fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
-      fontWeight: sectionproperties.slideshowText1ContentFontWeight,
-      textTransform: sectionproperties.slideshowText1ContentTextTransform,
-      textAlign: langdetect == 'en' ? 'left' : 'right',
-      transition: '.3s',
-      ':hover': {
-        color: sectionproperties.text1secondarycolor
-      }
     })
-  };
+  }, "sectiontitlespan", glamor.css({
+    fontSize: sectionproperties.sectionTitleFontSize + 'px',
+    ':after': {
+      width: sectionproperties.sectitle_lineafterwidth + 'px',
+      height: '100%',
+      backgroundColor: sectionproperties.linebgcolor
+    },
+    '@media (max-width: 800px)': {
+      fontSize: '20px'
+    }
+  })), "sectiontitlespan2", glamor.css({
+    fontSize: sectionproperties.sectionTitleFontSize + 'px',
+    ':after': {
+      width: sectionproperties.sectitle_lineafterwidth + 'px',
+      height: '100%',
+      backgroundColor: sectionproperties.linebgcolor
+    },
+    '@media (max-width: 800px)': {
+      fontSize: '20px'
+    }
+  })), "accordion", glamor.css({
+    ':before': {
+      width: '0px',
+      height: '0px',
+      display: 'none'
+    },
+    backgroundColor: sectionproperties.reservation_bgcolor,
+    borderRadius: sectionproperties.reservation_borderradius + 'px',
+    paddingTop: sectionproperties.reservation_padding_top + 'px',
+    paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
+    paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
+    paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
+    borderWidth: sectionproperties.innersectionborderWidth + 'px',
+    borderColor: sectionproperties.innersectionborderColor,
+    borderStyle: 'solid',
+    width: '100%',
+    transition: '.3s',
+    ':hover': {
+      backgroundColor: sectionproperties.reservation_bgcoloronhover
+    }
+  })), "accordionheading", glamor.css({
+    ':before': {
+      width: '100px',
+      height: '100px',
+      display: 'none'
+    },
+    ':after': {
+      width: '0px',
+      height: '0px',
+      display: 'none'
+    }
+  })), "accordionbutton", glamor.css({
+    ':before': {
+      width: '0px',
+      height: '0px',
+      display: 'none'
+    }
+  })), "accordionicon", glamor.css({
+    width: sectionproperties.iconcontainerwidth + 'px',
+    height: sectionproperties.iconcontainerwidth + 'px',
+    borderTopLeftRadius: sectionproperties.iconcontainerbordertl + 'px',
+    borderTopRightRadius: sectionproperties.iconcontainerbordertr + 'px',
+    borderBottomLeftRadius: sectionproperties.iconcontainerborderbl + 'px',
+    borderBottomRightRadius: sectionproperties.iconcontainerborderbr + 'px',
+    color: sectionproperties.iconcontainercolor,
+    backgroundColor: sectionproperties.iconcontainerbg,
+    fontSize: sectionproperties.iconcontainer_iconfontsize + 'px',
+    transition: '.3s',
+    ':hover': {
+      backgroundColor: sectionproperties.iconcontainerbgonhover,
+      color: sectionproperties.iconcontainercoloronhover
+    },
+    ':hover .pname': {
+      color: sectionproperties.text1secondarycolor
+    }
+  })), "text1", glamor.css({
+    color: sectionproperties.slideshowText1ContentColor,
+    fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+    fontWeight: sectionproperties.slideshowText1ContentFontWeight,
+    textTransform: sectionproperties.slideshowText1ContentTextTransform,
+    textAlign: langdetect == 'en' ? 'left' : 'right',
+    transition: '.3s',
+    ':hover': {
+      color: sectionproperties.text1secondarycolor
+    }
+  }));
   var DescriptionContent = function DescriptionContent() {
     return /*#__PURE__*/React__default["default"].createElement("p", {
       "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : ' m-0 p-0 wordbreak',
@@ -62671,7 +62679,6 @@ var CollapsableSection = function CollapsableSection(props) {
       "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_styles.sectiontitlespan) + ' PacificoFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_styles.sectiontitlespan) + ' PlayfairFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_styles.sectiontitlespan) + ' GreatvibesFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(section_styles.sectiontitlespan) + ' QuicksandFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_styles.sectiontitlespan) + ' SatisfyFont mb-0 pb-0 wordbreak ' : "".concat(section_styles.sectiontitlespan) + ' mb-0 pb-0 wordbreak ',
       style: {
         color: sectionproperties.sectionTitleColor,
-        fontSize: sectionproperties.sectionTitleFontSize + 'px',
         textTransform: sectionproperties.sectionTitleTextTransform,
         fontWeight: sectionproperties.sectionTitleFontWeight,
         textAlign: langdetect == 'en' ? 'left' : 'right'
@@ -62691,7 +62698,6 @@ var CollapsableSection = function CollapsableSection(props) {
       "class": "".concat(section_styles.sectiontitlespan2),
       style: {
         color: sectionproperties.sectionTitleColor,
-        fontSize: sectionproperties.sectionTitleFontSize + 'px',
         textTransform: sectionproperties.sectionTitleTextTransform,
         fontWeight: sectionproperties.sectionTitleFontWeight
       }
@@ -70039,7 +70045,7 @@ var Freetextsection = function Freetextsection(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0",
     style: {
-      display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent == 'ABOUT US' ? 'none' : 'flex'
+      display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' ? 'none' : 'flex'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 allcentered",
@@ -70051,7 +70057,7 @@ var Freetextsection = function Freetextsection(props) {
     "data-aos": 'fade-up'
   }, FreeTextSectionContainer()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(section_styles.sectioncont) + ' row ml-0 mr-0 w-100 '
-  }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent == 'ABOUT US' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 pt-5",
     style: {
       background: sectionproperties.outerbgcolor
@@ -70070,7 +70076,7 @@ var Freetextsection = function Freetextsection(props) {
       color: sectionproperties.sectionTitleColor,
       fontWeight: sectionproperties.sectionTitleFontWeight
     }
-  }, "WHO WE ARE")), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-8"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": section_styles.descpancea + ' m-0 p-0 text-left ',
@@ -73561,8 +73567,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
     }, 'More Details')), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": ' row m-0 w-100 work-content h-100 d-flex align-items-center text-start ',
       style: {
-        background: '#cec0af',
-        color: '#262626'
+        background: '#f6f2ef'
+        // color: '#262626',
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": ' col-lg-12 pl-0 pr-0  ',

package/dist/index.esm.js

@@ -36223,7 +36223,7 @@ var Simpleheader = function Simpleheader(props) {
     paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
     paddingTop: sectionproperties.header_paddingTop + 'px',
     paddingBottom: sectionproperties.header_paddingBottom + 'px',
-    backgroundColor: sectionproperties.keepheadertransparent == 'Yes' ? 'transparent' : sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor,
+    backgroundColor: sectionproperties.keepheadertransparent == 'Yes' ? 'transparent' : sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.header_backgroundColor : sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/login' ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor,
     borderBottom: sectionproperties.headerborderbottomwidth + 'px solid ' + sectionproperties.headerbordercolor,
     ':hover': {
       backgroundColor: sectionproperties.header_backgroundColor,
@@ -62463,7 +62463,7 @@ var CollapsableSection = function CollapsableSection(props) {
       }
     }
   }, [sectionproperties]);
-  var section_styles = {
+  var section_styles = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     imgcontainer: css({
       ':before': {
         width: '100%',
@@ -62484,85 +62484,93 @@ var CollapsableSection = function CollapsableSection(props) {
         width: sectionproperties.sectitle_lineafterwidth + '%',
         backgroundColor: sectionproperties.linebgcolor
       }
-    }),
-    sectiontitlespan2: css({
-      ':after': {
-        width: sectionproperties.sectitle_lineafterwidth + 'px',
-        height: '100%',
-        backgroundColor: sectionproperties.linebgcolor
-      }
-    }),
-    accordion: css({
-      ':before': {
-        width: '0px',
-        height: '0px',
-        display: 'none'
-      },
-      backgroundColor: sectionproperties.reservation_bgcolor,
-      borderRadius: sectionproperties.reservation_borderradius + 'px',
-      paddingTop: sectionproperties.reservation_padding_top + 'px',
-      paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
-      paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
-      borderWidth: sectionproperties.innersectionborderWidth + 'px',
-      borderColor: sectionproperties.innersectionborderColor,
-      borderStyle: 'solid',
-      width: '100%',
-      transition: '.3s',
-      ':hover': {
-        backgroundColor: sectionproperties.reservation_bgcoloronhover
-      }
-    }),
-    accordionheading: css({
-      ':before': {
-        width: '100px',
-        height: '100px',
-        display: 'none'
-      },
-      ':after': {
-        width: '0px',
-        height: '0px',
-        display: 'none'
-      }
-    }),
-    accordionbutton: css({
-      ':before': {
-        width: '0px',
-        height: '0px',
-        display: 'none'
-      }
-    }),
-    accordionicon: css({
-      width: sectionproperties.iconcontainerwidth + 'px',
-      height: sectionproperties.iconcontainerwidth + 'px',
-      borderTopLeftRadius: sectionproperties.iconcontainerbordertl + 'px',
-      borderTopRightRadius: sectionproperties.iconcontainerbordertr + 'px',
-      borderBottomLeftRadius: sectionproperties.iconcontainerborderbl + 'px',
-      borderBottomRightRadius: sectionproperties.iconcontainerborderbr + 'px',
-      color: sectionproperties.iconcontainercolor,
-      backgroundColor: sectionproperties.iconcontainerbg,
-      fontSize: sectionproperties.iconcontainer_iconfontsize + 'px',
-      transition: '.3s',
-      ':hover': {
-        backgroundColor: sectionproperties.iconcontainerbgonhover,
-        color: sectionproperties.iconcontainercoloronhover
-      },
-      ':hover .pname': {
-        color: sectionproperties.text1secondarycolor
-      }
-    }),
-    text1: css({
-      color: sectionproperties.slideshowText1ContentColor,
-      fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
-      fontWeight: sectionproperties.slideshowText1ContentFontWeight,
-      textTransform: sectionproperties.slideshowText1ContentTextTransform,
-      textAlign: langdetect == 'en' ? 'left' : 'right',
-      transition: '.3s',
-      ':hover': {
-        color: sectionproperties.text1secondarycolor
-      }
     })
-  };
+  }, "sectiontitlespan", css({
+    fontSize: sectionproperties.sectionTitleFontSize + 'px',
+    ':after': {
+      width: sectionproperties.sectitle_lineafterwidth + 'px',
+      height: '100%',
+      backgroundColor: sectionproperties.linebgcolor
+    },
+    '@media (max-width: 800px)': {
+      fontSize: '20px'
+    }
+  })), "sectiontitlespan2", css({
+    fontSize: sectionproperties.sectionTitleFontSize + 'px',
+    ':after': {
+      width: sectionproperties.sectitle_lineafterwidth + 'px',
+      height: '100%',
+      backgroundColor: sectionproperties.linebgcolor
+    },
+    '@media (max-width: 800px)': {
+      fontSize: '20px'
+    }
+  })), "accordion", css({
+    ':before': {
+      width: '0px',
+      height: '0px',
+      display: 'none'
+    },
+    backgroundColor: sectionproperties.reservation_bgcolor,
+    borderRadius: sectionproperties.reservation_borderradius + 'px',
+    paddingTop: sectionproperties.reservation_padding_top + 'px',
+    paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
+    paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
+    paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
+    borderWidth: sectionproperties.innersectionborderWidth + 'px',
+    borderColor: sectionproperties.innersectionborderColor,
+    borderStyle: 'solid',
+    width: '100%',
+    transition: '.3s',
+    ':hover': {
+      backgroundColor: sectionproperties.reservation_bgcoloronhover
+    }
+  })), "accordionheading", css({
+    ':before': {
+      width: '100px',
+      height: '100px',
+      display: 'none'
+    },
+    ':after': {
+      width: '0px',
+      height: '0px',
+      display: 'none'
+    }
+  })), "accordionbutton", css({
+    ':before': {
+      width: '0px',
+      height: '0px',
+      display: 'none'
+    }
+  })), "accordionicon", css({
+    width: sectionproperties.iconcontainerwidth + 'px',
+    height: sectionproperties.iconcontainerwidth + 'px',
+    borderTopLeftRadius: sectionproperties.iconcontainerbordertl + 'px',
+    borderTopRightRadius: sectionproperties.iconcontainerbordertr + 'px',
+    borderBottomLeftRadius: sectionproperties.iconcontainerborderbl + 'px',
+    borderBottomRightRadius: sectionproperties.iconcontainerborderbr + 'px',
+    color: sectionproperties.iconcontainercolor,
+    backgroundColor: sectionproperties.iconcontainerbg,
+    fontSize: sectionproperties.iconcontainer_iconfontsize + 'px',
+    transition: '.3s',
+    ':hover': {
+      backgroundColor: sectionproperties.iconcontainerbgonhover,
+      color: sectionproperties.iconcontainercoloronhover
+    },
+    ':hover .pname': {
+      color: sectionproperties.text1secondarycolor
+    }
+  })), "text1", css({
+    color: sectionproperties.slideshowText1ContentColor,
+    fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+    fontWeight: sectionproperties.slideshowText1ContentFontWeight,
+    textTransform: sectionproperties.slideshowText1ContentTextTransform,
+    textAlign: langdetect == 'en' ? 'left' : 'right',
+    transition: '.3s',
+    ':hover': {
+      color: sectionproperties.text1secondarycolor
+    }
+  }));
   var DescriptionContent = function DescriptionContent() {
     return /*#__PURE__*/React.createElement("p", {
       "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : ' m-0 p-0 wordbreak',
@@ -62621,7 +62629,6 @@ var CollapsableSection = function CollapsableSection(props) {
       "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_styles.sectiontitlespan) + ' PacificoFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_styles.sectiontitlespan) + ' PlayfairFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_styles.sectiontitlespan) + ' GreatvibesFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(section_styles.sectiontitlespan) + ' QuicksandFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_styles.sectiontitlespan) + ' SatisfyFont mb-0 pb-0 wordbreak ' : "".concat(section_styles.sectiontitlespan) + ' mb-0 pb-0 wordbreak ',
       style: {
         color: sectionproperties.sectionTitleColor,
-        fontSize: sectionproperties.sectionTitleFontSize + 'px',
         textTransform: sectionproperties.sectionTitleTextTransform,
         fontWeight: sectionproperties.sectionTitleFontWeight,
         textAlign: langdetect == 'en' ? 'left' : 'right'
@@ -62641,7 +62648,6 @@ var CollapsableSection = function CollapsableSection(props) {
       "class": "".concat(section_styles.sectiontitlespan2),
       style: {
         color: sectionproperties.sectionTitleColor,
-        fontSize: sectionproperties.sectionTitleFontSize + 'px',
         textTransform: sectionproperties.sectionTitleTextTransform,
         fontWeight: sectionproperties.sectionTitleFontWeight
       }
@@ -69989,7 +69995,7 @@ var Freetextsection = function Freetextsection(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0",
     style: {
-      display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent == 'ABOUT US' ? 'none' : 'flex'
+      display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' ? 'none' : 'flex'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 allcentered",
@@ -70001,7 +70007,7 @@ var Freetextsection = function Freetextsection(props) {
     "data-aos": 'fade-up'
   }, FreeTextSectionContainer()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(section_styles.sectioncont) + ' row ml-0 mr-0 w-100 '
-  }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent == 'ABOUT US' && /*#__PURE__*/React.createElement("div", {
+  }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 pt-5",
     style: {
       background: sectionproperties.outerbgcolor
@@ -70020,7 +70026,7 @@ var Freetextsection = function Freetextsection(props) {
       color: sectionproperties.sectionTitleColor,
       fontWeight: sectionproperties.sectionTitleFontWeight
     }
-  }, "WHO WE ARE")), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-8"
   }, /*#__PURE__*/React.createElement("p", {
     "class": section_styles.descpancea + ' m-0 p-0 text-left ',
@@ -73511,8 +73517,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
     }, 'More Details')), /*#__PURE__*/React.createElement("div", {
       "class": ' row m-0 w-100 work-content h-100 d-flex align-items-center text-start ',
       style: {
-        background: '#cec0af',
-        color: '#262626'
+        background: '#f6f2ef'
+        // color: '#262626',
       }
     }, /*#__PURE__*/React.createElement("div", {
       "class": ' col-lg-12 pl-0 pr-0  ',

package/dist/index.umd.js

@@ -36083,7 +36083,7 @@
         paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
         paddingTop: sectionproperties.header_paddingTop + 'px',
         paddingBottom: sectionproperties.header_paddingBottom + 'px',
-        backgroundColor: sectionproperties.keepheadertransparent == 'Yes' ? 'transparent' : sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor,
+        backgroundColor: sectionproperties.keepheadertransparent == 'Yes' ? 'transparent' : sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.header_backgroundColor : sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/login' ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor,
         borderBottom: sectionproperties.headerborderbottomwidth + 'px solid ' + sectionproperties.headerbordercolor,
         ':hover': {
           backgroundColor: sectionproperties.header_backgroundColor,
@@ -62323,7 +62323,7 @@
           }
         }
       }, [sectionproperties]);
-      var section_styles = {
+      var section_styles = _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
         imgcontainer: glamor.css({
           ':before': {
             width: '100%',
@@ -62344,85 +62344,93 @@
             width: sectionproperties.sectitle_lineafterwidth + '%',
             backgroundColor: sectionproperties.linebgcolor
           }
-        }),
-        sectiontitlespan2: glamor.css({
-          ':after': {
-            width: sectionproperties.sectitle_lineafterwidth + 'px',
-            height: '100%',
-            backgroundColor: sectionproperties.linebgcolor
-          }
-        }),
-        accordion: glamor.css({
-          ':before': {
-            width: '0px',
-            height: '0px',
-            display: 'none'
-          },
-          backgroundColor: sectionproperties.reservation_bgcolor,
-          borderRadius: sectionproperties.reservation_borderradius + 'px',
-          paddingTop: sectionproperties.reservation_padding_top + 'px',
-          paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
-          paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
-          paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
-          borderWidth: sectionproperties.innersectionborderWidth + 'px',
-          borderColor: sectionproperties.innersectionborderColor,
-          borderStyle: 'solid',
-          width: '100%',
-          transition: '.3s',
-          ':hover': {
-            backgroundColor: sectionproperties.reservation_bgcoloronhover
-          }
-        }),
-        accordionheading: glamor.css({
-          ':before': {
-            width: '100px',
-            height: '100px',
-            display: 'none'
-          },
-          ':after': {
-            width: '0px',
-            height: '0px',
-            display: 'none'
-          }
-        }),
-        accordionbutton: glamor.css({
-          ':before': {
-            width: '0px',
-            height: '0px',
-            display: 'none'
-          }
-        }),
-        accordionicon: glamor.css({
-          width: sectionproperties.iconcontainerwidth + 'px',
-          height: sectionproperties.iconcontainerwidth + 'px',
-          borderTopLeftRadius: sectionproperties.iconcontainerbordertl + 'px',
-          borderTopRightRadius: sectionproperties.iconcontainerbordertr + 'px',
-          borderBottomLeftRadius: sectionproperties.iconcontainerborderbl + 'px',
-          borderBottomRightRadius: sectionproperties.iconcontainerborderbr + 'px',
-          color: sectionproperties.iconcontainercolor,
-          backgroundColor: sectionproperties.iconcontainerbg,
-          fontSize: sectionproperties.iconcontainer_iconfontsize + 'px',
-          transition: '.3s',
-          ':hover': {
-            backgroundColor: sectionproperties.iconcontainerbgonhover,
-            color: sectionproperties.iconcontainercoloronhover
-          },
-          ':hover .pname': {
-            color: sectionproperties.text1secondarycolor
-          }
-        }),
-        text1: glamor.css({
-          color: sectionproperties.slideshowText1ContentColor,
-          fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
-          fontWeight: sectionproperties.slideshowText1ContentFontWeight,
-          textTransform: sectionproperties.slideshowText1ContentTextTransform,
-          textAlign: langdetect == 'en' ? 'left' : 'right',
-          transition: '.3s',
-          ':hover': {
-            color: sectionproperties.text1secondarycolor
-          }
         })
-      };
+      }, "sectiontitlespan", glamor.css({
+        fontSize: sectionproperties.sectionTitleFontSize + 'px',
+        ':after': {
+          width: sectionproperties.sectitle_lineafterwidth + 'px',
+          height: '100%',
+          backgroundColor: sectionproperties.linebgcolor
+        },
+        '@media (max-width: 800px)': {
+          fontSize: '20px'
+        }
+      })), "sectiontitlespan2", glamor.css({
+        fontSize: sectionproperties.sectionTitleFontSize + 'px',
+        ':after': {
+          width: sectionproperties.sectitle_lineafterwidth + 'px',
+          height: '100%',
+          backgroundColor: sectionproperties.linebgcolor
+        },
+        '@media (max-width: 800px)': {
+          fontSize: '20px'
+        }
+      })), "accordion", glamor.css({
+        ':before': {
+          width: '0px',
+          height: '0px',
+          display: 'none'
+        },
+        backgroundColor: sectionproperties.reservation_bgcolor,
+        borderRadius: sectionproperties.reservation_borderradius + 'px',
+        paddingTop: sectionproperties.reservation_padding_top + 'px',
+        paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
+        paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
+        paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
+        borderWidth: sectionproperties.innersectionborderWidth + 'px',
+        borderColor: sectionproperties.innersectionborderColor,
+        borderStyle: 'solid',
+        width: '100%',
+        transition: '.3s',
+        ':hover': {
+          backgroundColor: sectionproperties.reservation_bgcoloronhover
+        }
+      })), "accordionheading", glamor.css({
+        ':before': {
+          width: '100px',
+          height: '100px',
+          display: 'none'
+        },
+        ':after': {
+          width: '0px',
+          height: '0px',
+          display: 'none'
+        }
+      })), "accordionbutton", glamor.css({
+        ':before': {
+          width: '0px',
+          height: '0px',
+          display: 'none'
+        }
+      })), "accordionicon", glamor.css({
+        width: sectionproperties.iconcontainerwidth + 'px',
+        height: sectionproperties.iconcontainerwidth + 'px',
+        borderTopLeftRadius: sectionproperties.iconcontainerbordertl + 'px',
+        borderTopRightRadius: sectionproperties.iconcontainerbordertr + 'px',
+        borderBottomLeftRadius: sectionproperties.iconcontainerborderbl + 'px',
+        borderBottomRightRadius: sectionproperties.iconcontainerborderbr + 'px',
+        color: sectionproperties.iconcontainercolor,
+        backgroundColor: sectionproperties.iconcontainerbg,
+        fontSize: sectionproperties.iconcontainer_iconfontsize + 'px',
+        transition: '.3s',
+        ':hover': {
+          backgroundColor: sectionproperties.iconcontainerbgonhover,
+          color: sectionproperties.iconcontainercoloronhover
+        },
+        ':hover .pname': {
+          color: sectionproperties.text1secondarycolor
+        }
+      })), "text1", glamor.css({
+        color: sectionproperties.slideshowText1ContentColor,
+        fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+        fontWeight: sectionproperties.slideshowText1ContentFontWeight,
+        textTransform: sectionproperties.slideshowText1ContentTextTransform,
+        textAlign: langdetect == 'en' ? 'left' : 'right',
+        transition: '.3s',
+        ':hover': {
+          color: sectionproperties.text1secondarycolor
+        }
+      }));
       var DescriptionContent = function DescriptionContent() {
         return /*#__PURE__*/React__default["default"].createElement("p", {
           "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak' : ' m-0 p-0 wordbreak',
@@ -62481,7 +62489,6 @@
           "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_styles.sectiontitlespan) + ' PacificoFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_styles.sectiontitlespan) + ' PlayfairFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_styles.sectiontitlespan) + ' GreatvibesFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(section_styles.sectiontitlespan) + ' QuicksandFont mb-0 pb-0 wordbreak ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_styles.sectiontitlespan) + ' SatisfyFont mb-0 pb-0 wordbreak ' : "".concat(section_styles.sectiontitlespan) + ' mb-0 pb-0 wordbreak ',
           style: {
             color: sectionproperties.sectionTitleColor,
-            fontSize: sectionproperties.sectionTitleFontSize + 'px',
             textTransform: sectionproperties.sectionTitleTextTransform,
             fontWeight: sectionproperties.sectionTitleFontWeight,
             textAlign: langdetect == 'en' ? 'left' : 'right'
@@ -62501,7 +62508,6 @@
           "class": "".concat(section_styles.sectiontitlespan2),
           style: {
             color: sectionproperties.sectionTitleColor,
-            fontSize: sectionproperties.sectionTitleFontSize + 'px',
             textTransform: sectionproperties.sectionTitleTextTransform,
             fontWeight: sectionproperties.sectionTitleFontWeight
           }
@@ -69849,7 +69855,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0",
         style: {
-          display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent == 'ABOUT US' ? 'none' : 'flex'
+          display: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' ? 'none' : 'flex'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 allcentered",
@@ -69861,7 +69867,7 @@
         "data-aos": 'fade-up'
       }, FreeTextSectionContainer()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(section_styles.sectioncont) + ' row ml-0 mr-0 w-100 '
-      }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent == 'ABOUT US' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, FreeTextSectionContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '68527dfef348b' && sectionproperties.sectionTitleContent_ar == 'ABOUT US' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 pt-5",
         style: {
           background: sectionproperties.outerbgcolor
@@ -69880,7 +69886,7 @@
           color: sectionproperties.sectionTitleColor,
           fontWeight: sectionproperties.sectionTitleFontWeight
         }
-      }, "WHO WE ARE")), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-8"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": section_styles.descpancea + ' m-0 p-0 text-left ',
@@ -73371,8 +73377,8 @@
         }, 'More Details')), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": ' row m-0 w-100 work-content h-100 d-flex align-items-center text-start ',
           style: {
-            background: '#cec0af',
-            color: '#262626'
+            background: '#f6f2ef'
+            // color: '#262626',
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": ' col-lg-12 pl-0 pr-0  ',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.2.913",
+    "version": "0.2.914",
     "type": "module",
     "description": "your description",
     "main": "dist/index.cjs.js",