@charset "UTF-8";
/* Search suggestions dropdown fixed to stack above the widgets below it */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&family=Questrial&display=swap');

:root {
  --gio-primary: #2697A1;
  --gio-primary-hover: #205A60;
  --gio-primary-active: #1A5966;
  --gio-primary-tint-100: rgba(38, 151, 161, 0.1);
  --gio-primary-tint-200: rgba(38, 151, 161, 0.2);

  --gio-accent: #DDB43C;
  --gio-accent-tint: #EEE2CD;

  --gio-blue: #0D6CF2;
  --gio-teal: #2EA1B8;
  --gio-pink: #D74273;
  --gio-orange: #F97316;
  --gio-red: #DF3A3A;
  --gio-green: #25B177;

  --gio-bg: #F6F7F9;
  --gio-bg-alt: #EEEFF2;
  --gio-surface: #FFFFFF;
  --gio-border: #EAECF0;
  --gio-border-strong: #E2E4E9;
  --gio-text: #151C28;
  --gio-text-muted: #6A7181;

  --gio-font: 'Questrial', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Helvetica, Arial, sans-serif;

  --gio-radius-sm: 6px;
  --gio-radius-md: 8px;
  --gio-radius-lg: 12px;
  --gio-radius-xl: 16px;
  --gio-radius-pill: 999px;

  --gio-shadow: 0 4px 16px rgba(20, 30, 40, 0.08);

  --gio-fs-h1: 24px;
  --gio-fs-h3: 14px;
  --gio-fs-body: 12px;

  --gio-fs-card-title: 20px;

  --gio-fs-card-body: 14px;

  --gio-card-min-height: 160px;

  --gio-listheader-min-height: 140px;
}

html[dir="rtl"],
html[lang="ar"],
html[lang^="ar-"],
html:lang(ar),
[dir="rtl"] {
  --gio-font: 'Cairo', Tahoma, Arial, sans-serif;
}

html[dir="rtl"],
html:lang(ar),
[dir="rtl"] {
  direction: rtl !important;
  text-align: right !important;
}

:root {
  --gio-logo-watermark: url('data:image/png;base64,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');
}

html,
body {
  font-family: var(--gio-font) !important;
}

*,
*::before,
*::after {
  font-family: inherit !important;
}

body {
  color: var(--gio-text) !important;
  background-color: var(--gio-bg) !important;
}

h1, h2 {
  color: var(--gio-text) !important;
  font-weight: 700 !important;
}

.ListHeader__linkText {
  font-weight: 700 !important;
}

h3, h4, h5, h6 {
  color: var(--gio-text) !important;
  font-weight: 600 !important;
}
::selection {
  background: var(--gio-primary-tint-200);
  color: var(--gio-text);
}

.Input__searchBox {
  background-color: var(--gio-surface) !important;
  border-radius: var(--gio-radius-pill) !important;
  box-shadow: 0 0 0 1px var(--gio-border) inset !important;
  color: var(--gio-text) !important;
  height: 44px !important;
  box-sizing: border-box !important;
  padding-inline-start: 44px !important;
  padding-inline-end: 16px !important;
}
.Input__searchBox:focus {
  box-shadow: 0 0 0 2px var(--gio-primary) inset !important;
}
.Input__searchBox::placeholder {
  color: var(--gio-text-muted) !important;
}
.SearchContainer__searchBoxIcon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.SearchContainer__searchBoxIcon .Icon__icon {
  width: 18px !important;
  height: 18px !important;
}

.Button__btnFont {
  border-radius: var(--gio-radius-pill) !important;
  font-weight: 500 !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.Button__btnFont:not(.commonStyle__zt3Brand):not(.Button__primaryBorder) {
  background-color: var(--gio-primary) !important;
  border-color: var(--gio-primary) !important;
  color: #ffffff !important;
}
.Button__btnFont:not(.commonStyle__zt3Brand):not(.Button__primaryBorder):hover {
  background-color: var(--gio-primary-hover) !important;
  border-color: var(--gio-primary-hover) !important;
}

.Button__primaryBorder {
  border-radius: var(--gio-radius-pill) !important;
  border-color: var(--gio-primary) !important;
  color: var(--gio-primary) !important;
  background-color: transparent !important;
}
.Button__primaryBorder:hover {
  background-color: var(--gio-primary-tint-100) !important;
}

.Icon__greyShade70 {
  color: var(--gio-text-muted) !important;
  fill: var(--gio-text-muted) !important;
}

.ContentList__listIcon {
  color: var(--gio-text-muted) !important;
  fill: var(--gio-text-muted) !important;
}
a:hover .ContentList__listIcon {
  color: var(--gio-primary) !important;
  fill: var(--gio-primary) !important;
}

.KbCategory__box,
.KbCategory__box .KbCategory__boxInner {
  border-radius: var(--gio-radius-lg) !important;
}

.KbCategory__boxInner {
  position: relative !important;
  background-color: var(--gio-surface) !important;
  border: 1px solid var(--gio-border) !important;
  box-shadow: var(--gio-shadow) !important;
  padding: 16px !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.KbCategory__boxInner:hover {
  border-color: var(--gio-primary) !important;
}

.KbCategory__boxInner::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: var(--gio-logo-watermark);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 180%;
  opacity: 0.10;
  pointer-events: none;
  z-index: 0;
}
.KbCategory__boxInner .MediaObject__mediaObject {
  position: relative;
  z-index: 1;
}

.Popup__hide {
  display: none !important;
}

.KbCategory__topic .Link__link {
  color: var(--gio-text) !important;
  font-weight: 700 !important;
  font-size: var(--gio-fs-card-title) !important;
  text-decoration: none !important;
}
.KbCategory__topic .Link__link:hover {
  color: var(--gio-primary) !important;
}

.KbCategory__topicContent {
  color: var(--gio-text-muted) !important;
  line-height: 1.6 !important;

}

.MediaObject__mediaObject,
.MediaObject__mediaContent,
.KbCategory__wordWrap,
.KbCategory__topicContent {
  height: auto !important;
  min-height: 0 !important;
}

.KbCategory__box,
.KbCategory__box .KbCategory__boxInner {
  align-self: stretch !important;
  height: auto !important;
  min-height: var(--gio-card-min-height) !important;
}

.KbCategory__avatarPhoto .Avatar__avatar {
  border-radius: var(--gio-radius-md) !important;
  background-color: var(--gio-primary-tint-100) !important;
}

.KbCategory__box:nth-child(3n+2) .KbCategory__avatarPhoto .Avatar__avatar {
  background-color: var(--gio-accent-tint) !important;
}
.KbCategory__box:nth-child(3n+3) .KbCategory__avatarPhoto .Avatar__avatar {
  background-color: #E6F0FE !important;
}

.ListHeader__listHeader2.ListHeader__headerType1 {
  background-color: var(--gio-surface) !important;
  border: 1px solid var(--gio-border) !important;
  border-radius: var(--gio-radius-lg) !important;
  box-shadow: var(--gio-shadow) !important;
  padding: 16px !important;
  margin-bottom: 16px !important;
  min-height: var(--gio-listheader-min-height) !important;
  box-sizing: border-box !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.ListHeader__listHeader2.ListHeader__headerType1:hover {
  border-color: var(--gio-primary) !important;
}

.ListHeader__listHeader2:not(.ListHeader__headerType1) {
  background-color: transparent !important;
  border: 1px solid var(--gio-border) !important;
  border-radius: var(--gio-radius-lg) !important;
  box-shadow: var(--gio-shadow) !important;
  padding: 16px !important;
  min-height: var(--gio-card-min-height) !important;
  box-sizing: border-box !important;
}

div:has(> .ListHeader__listHeader2:not(.ListHeader__headerType1)) {
  display: inline-block !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
  width: calc(50% - 8px) !important;
  margin-inline-end: 16px !important;
}
@media (max-width: 700px) {
  div:has(> .ListHeader__listHeader2:not(.ListHeader__headerType1)) {
    display: block !important;
    width: 100% !important;
    margin-inline-end: 0 !important;
  }
}

h5[data-id="popularAricles"] {
  font-size: 0 !important;
}
h5[data-id="popularAricles"]::after {
  content: "Popular Articles";
  font-size: var(--gio-fs-card-title) !important;
  font-weight: 700 !important;
  color: var(--gio-text) !important;
}
html[dir="rtl"] h5[data-id="popularAricles"]::after,
html:lang(ar) h5[data-id="popularAricles"]::after,
[dir="rtl"] h5[data-id="popularAricles"]::after {
  content: "\0645\0642\0627\0644\0627\062A\0020\0634\0627\0626\0639\0629";
}

.ListHeader__headerContent:has(h5[data-id="popularAricles"]) {
  display: block !important;
}
.ListHeader__headerContent:has(h5[data-id="popularAricles"])::after {
  content: "Discover the most frequently viewed articles in the Help Center, helping you quickly find answers and solutions to common questions.";
  display: block;
  margin-top: 4px;
  font-size: var(--gio-fs-card-body);
  font-weight: 400;
  color: var(--gio-text-muted);
  white-space: normal;
}
html[dir="rtl"] .ListHeader__headerContent:has(h5[data-id="popularAricles"])::after,
html:lang(ar) .ListHeader__headerContent:has(h5[data-id="popularAricles"])::after,
[dir="rtl"] .ListHeader__headerContent:has(h5[data-id="popularAricles"])::after {
  content: "\062A\0639\0631\0651\0641\0020\0639\0644\0649\0020\0623\0643\062B\0631\0020\0627\0644\0645\0642\0627\0644\0627\062A\0020\0627\0633\062A\062E\062F\0627\0645\064B\0627\0020\062F\0627\062E\0644\0020\0645\0631\0643\0632\0020\0627\0644\0645\0633\0627\0639\062F\0629\060C\0020\0648\0627\0644\062A\064A\0020\062A\0633\0627\0639\062F\0643\0020\0641\064A\0020\0627\0644\0648\0635\0648\0644\0020\0625\0644\0649\0020\0627\0644\0625\062C\0627\0628\0627\062A\0020\0648\0627\0644\062D\0644\0648\0644\0020\0627\0644\0623\0643\062B\0631\0020\0637\0644\0628\064B\0627\0020\0628\0633\0647\0648\0644\0629\002E";
}

h5[data-id="recentArticles"] {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
h5[data-id="recentArticles"]::after {
  content: "Explore the latest articles and guides added to the Help Center, and stay informed about new updates and features that help you get the most out of the system.";
  display: block;
  margin-top: 4px;
  font-size: var(--gio-fs-card-body);
  font-weight: 400;
  color: var(--gio-text-muted);
  white-space: normal;
}
html[dir="rtl"] h5[data-id="recentArticles"]::after,
html:lang(ar) h5[data-id="recentArticles"]::after,
[dir="rtl"] h5[data-id="recentArticles"]::after {
  content: "\0627\0633\062A\0639\0631\0636\0020\0623\062D\062F\062B\0020\0627\0644\0645\0642\0627\0644\0627\062A\0020\0648\0627\0644\0625\0631\0634\0627\062F\0627\062A\0020\0627\0644\0645\0636\0627\0641\0629\0020\0625\0644\0649\0020\0645\0631\0643\0632\0020\0627\0644\0645\0633\0627\0639\062F\0629\060C\0020\0648\062A\0639\0631\0651\0641\0020\0639\0644\0649\0020\0622\062E\0631\0020\0627\0644\062A\062D\062F\064A\062B\0627\062A\0020\0648\0627\0644\0645\064A\0632\0627\062A\0020\0627\0644\062C\062F\064A\062F\0629\0020\0627\0644\062A\064A\0020\062A\0633\0627\0639\062F\0643\0020\0639\0644\0649\0020\0627\0633\062A\062E\062F\0627\0645\0020\0627\0644\0646\0638\0627\0645\0020\0628\0634\0643\0644\0020\0623\0641\0636\0644\002E";
}

.ListHeader__listIcon2,
.ListHeader__kbSubcategoryImg {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 48px !important;
  height: 48px !important;
  background-color: var(--gio-primary-tint-100) !important;
  border-radius: var(--gio-radius-md) !important;
  margin-inline-end: 16px !important;
  overflow: hidden !important;
}
.ListHeader__listIcon2 .Icon__textGreyShade35 {
  color: var(--gio-primary) !important;
  fill: var(--gio-primary) !important;
}
.ListHeader__kbSubcategoryImg .Avatar__avatar,
.ListHeader__kbSubcategoryImg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.ContentList__subCategory:nth-child(3n+2) .ListHeader__listIcon2,
.ContentList__subCategory:nth-child(3n+2) .ListHeader__kbSubcategoryImg {
  background-color: var(--gio-accent-tint) !important;
}
.ContentList__subCategory:nth-child(3n+2) .ListHeader__listIcon2 .Icon__textGreyShade35 {
  color: var(--gio-accent) !important;
  fill: var(--gio-accent) !important;
}
.ContentList__subCategory:nth-child(3n+3) .ListHeader__listIcon2,
.ContentList__subCategory:nth-child(3n+3) .ListHeader__kbSubcategoryImg {
  background-color: #E6F0FE !important;
}
.ContentList__subCategory:nth-child(3n+3) .ListHeader__listIcon2 .Icon__textGreyShade35 {
  color: var(--gio-blue) !important;
  fill: var(--gio-blue) !important;
}

.ListHeader__header2 {
  margin: 0 !important;
  font-size: var(--gio-fs-card-title) !important;
  font-weight: 700 !important;
}

.ListHeader__description {
  color: var(--gio-text-muted) !important;
  line-height: 1.6 !important;
  margin-top: 4px !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.ContentList__topicList {
  display: flex !important;
  align-items: center !important;
  padding: 10px 8px !important;
  border-radius: var(--gio-radius-sm) !important;
  transition: background-color 0.15s ease;
}
.ContentList__topicList:hover {
  background-color: var(--gio-bg) !important;
}

.ContentList__documentIcon {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  margin-inline-end: 10px !important;
}

.ContentList__listLink {
  color: var(--gio-text) !important;
  text-decoration: none !important;
}
.ContentList__listLink:hover {
  color: var(--gio-primary) !important;
}

.ContentList__activeLink {
  color: var(--gio-primary) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.ViewMore__viewmore {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: 8px !important;
  font-weight: 500 !important;
}
.ViewMore__arrowIcon {
  color: var(--gio-primary) !important;
  fill: var(--gio-primary) !important;
}

.Link__link {
  color: var(--gio-primary);
}
.Link__link:hover {
  color: var(--gio-primary-hover);
}

.Header__container {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.Header__name {
  display: none !important;
}

.Header__logoImg img {
  height: 64px !important;
  width: auto !important;
}

.Header__tabs__link {
  color: #2595A3 !important;
  font-weight: 500 !important;
}
.Header__tabsTab.Header__active .Header__tabs__link {
  color: #2595A3 !important;
  font-weight: 700 !important;
}
.Header__tabsTab.Header__active {
  box-shadow: inset 0 -2px 0 var(--gio-primary) !important;
}

.LoginDetail__tabLink.signinLink {
  display: inline-block !important;
  background-color: var(--gio-primary) !important;
  color: #ffffff !important;
  border-radius: var(--gio-radius-pill) !important;
  padding: 8px 18px !important;
  font-weight: 500 !important;
}
.LoginDetail__tabLink.signinLink:hover {
  background-color: var(--gio-primary-hover) !important;
}

.Header__container .Icon__icon {
  color: #2595A3(--gio-text-muted) !important;
  fill: #2595A3(--gio-text-muted) !important;
}
.Header__container .CustomizeContainer__aPlus:hover .Icon__icon,
.Header__container .LocalePopup__localeTarget:hover .Icon__icon {
  color: var(--gio-primary) !important;
  fill: var(--gio-primary) !important;
}

.LocalePopup__localeTarget,
.LocalePopup__localeText {
  color: #2595A3 !important;
}
.LocalePopup__localeTarget:hover .LocalePopup__localeText {
  color: #2595A3 !important;
}

.Header__searchTitle {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 28px !important;
}
.Header__description {
  color: var(--gio-text) !important;
}

.LocalePopup__content {
  background-color: var(--gio-surface) !important;
  border: 1px solid var(--gio-border) !important;
  border-radius: var(--gio-radius-md) !important;
  box-shadow: var(--gio-shadow) !important;
}
.LocalePopup__themeLangList {
  color: var(--gio-text) !important;
}
.LocalePopup__themeLangList:hover {
  background-color: var(--gio-primary-tint-100) !important;
}

.SearchContainer__globalSearch {
  display: flex !important;
  align-items: center !important;
  background-color: var(--gio-bg) !important;
  border-radius: var(--gio-radius-pill) !important;
  box-shadow: 0 0 0 1px var(--gio-border) inset !important;
  transition: box-shadow 0.15s ease;

}
.SearchContainer__globalSearch:focus-within {
  box-shadow: 0 0 0 2px var(--gio-primary) inset !important;
}
.SearchContainer__formGroup {
  flex: 1 !important;
  min-width: 0 !important;
}
.Input__headerSearch {
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--gio-text) !important;
  padding-inline-start: 16px !important;
}
.Input__headerSearch::placeholder {
  color: var(--gio-text-muted) !important;
}
.SearchContainer__searchIcon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 40px !important;
  height: 40px !important;
  margin: 4px !important;
  border-radius: var(--gio-radius-pill) !important;
}

.SearchContainer__searchIcon .Icon__icon {
  width: 20px !important;
  height: 20px !important;
}

span[data-id="searchButton"] svg.Icon__icon {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  margin: auto !important;

  transform: translate(1px, -1px) !important;
}

.Header__globalSearch,
.SearchContainer__globalSearch,
.SearchContainer__formGroup,
.Input__positionRel {
  width: 100% !important;
}
.Header__globalSearch {
  max-width: 480px !important;
}
@media (max-width: 1100px) {
  .Header__globalSearch {
    max-width: 320px !important;
  }
}
@media (max-width: 700px) {
  .Header__globalSearch {
    max-width: 100% !important;
  }
}

.SearchContainer__globalSearch {
  position: relative !important;
  z-index: 30 !important;
}
.SearchList__listmenu {
  z-index: 9999 !important;
  background-color: var(--gio-surface) !important;
  border: 1px solid var(--gio-border) !important;
  border-radius: var(--gio-radius-lg) !important;
  box-shadow: var(--gio-shadow) !important;
}

.AppContainer__backToTop {
  border-radius: var(--gio-radius-pill) !important;
  box-shadow: var(--gio-shadow) !important;
}

.commonStyle__zt3Brand {
  color: var(--gio-primary) !important;
}
.commonStyle__zt3Brand:hover {
  color: var(--gio-primary-hover) !important;
}
.commonStyle__zt3BrandBorder {
  border-color: var(--gio-primary) !important;
}
.commonStyle__zt3BrandBg {
  background-color: var(--gio-primary) !important;
}
.commonStyle__zt3BrandBg:hover {
  background-color: var(--gio-primary-hover) !important;
}
.commonStyle__zt3Link:hover,
.commonStyle__zt3LinkActive {
  color: var(--gio-primary) !important;
}

.AppContainer__breadCrumbs {
  background-color: #f5f5f5 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: var(--gio-shadow) !important;
}

#footer,
footer {
  background-color: var(--gio-bg-alt) !important;
  border-top: 1px solid var(--gio-border) !important;
  color: var(--gio-text-muted) !important;
}

.badge, .tag {
  border-radius: var(--gio-radius-pill) !important;
  font-weight: 500;
  padding: 3px 12px;
}

.badge.success { background: #CBE6D7 !important; color: var(--gio-green) !important; }
.badge.info    { background: #E6F0FE !important; color: var(--gio-blue) !important; }
.badge.warning { background: var(--gio-accent-tint) !important; color: #8a6d1f !important; }
.badge.error   { background: #FBE7E7 !important; color: var(--gio-red) !important; }

.KbDetailLtContainer__articleTitle {
  display: block !important;
  background-color: var(--gio-bg-alt) !important;
  border: 1px solid var(--gio-border) !important;
  border-radius: var(--gio-radius-md) !important;
  box-shadow: none !important;
  padding: 16px 20px !important;
  margin: 0 0 20px !important;
}

.KbDetailLtContainer__detailHeader {
  color: var(--gio-text) !important;
  font-weight: 700 !important;

  margin: 0 !important;
}

.article-content h1,
.zc-content h1,
.zc-article h1 {
  font-size: var(--gio-fs-h1) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin-top: 30px !important;
  margin-bottom: 15px !important;
}

.article-content h3,
.zc-content h3,
.zc-article h3 {
  font-size: var(--gio-fs-h3) !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  margin-bottom: 15px !important;
}

.article-content p,
.zc-content p,
.zc-article p {
  font-size: var(--gio-fs-body) !important;
  line-height: 1.8 !important;
}

.article-content ul,
.zc-content ul,
.zc-article ul {
  padding-inline-start: 25px !important;
}

.article-content li,
.zc-content li,
.zc-article li {
  font-size: var(--gio-fs-body) !important;
  line-height: 1.8 !important;
  margin-bottom: 8px !important;
}

.article-content .faq-question,
.zc-content .faq-question,
.zc-article .faq-question {
  display: list-item !important;
  font-size: var(--gio-fs-body) !important;
  font-weight: 700 !important;
}

.article-content .faq-answer,
.zc-content .faq-answer,
.zc-article .faq-answer {
  display: block !important;
  font-size: var(--gio-fs-body) !important;
  margin-inline-end: 20px !important;
}

*[style*="font-size"] {
  font-size: inherit !important;
}

.ArticleListRightContainer__widgetSection {
  background-color: var(--gio-surface) !important;
  border: 1px solid var(--gio-border) !important;
  border-radius: var(--gio-radius-lg) !important;
  box-shadow: var(--gio-shadow) !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
}

.KbDetailRtContainer__widgetRight {
  background-color: var(--gio-surface) !important;
  border: 1px solid var(--gio-border) !important;
  border-radius: var(--gio-radius-lg) !important;
  box-shadow: var(--gio-shadow) !important;
  padding: 20px !important;
}
.KbDetailRtContainer__widgetSection {
  padding: 0 !important;
}
.KbDetailRtContainer__widgetSection.articlesInSection {
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--gio-border) !important;
}

.AvatarText__avatarText {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  background-color: var(--gio-primary-tint-100) !important;
  border-radius: var(--gio-radius-md) !important;
  font-weight: 700 !important;
}

.ArticleListRightContainer__deskHeading {
  color: var(--gio-text) !important;
  font-weight: 700 !important;
  margin-top: 12px !important;
}

.ArticleListRightContainer__categoryDescription {
  color: var(--gio-text-muted) !important;
  line-height: 1.6 !important;
}

.ArticleListRightContainer__followOption,
.KbDetailRtContainer__followOption {
  margin-top: 12px !important;
}

.ArticleListRightContainer__subscribeDescription,
.KbDetailRtContainer__subscribeDescription {
  color: var(--gio-text-muted) !important;
  font-size: var(--gio-fs-body) !important;
  margin-top: 8px !important;
}

.ListHeader__listHeader1 {
  margin-bottom: 12px !important;
}
.ListHeader__header1 {
  color: var(--gio-text) !important;
  font-weight: 600 !important;
}

.Menu__menuItem {
  padding: 8px 10px !important;
  border-radius: var(--gio-radius-sm) !important;
  transition: background-color 0.15s ease;
}
.Menu__menuItem:hover {
  background-color: var(--gio-bg) !important;
}
.Menu__menuItem a {
  color: var(--gio-text) !important;
  text-decoration: none !important;
}
.Menu__menuItem a:hover {
  color: var(--gio-primary) !important;
}

.Menu__menuItem .Link__active {
  color: var(--gio-primary) !important;
  font-weight: 600 !important;
}

.TOCContainer__tocRight {
  background-color: var(--gio-surface) !important;
  border: 1px solid var(--gio-border) !important;
  border-radius: var(--gio-radius-lg) !important;
  box-shadow: var(--gio-shadow) !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
}

.TOCContainer__tableContent {
  margin-bottom: 12px !important;
}
.TOCContainer__tocHeading {
  color: var(--gio-text) !important;
  font-weight: 600 !important;
}
.TOCContainer__arrowRotOpen .Icon__greyShade60 {
  color: var(--gio-text-muted) !important;
  fill: var(--gio-text-muted) !important;
}

.WidgetContainer__boxSplit {
  background-color: var(--gio-surface) !important;
  border: 1px solid var(--gio-border) !important;
  border-radius: var(--gio-radius-lg) !important;
  box-shadow: var(--gio-shadow) !important;
  padding: 20px !important;
}

.CustomWidget__customDescription {
  color: var(--gio-text) !important;
  line-height: 1.7 !important;
}

.CustomWidget__customDescription span[style*="font-size: 24px"] {
  color: var(--gio-text) !important;
  font-weight: 700 !important;
}

.CustomWidget__customDescription strong {
  color: var(--gio-primary) !important;
}

ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"]) {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: center !important;
}

ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"])
  > li.WidgetContainer__contentList:nth-child(-n + 4) {
  display: inline-block !important;
  vertical-align: top !important;
  width: calc((100% - 48px) / 4) !important;
  margin: 0 16px 16px 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  text-align: initial !important;
}

html[dir="rtl"]
  ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"])
  > li.WidgetContainer__contentList:nth-child(-n + 4) {
  margin: 0 0 16px 16px !important;
}

ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"])
  > li.WidgetContainer__contentList:nth-child(4) {
  margin-inline-end: 0 !important;
}

ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"])
  > li.WidgetContainer__contentList:nth-child(-n + 4)
  .WidgetContainer__boxSplit {
  display: flex !important;
  flex-direction: column !important;
  height: 330px !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  background: var(--gio-surface) !important;
  border: 1px solid var(--gio-border) !important;
  border-radius: var(--gio-radius-lg) !important;
  box-shadow: var(--gio-shadow) !important;
}

ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"])
  > li.WidgetContainer__contentList:nth-child(-n + 4)
  .WidgetContainer__boxSplit > div:first-child {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
}

ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"])
  > li.WidgetContainer__contentList:nth-child(-n + 4)
  .ListHeader__listHeader2 {
  min-height: 0 !important;
  padding: 0 0 12px !important;
  margin: 0 0 14px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--gio-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"])
  > li.WidgetContainer__contentList:nth-child(-n + 4)
  .ListHeader__header2 {
  overflow: visible !important;
  text-align: center !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--gio-primary) !important;
}

ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"])
  > li.WidgetContainer__contentList:nth-child(-n + 4)
  .CustomWidget__customDescription {
  flex: 1 !important;
  direction: rtl !important;
  text-align: right !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
}

ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"])
  > li.WidgetContainer__contentList:nth-child(n + 5) {
  display: block !important;
  width: 100% !important;
  margin: 0 0 16px !important;
}

@media (max-width: 1100px) {
  ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"])
    > li.WidgetContainer__contentList:nth-child(-n + 4) {
    width: 265px !important;
  }

  ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"])
    > li.WidgetContainer__contentList:nth-child(2) {
    margin-inline-end: 0 !important;
  }
}

@media (max-width: 700px) {
  ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"])
    > li.WidgetContainer__contentList:nth-child(-n + 4) {
    display: block !important;
    width: 100% !important;
    margin-inline-end: 0 !important;
  }

  ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"])
    > li.WidgetContainer__contentList:nth-child(-n + 4)
    .WidgetContainer__boxSplit {
    height: auto !important;
    min-height: 0 !important;
  }
}

@media (min-width: 701px) {
  ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"])
    > li.WidgetContainer__contentList:nth-child(-n + 4),
  ul.WidgetContainer__list:has(> li h5[data-id="home_custom_MES"])
    > li.WidgetContainer__contentList:nth-child(-n + 4)
    .WidgetContainer__boxSplit {
    width: 265px !important;
    max-width: 265px !important;
  }
}