/** Typo **/

h1 {
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    /* 105.882% */
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

h2 {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin: 0;
}

h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin: 0;
    text-decoration-color: transparent;
}

a {
    cursor: pointer;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.5px;
}

a:hover {
    text-decoration-color: #000;
    --offset-underline: 5px;
}

a:focus {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 0.25px;
}

a img:focus {
    outline: solid 0.25px #000;
}

p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin: 0;
}

small {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
}

.Layout__fullWidth {
    margin: 0 auto;
}

.Layout__oneColumn {
     max-width: 1492px;
}

/** Header **/

/* Mobile burger menu */
.Header__menu,
.Header__menu:before,
.Header__menu:after {
    width: 18px;
    color: #000;
    background-color: #000;
}

.Header__navOpen .Header__nav {
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 70px;
}

.Header__navOpen .Header__nav
.Header__menuList {
    margin: 0 0 20px 20px;
}

.Header__navOpen .Header__nav
.Header__menuList a {
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    letter-spacing: 1px;
}

.Readingprogress__progressBar {
    height: 2px;
    background: linear-gradient(90deg, #000 16%, #000 75.89%, #000 99.8%)
}

/* Ensure nav becomes visible when burger is open */
.Header__navOpen .Header__nav {
  display: flex;
  flex-direction: column;
}

/* Mobile language switcher only */
.Header__languageSwitcher--mobile {
  margin: 0 0 20px 20px; /* aligns with your existing menu item spacing */
}

/* Make the language target look like the rest of the menu */
.Header__languageSwitcher--mobile .LocalePopup__localeTarget {
  text-transform: uppercase;
  color: #000;
  font-weight: 400;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
}

/* Optional: if Zoho injects any default box/border on the locale element */
.Header__languageSwitcher--mobile .Popup__popup,
.Header__languageSwitcher--mobile .LocalePopup__localeTarget {
  border: none;
  box-shadow: none;
  background: transparent;
}

/* Hide mobile switcher on tablet/desktop (since you already show it in Header__left) */
@media screen and (min-width: 768px) {
  .Header__languageSwitcher--mobile {
    display: none;
  }
}

/* Mobile slot should behave like other menu items */
@media screen and (max-width: 767px) {
  #mobileLangSlot {
    margin: 0 0 20px 20px;
  }

  #mobileLangSlot .LocalePopup__localeTarget {
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
  }

  /* Keep label hidden on mobile generally… */
  .LocalePopup__localeLabel {
    display: none;
  }

  /* …but if you want the language text to show in burger, enable it here */
  .Header__navOpen #mobileLangSlot .LocalePopup__localeLabel {
    display: inline !important;
  }
}


#navBarContainer {
    height: 80px;
    padding: 14px 0;
    max-width: 100%!important;
}

.Header__menuWrapper {
    background: #fff;
}

.Header__left,
.Header__right {
    width: 165px;
    color: #000;
}

.Header__right a:active,
.Header__right a:hover {
    color: #000
}

.Header__right a,
.Header__right a {
    color: #000
}

.Header__right {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.Header__right .paper_logo {
    width: auto;
    height: 18px;
    margin-left: 30px;
}

.Header__left,
.Header__right,
.LocalePopup__localeTarget {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #000;
}

.Header__logoPart {
    justify-content: center;
}

.Header__nav {
    display: none;
}


.Header__logoimg {
    max-height: 3rem;
    max-width: fit-content;
    margin-right: 0;
}

.Header__logo {
    widtH: 205px;
    max-width: 205px;
    min-height: auto;
    height: auto;
}

.Header__titleDescription {
    padding: 0;
}

.Header__preheadline {
    text-align: center;
    margin: 0 0 10px 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 166.667% */
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
}

.Header__welcomeTitle {
    margin: 0 0 20px 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 200;
    line-height: 26px;
    /* 144.444% */
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #000;
}

.Header__mobile-cover {
    display: none;
}

.Header__subtitle {
    text-align: center;
    max-width: 500px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #000;
    margin: 0 0 40px 0;
}

.Header__searchalt {
    display: flex;
}

.Header__banneralt {
    max-width: 890px;
    margin: 0 auto;
    background: #fff;
}

.Header__searchalt {
    padding: 0;
    justify-content: center;
}

.Header__searchSubCont {
    padding: 0;
}

.Header__homeNavbarFixed .Header__searchSubCont {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.SearchCon__searchCon.commonStyle__positionRel
.commonStyle__ulAlign {
    margin: 0;
    left: -44px;
    width: calc(100% + 40px);
}

.Header__search-icon {
    display: flex;
    align-items: center;
    height: 64px;
    padding-left: 20px;
    background: #fff;
}

.Header__search-icon img {
    width: auto;
    height: 28px;
    border-bottom: 1px solid #000;
    padding: 5px 8px 5px 0;
}

.Header__searchLink {
    box-shadow: none;
    width: 100%;
}

.Header__defaultContent .Header__titleSearchBox {
    padding-top: 1rem;
}

.Header__defaultContent .Header__searchalt {
    justify-content: center;
}

.Header__defaultContent .Header__banneralt {
    min-height: fit-content;
    background: transparent;
}

.Header__homeContent .Header__searchalt .Header__searchLink {
    width: 100%;
    margin: 0;
    background: #fff;
    padding-right: 0;
}

.Header__homeNavbarFixed .Header__searchSubCont .Header__searchalt {
    padding: 0 20px;
}

#autoSearchContainer {
    border-radius: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #6E6E6E;
}

.SearchBox__filterPopup {
    display: none;
    width: fit-content;
    border-bottom: 1px solid #000;
}

.SearchBox__searchicon:hover {
    color: #000;
    box-shadow: none;
}

.SearchBox__searchpart {
    border-radius: 0;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 20px;


    background: #fff;
}

.SearchBox__searchpart input {
    height: 28px;
    min-height: fit-content;
    border-bottom: solid 1px #000;
    padding-left: 0;
}

.Header__titleSearchWrapper {
    max-width: 100% !important;
    background: #f2f2f2 url('https://s3.eu-central-1.amazonaws.com/montblanc.paper/images/header-1920.png') right no-repeat;
    background-size: auto 100%
}

.Header__breadcrumbs {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: #000;
    background: transparent;
}

.portalContainer.article_subcategory
.KBSubCategoryContainer__boxView
.ModuleItem__moduleItem {
    width: 80%;
    float: right;
}

.portalContainer.articleList
.ArticleListContainer__wrapper {
    width: 80%;
    float: right;
}


.portalContainer.signin .Header__titleSearchWrapper,
.portalContainer.article_subcategory .Header__titleSearchWrapper,
.portalContainer.articleDetail .Header__titleSearchWrapper,
.portalContainer.articleList .Header__titleSearchWrapper {
    background: none;
}

.portalContainer.signin .Header__mobile-cover,
.portalContainer.article_subcategory .Header__mobile-cover,
.portalContainer.articleDetail .Header__mobile-cover,
.portalContainer.articleList .Header__mobile-cover {
    display: none;
}


.portalContainer.signin .SearchBox__searchpart,
.portalContainer.article_subcategory .SearchBox__searchpart,

.portalContainer.articleList .SearchBox__searchpart {
    padding-right: 0;
}


.portalContainer.signin .Header__search-icon,
.portalContainer.article_subcategory .Header__search-icon,
.portalContainer.articleDetail .Header__search-icon,
.portalContainer.articleList .Header__search-icon {
    padding-left: 0;
}

.portalContainer.signin .Header__search-icon,
.portalContainer.signin .SearchBox__searchpart,
.portalContainer.signin .SearchBox__searchpart input {
    background-color: #F2F2F2;
}

.portalContainer.article_subcategory .Header__search-icon,
.portalContainer.article_subcategory .SearchBox__searchpart,
.portalContainer.article_subcategory .SearchBox__searchpart input {
    background-color: #F2F2F2;
}

.portalContainer.articleDetail .Header__search-icon,
.portalContainer.articleDetail .SearchBox__searchpart,
.portalContainer.articleDetail .SearchBox__searchpart input {
    background-color: #F2F2F2;
}


.portalContainer.articleList .Header__search-icon,
.portalContainer.articleList .SearchBox__searchpart,
.portalContainer.articleList .SearchBox__searchpart input {
    background-color: #F2F2F2;
}

.BreadCrumbs__breadcrumbList,
.BreadCrumbs__breadCrumbsLink {
    color: #000;
    align-items: center;
}

.AppContainer__homeWidget  {
    margin-top: 50px;
}

/** Details page **/
.Header__panelbtns {
    display: none;
}

.TOCContainer__tocContent {
    border-bottom: solid 1px #000;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.TOCContainer__tocContent .TOCContainer__tocHeading {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.TOCContainer__tocContent .Tree__tree .Tree__treeItem a:hover  {
    text-decoration: underline;
    text-decoration-color: #000;
}

/** Help center - home page **/
.kbCategory__gridView {
    gap: 20px 2%;
}

.kbCategory__gridView  .TitleContainer__container {
    margin-bottom: 0!important;
}

.kbCategory__gridView
.TitleContainer__container+.TitleContainer__container {
    margin-bottom: 0!important;
}

.TitleContainer__container:focus {
    border: solid 1.5px #000
}

.Feedback_sticky img {
    margin-left: 4px;
    width: 18px;
}

/** Article page **/

.portalContainer.article_subcategory 
.KBSubCategoryContainer__boxView .ModuleItem__moduleItem {
    padding: 15px;
    margin-bottom: 10px;;
}

.ArticleDetailLeftContainer__box {
    border: none;
    box-shadow: none;
}

.ArticleDetailLeftContainer__prinExp {
    display: none
}

.ArticleDetailLeftContainer__partHead h1 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.portalContainer.articleList
.Layout__twoColumn.Layout__fullWidth
.Layout__layout1,

.portalContainer.articleDetail
.Layout__twoColumn.Layout__fullWidth
.Layout__layout1 {
    width: 66%;
}

.portalContainer.articleList
.Layout__twoColumn.Layout__fullWidth
.Layout__layout2,

.portalContainer.articleDetail
.Layout__twoColumn.Layout__fullWidth
.Layout__layout2 {
    width: 34%;
    padding: 0 0 0 10%;
}


.articleContent h3 {
    margin-bottom: 20px;
    margin-top: 30px;
}

.articleContent p {
    margin-bottom: 30px;
}

.KB_New_Editor_Highlights {
    padding: 20px 30px 20px 90px!important;
    border-right-width: 0px !important;
    letter-spacing: 0.5px!important;
}

.KB_New_Editor_Highlights > img,
.KB_New_Editor_Highlights > div > img {
    width: 24px;
    height: auto;
    top: 20px;
    left: 30px;
}

/** custom widgets **/
.ModuleCategoryContainer__hometabs {
    display: none;
}

.CustomWidgets__widgetTitle,
.ArticlesContainer__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.text-content {
    margin-bottom: 30px;
}

.popular_questions details:nth-child(n+6) {
    display: none;
}

.popular_questions {
    margin-bottom: 120px;
}

.contact_us {
    z-index: 0;
    position: relative;
    text-align: left;
    padding: 96px 0;
    background: #F2F2F2;
    color: #000;
    overflow: hidden;
}

.contact_us h3,
.Products-section__box h3 {
    margin-bottom: 12px;
}

.contact_us p {
    margin-bottom: 30px;
}

.contact_us_bg {
    z-index: -1;
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    max-height: 100%;
}

.d1920 {
    position: relative;
   display: block;
}

.d768 {
    position: relative;
   display: none;
}

.d375 {
    position: relative;
    display: none;
}

.contact_us .text-content {
    margin-bottom: 30px;
}

.Products-section {
    display: flex;
    flex-direction: row;
    background: transparent;
    gap: 20px;
}

.Products-section__box {
    z-index: 0;
    overflow: hidden;
    flex-grow: 1;
    position: relative;
    max-height: 322px;
    padding: 96px 75px;
    background: #F2F2F2;
    width: 50%;
}

.Products-section__box p {
    margin-bottom: 30px;
}

.Products-section__box img {
    z-index: -1;
    position: absolute;
    height: 100%;
    width: auto;
    top: 0;
}

.Products-section__box.left img {
    right: -0%;
}

.Products-section__box.right img {
    right: 0;
}

.faq__accordion {
    cursor: pointer;
    width: 100%;
    border-top: 1px solid #000;
    padding: 20px 0;
}

.popular_questions details.faq__accordion:nth-of-type(5) {
	border-bottom: solid 1px #000;
}

.faq__accordion summary:focus h3 {
  font-weight: 700;
}

.faq__accordion__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

}

.faq__accordion__header h3 {
     font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px;
        text-transform: uppercase;
}

.faq__accordion__header img {
    width: 20px;
    height: auto;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -ms-transition: -ms-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    transition: transform 0.2s;
}

.faq__accordion[open] summary img {
    transform: rotate(180deg);
}

.faq__accordion__content {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 20px 0 0;
}

/** Standard Widgets **/
.ArticlesContainer__articleListWidget {
    border: none;
    margin-bottom: 120px;
}

.ArticlesContainer__articleListWidget .ModuleItem__moduleListItem {
    background: #F2F2F2;
    margin-bottom: 10px;
    padding: 10px 20px;
}

.ArticlesContainer__articleListWidget .ModuleItem__moduleListItem:nth-of-type(n+6) {
    display: none;
}

.ModuleItem__modulein {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.5px;
}

/*
.TitleContainer__container.links {
    display: none;
}


.ModuleCategoryContainer__containerListView > .TitleContainer__listView:last-child {
  display: none;
}

    */

.TitleContainer__container+.TitleContainer__container {
    margin: 0;
}

.ModuleCategoryContainer__gridView {
    gap: 20px 15px;
    margin-bottom: 120px;
}

.TitleContainer__container {
    width: 24%;
    min-height: auto;
    border-radius: 8px;
    border: solid 0.5px #6E6E6E;
    box-shadow: none;
    padding: 25px 30px;
    margin-bottom: 0;
}
.TitleContainer__container a {
    word-break: auto-phrase;
}

.TitleContainer__container:hover .TitleContainer__list_title a,
.TitleContainer__container:hover .TitleContainer__title a{
    font-weight: 600;
}

.TitleContainer__container:hover {
    border: solid 0.5px #000;
    cursor: pointer;
}

.TitleContainer__header {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.TitleContainer__listWrapper a {
    text-transform: uppercase;
}

.TitleContainer__title>a, .TitleContainer__list_title>a,
.TitleContainer__title a {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 200;
    transition: none;
}

.TitleContainer__content {
    display: none
}

.TitleContainer__description {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    min-height: fit-content;
    padding-left: 70px;
    margin-top: 0;
}

.TitleContainer__gridView .TitleContainer__body .TitleContainer__description {
    margin-top: 0;

}

/*
.TitleContainer__container.commonStyle__positionRel.commonStyle__inlineBlock {
    min-height: 140px;
}

.TitleContainer__headerIcon {
    position: absolute;
    top: 30%;
}


.TitleContainer__body {
    margin-left: 70px;
}

.TitleContainer__title {
    position: absolute;
    left: 100px;
}

.TitleContainer__gridView .TitleContainer__body .TitleContainer__description {
    margin: 10px 0 0 0;
}
    */

.ModuleCategoryContainer__containerListView {
    border: none;
    padding: 0;
}

.TitleContainer__listView  {
    border-radius: 8px;
    border: solid 1px #000;
    margin-bottom: 20px;
}

.TitleContainer__listView:last-child {
    border-bottom: solid 1px #000;
}
/** Buttons **/

/* --- Basic button style --- */
a.btn {
    display: inline-flex;
    height: 44px;
    width: fit-content;
    padding: 12px 50px;
    border: 1px solid #000;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}


/* --- Button variants --- */
/* Primary button */
.btn--primary {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

/* Secondary button */
.btn--secondary {
    background-color: transparent;
    color: #000;
    border-color: #000;
}

/* Tertiary button (transparent) */
.btn--tertiary {
    background-color: transparent;
    color: #000;
    border-color: transparent;
}

/* Text link button */
.btn--link {
    background-color: transparent;
    color: #000;
    border-color: transparent;
    text-decoration: underline;
    padding: 0;
    border: none;
}

/* --- State styles --- */
/* Hover state */
.btn:hover,
.btn.hover {
    background-color: #fff;
    color: #000;
    border-color: #000;
}

.btn--primary:hover,
.btn--primary.hover {
    background-color: #fff;
    color: #000;
    border-color: #000;
}

.btn--secondary:hover,
.btn--secondary.hover {
    background-color: #000;
    color: #fff;
}

.btn--tertiary:hover,
.btn--tertiary.hover {
    background-color: transparent;
    color: #000;
    border-color: #000;
}

.btn--link:hover,
.btn--link.hover {
    text-decoration: none;
}

/* Focus state */
.btn:focus,
.btn.focus {
    outline: 2px solid #000;
    outline-offset: 2px;
}

.btn--primary:focus,
.btn--primary.focus {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

/* Loading state */
.loading {
    position: relative;
    background-color: #000;
    color: transparent;
    cursor: default;
    pointer-events: none;
}

.loading span {
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 2px;
    animation: loading-dots 1s infinite;
}

.loading span:nth-child(2) {
    animation-delay: 0.2s;
}

.loading span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes loading-dots {

    0%,
    100% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }
}

/* Loading state for other button variants */
.btn--secondary.loading span,
.btn--tertiary.loading span,
.btn--link.loading span {
    background-color: #000;
}

/* Disabled state */
.btn[disabled],
.btn.disabled {
    background-color: #f0f0f0;
    color: #a9a9a9;
    border-color: transparent;
    cursor: not-allowed;
}

/** Footer **/
.Footer__footer {
    border: none;
    margin-top: 155px;
}

.Footer__bottom {
    text-align: left;
    list-style: none;
    display: flex;
    flex-direction: row;
    margin: 60px 0 0 0;
}

.Footer__bottom h2 {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.Footer__bottom p,
.Footer__bottom a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.5px;
}

.Footer__bottom a {
    color: #000;
    margin-bottom: 10px;
    --offset-underline: 7px;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: var(--offset-underline, 7px);
    transition: --offset-underline .32s ease-in-out, text-decoration .32s ease-in-out;
    will-change: --offset-underline, text-decoration;
}

.Footer__bottom a:hover {
text-decoration: underline;
    text-decoration-color: #000;
    --offset-underline: 5px;
}

.Footer__bottom a:not(.btn):active,
.Footer__bottom a:not(.btn):focus,
.Footer__bottom a:not(.btn):-webkit-any-link
 {
    color: #000
}

.Footer__bottom li:not(.mobile_dropdowns) {
    display: flex;
    flex-direction: column;
    color: #000;
    padding: 0 20px 60px 20px;
}

.Footer__bottom li:first-child {
    flex-grow: 2;
}

.Footer__bottom li:first-child a.btn {
    margin-top: 30px;
}

.Footer__bottom li h2,
.Footer__bottom li p,
.Footer__bottom li a {
    margin: 0 0 10px 0;
}

.Footer__bottom li:nth-last-child(-n + 2) {
    flex-grow: 1;
    border-left: 1px solid #000;
}

.mobile_dropdowns {
    display: none;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 30px;
}

.Footer__logo {
    margin-top: 77px;
}

/** Catrgory page **/

.ModuleItem__kbSubcategoryImg {
    display: none;
}

/** Article page **/

.ArticleListContainer__boxView {
    background: transparent;
    border: none;
}

.ArticleListContainer__boxView .ModuleItem__moduleListItem {
    min-height: 60px;
    padding: 20px;
    border: solid 1px #BFBFBF;
    border-bottom: 0;
}

.WidgetsContainer__lftWd .ArticlesContainer__articleListWidget .ModuleItem__moduleListItem {
    height: auto;
}

.WidgetsContainer__lftWd .ArticlesContainer__articleListWidget .ModuleItem__moduleListItem:last-child {
    border-bottom: none !important;
}

.ArticlesContainer__articleListWidget .ModuleItem__moduleListItem {
    border-bottom: none;
}

.ModuleItem__moduleTitle {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.5px;
    font-weight: 400;

}

.ModuleItem__moduleDescription {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1.5px;
    font-weight: 400;
}

.ModuleItem__moduleListItem:last-child {
    border-bottom: solid 1px #bfbfbf;
}

.ModuleItem__moduleItem:last-child {
    background: transparent;
}

.KBSubCategoryContainer__boxView .ModuleItem__moduleItem {
    background-color: transparent;
    border: solid 1px #000;
    margin-bottom: 20px;
    border-radius: 8px;
}

.KBSubCategoryContainer__boxView {
    border: none;
    box-shadow: none;
}

.ArticleCmd__articleLike {
    border-top: 1px solid #000;
}

.ArticleCmd__socialShareLt,
.ArticleCmd__articleDetail {
    display: none;
}

/* Article page - right panel */

.SubscribeDepart__deplogo {
    align-items: center;
    margin-bottom: 10px;
}

.SubscribeDepart__deplogo .SubscribeDepart__logosubscribe {
    width: 24px;
    max-height: 24px;
    height: auto;
}

.WidgetsContainer__rightWd .CustomWidgets__widgets a:hover {
    text-decoration: underline;
    text-decoration-color: #000;
}

.Avatar__small {
    width: 24px;
    height: 24px;
}

.SubscribeDepart__depname {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1.5px;
    font-weight: 400;
    text-transform: uppercase;
}

.SubscribeDepart__depdec {
    letter-spacing: 0.5px;
    font-weight: 400px;
    line-height: 20px;
    font-size: 14px;
}

.ArticleDetailRightContainer__followContentLow,
.SubscribeDepart__followContent {
    display: none;
}

.CustomWidgets__widgetIcon {
    display: none;
}

.CustomWidgets__widgets.commonStyle__dFlex.commonStyle__flex1 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.WidgetsContainer__rightWd+.WidgetsContainer__rightWd {
    margin-top: 60px;
}

.WidgetsContainer__rightWd {
    margin-top: 60px
}

.TOCContainer__categories {
    margin-left: 0;
}

.TOCContainer__tocHeading {
    margin: 0;
}
.TOCContainer__arrowRotOpen,
.TOCContainer__arrowRotClose {
    display: none;
}


/** Search result page **/
.search__searchPanel .ModuleItem__moduleListItem:last-child {
    border-bottom: none
}

.ArticleDetailRightContainer__WidgetConnDeRight {
    padding-top: 0;
}

/** Back to top **/
.AppContainer__backtopbg {
    width: 25px;
}

.AppContainer__backtop {
    box-shadow: none;
    border: solid 1px #000;
}

.AppContainer__backToTop:hover {
    background: #000;
}

.AppContainer__backtop .Icon__icon {

}

.AppContainer__backtopicon {

}


.ErrorPageNew__contents.commonStyle__alignCenter.commonStyle__flexColumn .Link__link.commonStyle__link {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    padding: 12px 50px;
    border: solid 1px #000;
    background: #000;
}

.ErrorPageNew__contents.commonStyle__alignCenter.commonStyle__flexColumn .Link__link.commonStyle__link:hover {
    background: #fff;
    color: #000;
}

.search__searchPanel {
    border: 1px solid #BFBFBF;
    box-shadow: none;
    padding: 0;
}

.search__searchTitleHeader {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 20px;
    text-transform: uppercase;
}

.search__searchTitle {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.5px;
    font-weight: 400;
}

.search__resultFilter {
    display: none;
}

.ErrorPageNew__container svg {
    display: none;
}

.ErrorPageNew__container .search__info {
    font-size: 14px;
    line-height: 20px;

    font-weight: 400;
    letter-spacing: 0.5px;
    color: #000;
    margin-bottom: 30px;
}

.ErrorPageNew__container .ErrorPageNew__heading {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}

.ytmVideoCoverThumbnail {
    width: 100%;
    -webkit-background-size: contain!important;
    background-size: contain!important;
}



/** Media Querries **/

.Layout__fullWidth {
    max-width: 1492px;
}

.Layout__oneColumn {
    padding: 0;
}

.AppContainer__homeWidget {
    padding: 90px 0 0;
}

@media screen and (max-width:1919px) {



    .Header__banneralt,
    .Header__searchalt {
        width: 100%;
        max-width: 650px;
    }

    .Header__titleSearchWrapper {
        background-position: 100%;
    }

    .ModuleCategoryContainer__gridView {
     gap: 20px 18px;
    }

    .TitleContainer__container {
        width: 32%;
    }
}

@media screen and (max-width: 1439px) {

    .Header__banneralt,
    .Header__searchalt {
        width: 100%;
        max-width: 650px;
    }

    .Layout__fullWidth {
        max-width: 1099px;
        padding: 0 30px;
    }

    .Products-section__box img {
        right: -50%;
    }

    .Products-section__box.left img,
    .Products-section__box.right img {
        display: none;
    }
}

/**Edge case - home container padding **/
@media screen and (min-width: 1441px) and (max-width: 1550px) {
    .Header__titleSearchWrapper {
        background-position: 110%;
    }
    
    .AppContainer__homeWidget, .contact_us {
        padding-left: 60px;
        padding-right: 60px;
    }
    #navBarContainer,
    .portalContainer.articleList
    .Layout__twoColumn.Layout__fullWidth {
        padding-left: 60px;
        padding-right: 60px;
    }

    .portalContainer.articleDetail
    .Layout__twoColumn.Layout__fullWidth {
        padding-left: 60px;
        padding-right: 60px;
    }

    .Products-section__box.right img {
        right: -0;
        width: auto;
        top: unset;
        bottom: 0;
        height: 95%;
    }
}

@media screen and (max-width: 1440px) {
    .Header__titleSearchWrapper {
        background-position: 110%;
    }

    .AppContainer__homeWidget, .contact_us {
        padding-left: 60px;
        padding-right: 60px;
    }

    .portalContainer.articleList
    .Layout__twoColumn.Layout__fullWidth {
        padding-left: 60px;
        padding-right: 60px;
    }
    #navBarContainer,
    .portalContainer.articleDetail
    .Layout__twoColumn.Layout__fullWidth {
        padding-left: 60px;
        padding-right: 60px;
    }
        .Products-section__box.left img {
        right: 0;
    }
    /*
    .Products-section__box.right img {
        right: -8%;
        width: 75%;
        top: unset;
        bottom: 0;
        height: auto;
    }
        */
    
}

@media screen and (max-width: 1439px) {

    #navBarContainer {
        padding-left: 0;
        padding-right: 0;
    }
    .Header__titleSearchWrapper {
        background-position: 110%;
    }

    .AppContainer__homeWidget .contact_us {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .Products-section__box.right img {
        width: auto;
        top: unset;
        bottom: 0;
        height: 95%;
    }
}


@media screen and (min-width: 1024px) and (max-width: 1299px) {
    .Header__titleSearchWrapper {
        background-position: calc(100% + 200px);
    }

    .d1920 {
        right: -10%;
    }

    .AppContainer__homeWidget .contact_us {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 1023px) {

    iframe {
        width: 100%;
    }

    .AppContainer__homeWidget {
        padding: 90px 60px 0 60px;
    }

    .Header__banneralt,
    .Header__searchalt {
        width: 100%;

    }

    .Header__titleSearchWrapper {
        background: none;
    }

    .Header__navbtn {
        display: none;
    }

    .Layout__fullWidth {
        max-width: 1099px;
        padding: 0 60px;
    }

    .Header__titleSearchWrapper {
        background-position: 140%;
    }

    .ModuleCategoryContainer__gridView {
        gap: 20px 2%;
    }

    .TitleContainer__container+.TitleContainer__container {
        margin-left: 0 !important
    }

    .TitleContainer__container {
        width: 49%;
    }

    .kbCategory__gridView {
        gap: 20px 4%;
    }

    .d1920 {
        display: none;
    }

    .d768 {
        display: block;
        max-width: 85%;
        right: -20%;
    }

    .Products-section__box {
        width: 100%;
    }

    .Products-section__box img {
        right: 0;
    }

    .Products-section__box.left img,
    .Products-section__box.right img {
        display: block;
    }

    .Products-section__box.right img {
        right: 0;
    }

    .Footer__bottom {
        flex-direction: column;
        padding: 0;
    }

    .Footer__bottom li:first-child {
        flex-grow: 1;
        padding: 0 60px 30px;
        border-bottom: 1px solid #000;
    }

    .Footer__footer li:nth-last-child(-n + 2) {
        display: none;
    }

    .mobile_dropdowns {
        display: flex;
        flex-grow: 1;
        padding: 30px 60px;
    }

    .Products-section {
        flex-direction: column;
    }
}

/* Edge case - home grid list view : category*/
@media screen and (max-width: 768px) {

    .AppContainer__homeWidget {
        margin-top: 0;
    }
    .ModuleCategoryContainer__containerListView {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0 2%;
    }

    .TitleContainer__listView {
        width: 49%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .portalContainer.article_subcategory
    .KBSubCategoryContainer__boxView
    .ModuleItem__moduleItem {
        width: 100%;
        float: right;
    }

    .portalContainer.articleList
    .ArticleListContainer__wrapper {
    width: 100%;
    float: right;
    }

    .portalContainer.articleList
    .Layout__twoColumn.Layout__fullWidth
    .Layout__layout1,

    .portalContainer.articleDetail
    .Layout__twoColumn.Layout__fullWidth
    .Layout__layout1 {
        width: 100%;
    }

    .portalContainer.articleList
    .Layout__twoColumn.Layout__fullWidth
    .Layout__layout2,

    .portalContainer.articleDetail
    .Layout__twoColumn.Layout__fullWidth
    .Layout__layout2 {
        width: 100%;
        padding: 0;
    }

    .ArticleDetailLeftContainer__contents.commonStyle__wordBreak.ArticleDetail_description
    .ArticleDetailLeftContainer__description {
        padding: 0;
    }


    .portalContainer.articleDetail .Layout__twoColumn,
    .portalContainer.articleList .Layout__twoColumn,
    .portalContainer.article_subcategory .Layout__twoColumn {
        padding: 0 20px;
    }

    .ModuleCategoryContainer__containerListView {
        border: none;
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0 2%;
        margin-bottom: 70px;
    }

        .TitleContainer__Listcontainer {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .TitleContainer__Listcontainer
    .TitleContainer__headerIcon {
        margin: 0 auto;
    }

    .TitleContainer__title a,
    .TitleContainer__listView
    .TitleContainer__listWrapper{
        text-align: center;
        word-break: auto-phrase;
    }

    .TitleContainer__listWrapper .TitleContainer__description{
       display: none;
    }

    .Feedback_sticky {
        bottom: 40%;
        right: -0.75rem;
    }

}


@media screen and (max-width: 767px) {
    .Layout__fullWidth {
        padding: 0 20px;
    }

    #navBarContainer {
    height: 50px;
    padding: 20px 0 0 0;
    }

    .AppContainer__homeWidget {
        padding: 90px 20px 0 20px;
        margin-top: 0;
    }

    .Header__right,
    .Header__left {
        display: none;
    }

    .Header__logo {
        height: 18px;
        width: auto;
        padding-right: 18px;
    }

    .Header__navbtn {
        display: block;
    }

    .Header__menuBox {
        align-items: center;
        flex-direction: row-reverse;
    }

    .Header__mobile-cover {
        display: block;
        width: 100%;
        height: auto;
    }

    .Header__titleSearchWrapper {
       background: #F2F2F2;
    }

    .Header__titleSearchWrapper {
        position: relative;
        padding: 0;
    }

    .Header__titleSearchBox {
        margin-top: 50px;
        padding-bottom: 0;
        overflow: hidden;
    }

    .SearchCon__searchCon.commonStyle__positionRel .commonStyle__ulAlign {
        left: 0;
        width: 100%;
    }

    .portalContainer.articleDetail .SearchBox__searchpart,
    .portalContainer.articleList .SearchBox__searchpart,
    .portalContainer.article_subcategory .SearchBox__searchpart {
        padding-right: 20px;
        background: #fff;
    }

    .portalContainer.articleDetail .SearchBox__searchpart .SearchBox__searchTextbox input,
    .portalContainer.articleList .SearchBox__searchpart .SearchBox__searchTextbox input,
    .portalContainer.article_subcategory .SearchBox__searchpart .SearchBox__searchTextbox input {
        background-color: #fff;
    }

    .Header__search-icon {
        display: none;
    }

    .SearchBox__searchpart {
        padding-left: 20px;
    }

    .Header__searchalt {
        max-width: 100%;
    }

    .Header__searchSubCont {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }

    .Header__homeContent .Header__searchalt .Header__searchLink {
        padding: 0;
    }

    .Header__titleDescription {
        padding: 0 20px;
    }

    .SearchBox__searchTextbox input {
        padding-left: 0;
    }

    .LocalePopup__localeLabel {
        display: none;
    }

    .Popup__arrowbottomRight:after,
    .Popup__arrowbottomRight:before {
        left: 20px;
    }

    .popular_questions {
        margin-bottom: 90px;
    }

    .ArticlesContainer__articleListWidget {
        border: none;
        margin-bottom: 70px;
    }

    .portalContainer.articleDetail .Header__titleSearchBox {
        margin-top: 20px;
    }

    .BreadCrumbs__breadcrumbList {
        padding: 10px 20px;
    
    }

    .portalContainer.articleDetail .BreadCrumbs__breadcrumbList {
        margin-top: 30px;
    }

    .portalContainer.articleDetail .Layout__twoColumn.Layout__fullWidth,
    .portalContainer.articleList .Layout__twoColumn.Layout__fullWidth {
        padding-left: 30px;
        padding-right: 30px;
    }

    .portalContainer.articleDetail .ArticleDetailLeftContainer__box {
        padding: 0;
    }

    .ModuleCategoryContainer__containerListView {
        border: none;
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0 2%;
        margin-bottom: 70px;
    }

    .TitleContainer__Listcontainer {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .TitleContainer__Listcontainer
    .TitleContainer__headerIcon {
        margin: 0 auto;
    }

    .TitleContainer__title a,
    .TitleContainer__listView
    .TitleContainer__listWrapper{
        text-align: center;
        word-break: auto-phrase;
    }

    .kbCategory__gridView .TitleContainer__container
    .TitleContainer__description {
        display: none;
    }

    .TitleContainer__headerIcon {
        margin-right: 0;
    }

    .kbCategory__gridView .TitleContainer__container .TitleContainer__header{
        flex-direction: column;
    }

    .Products-section__box {
        padding: 30px 0 0;
    }

    .text-content {
        padding: 0 20px;
    }

    .Products-section__box {
        max-height: fit-content;
    }

    .Products-section__box-img {
        height: 220px;
    }

    .Products-section__box img {
        position: relative;
        margin: 0 auto;
    }

    .Products-section__box.left img,
    .Products-section__box.right img {
        height: 100%;
    }


    .Products-section__box .text-content {
        margin-bottom: 0;
    }
    .contact_us {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .contact_us_bg {
        position: relative;
        bottom: 0;
    }

    .d768,
    .d1920 {
        display: none;
    }

    .d375 {
        display: block;
        width: 100%;
        height: auto;
    }

    .Footer__bottom li:first-child {
        padding: 0 20px 30px;
    }

    .mobile_dropdowns {
        padding: 30px 20px;
    }


}

@media screen and (max-width: 375px) {
    .Layout__fullWidth {
        padding: 0 20px;
    }

    .Header__welcomeTitle {
        font-size: 16px;
        line-height: 24px;
    }

    .Header__right .paper_logo {
        display: none;
}

    .Header__titleSearchWrapper {
        position: relative;
        padding: 0;
    }

    .Header__searchSubCont {
        position: absolute;
        width: 100%;
        top: 0;
    }

    .Header__titleSearchBox {
        margin-top: 50px;
        padding-bottom: 0;
        overflow: hidden;
    }

    .d768 {
        display: none;
    }

    .d375 {
        display: block;
    }
}


/** Not supported devices media Querry **/
@media screen and (max-width: 290px) {
    .TitleContainer__listView {
        width: 100%;
    }
}

/* Standard-Browser-Dreieck entfernen */
details>summary {
    list-style: none;
}

details>summary::-webkit-details-marker {
    display: none;
}

.help-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.help-header h2 {
    margin: 0;
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase;
}


/* Footer Accordions */

.footer-accordion {

    width: 100%;
    margin-bottom: 30px;
}

.footer-accordion>summary {
    list-style: none;
}

.footer-accordion>summary::-webkit-details-marker {
    display: none;
}

.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: #000;
}

.accordion-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}


.footer-accordion .arrow-icon {
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -ms-transition: -ms-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    transition: transform 0.2s;
}

.footer-accordion .arrow-icon img {
    width: 20px;
    height: auto;
}

.footer-accordion[open] .arrow-icon {
    transform: rotate(180deg);
}

.accordion-content {
    display: flex;
    flex-direction: column;
    padding: 15px 0 0 0;
    margin: 0;
}

.accordion-content a {
    color: #000;
    margin-bottom: 10px;
    --offset-underline: 7px;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: var(--offset-underline, 7px);
    transition: --offset-underline .32s ease-in-out, text-decoration .32s ease-in-out;
    will-change: --offset-underline, text-decoration;
}

.accordion-content a:hover {
    text-decoration: underline;
    text-decoration-color: #000;
    --offset-underline: 5px;
}
/* === FIX: Make contact section full width === */

.contact_us {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    position: relative;
    overflow: hidden;
}
/* Padding for text only */
.contact_us .Layout__fullWidth {
    padding-left: 60px;
    padding-right: 60px;
}

@media (max-width: 768px) {
    .contact_us .Layout__fullWidth {
        padding-left: 24px;
        padding-right: 24px;
    }
}
.contact_us {
    background-color: #f2f2f2;
}
/* Desktop only */
@media (min-width: 1024px) {
    .contact_us_bg {
        display: block;
    }
}

/* Tablet & mobile */
@media (max-width: 1023px) {
    .contact_us_bg {
        display: none;
    }
}
@media (max-width: 1023px) {
    .contact_us_bg img {
        display: none;
    }
}
/* Mobile bottom spacing for Contact Us section */
@media (max-width: 748px) {
    .contact_us .Layout__fullWidth {
        padding-bottom: 96px;
    }
}

@media screen and (max-width: 767px) {

  /* Default mobile: keep it from showing in the top bar */
  #langSwitcher{
    position: fixed !important;
    top: 70px !important;
    left: 20px !important;
    right: auto !important;
    transform: none !important;

    /* hide by default (but NOT display:none) */
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;

    z-index: 100000 !important;
    margin: 0 0 20px 0 !important;
    text-align: left !important;
  }

  /* When burger is open: show it
     (Zoho may put Header__navOpen on different containers, so we cover them) */
  .Header__navOpen #langSwitcher,
  body.Header__navOpen #langSwitcher,
  .Header__menuWrapper.Header__navOpen #langSwitcher,
  .Header__menuBox.Header__navOpen #langSwitcher,
  .Header__navbtn.Header__navOpen #langSwitcher {
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
  }

  /* Match burger menu link styling */
  #langSwitcher .LocalePopup__localeTarget {
    display: inline-flex !important;
    align-items: center;

    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 30px;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  /* Show the language text in the burger menu */
  #langSwitcher .LocalePopup__localeLabel {
    display: inline !important;
  }

  /* Push LOGIN down so it starts below the language row */
  .Header__navOpen .Header__nav,
  body.Header__navOpen .Header__nav,
  .Header__menuWrapper.Header__navOpen .Header__nav,
  .Header__menuBox.Header__navOpen .Header__nav,
  .Header__navbtn.Header__navOpen .Header__nav {
    padding-top: 44px !important; /* tweak 40–52 if needed */
  }
}

@media screen and (max-width: 767px) {

  /* Bring Header__left back ONLY so the switcher can exist */
  .Header__left{
    display: block !important;
    width: auto !important;
  }

  /* Hide everything in Header__left except the language switcher */
  .Header__left > *{
    display: none !important;
  }
  .Header__left > #langSwitcher{
    display: block !important;
  }

  /* Default: hidden (but not display:none) */
  #langSwitcher{
    position: fixed !important;
    top: 70px !important;
    left: 20px !important;
    right: auto !important;
    transform: none !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    z-index: 100000 !important;
    margin: 0 0 20px 0 !important;
  }

  /* Show when burger is open */
  .Header__navOpen #langSwitcher,
  body.Header__navOpen #langSwitcher{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Burger menu styling */
  #langSwitcher .LocalePopup__localeTarget{
    display: inline-flex !important;
    align-items: center !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  /* Show the label in the menu */
  #langSwitcher .LocalePopup__localeLabel{
    display: inline !important;
  }
}

@media screen and (max-width: 767px) {

  /* Default: hidden until burger is open (you already do this) */
  #langSwitcher{
    position: fixed !important;
    top: 70px !important;
    left: 4px !important;   /* ✅ MATCHES .Header__menuList margin-left */
    right: auto !important;
    transform: none !important;
  }

  /* When burger is open: show it */
  .Header__navOpen #langSwitcher,
  body.Header__navOpen #langSwitcher {
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
  }
}

@media screen and (max-width: 767px) {

  /* Container: allow full width */
  .Header__navOpen #langSwitcher {
    max-width: none !important;
    width: auto !important;
    min-width: auto !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  /* Wrapper: no truncation */
  .Header__navOpen #langSwitcher .LocalePopup__localeWrapper {
    max-width: none !important;
    width: auto !important;
    min-width: auto !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  /* Trigger button: no truncation */
  .Header__navOpen #langSwitcher .LocalePopup__localeTarget,
  .Header__navOpen #langSwitcher .LocalePopup__localeButton {
    max-width: none !important;
    width: auto !important;
    min-width: auto !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    display: inline-flex !important;
  }

  /* Label text: no truncation */
  .Header__navOpen #langSwitcher .LocalePopup__localeLabel,
  .Header__navOpen #langSwitcher .LocalePopup__localeTarget span,
  .Header__navOpen #langSwitcher .LocalePopup__localeButton span {
    max-width: none !important;
    width: auto !important;
    min-width: auto !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    display: inline !important;
    flex-shrink: 0 !important;
  }
}

/* Desktop/Tablet: Full language text (no truncation) */
@media screen and (min-width: 768px) {
  /* Container: allow full width */
  #langSwitcher {
    max-width: none !important;
    width: auto !important;
    min-width: auto !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  
  /* Wrapper: no truncation */
  #langSwitcher .LocalePopup__localeWrapper {
    max-width: none !important;
    width: auto !important;
    min-width: auto !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  
  /* Trigger button: no truncation */
  #langSwitcher .LocalePopup__localeTarget,
  #langSwitcher .LocalePopup__localeButton {
    max-width: none !important;
    width: auto !important;
    min-width: auto !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    display: inline-flex !important;
  }
  
  /* Label text: no truncation */
  #langSwitcher .LocalePopup__localeLabel,
  #langSwitcher .LocalePopup__localeTarget span,
  #langSwitcher .LocalePopup__localeButton span {
    max-width: none !important;
    width: auto !important;
    min-width: auto !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    display: inline !important;
    flex-shrink: 0 !important;
  }
}

/* Tablet: remove left padding on language switcher target */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #langSwitcher .LocalePopup__localeTarget,
  #langSwitcher .LocalePopup__localeButton {
    padding-left: 0 !important;
  }
}

/* Hide "Default : English" row in language popup */
.LocalePopup__defaultLocale,
.LocalePopup__defaultLang,
.LocalePopup__default,
li[title*="Default"],
[class*="defaultLocale"],
[class*="defaultLang"] {
  display: none !important;
}

.Footer__langLinksMobile { display: none; }

@media screen and (max-width: 767px) {
  .Footer__langLinksMobile {
    display: block;
    padding-top: 0px;
    margin-top: 0px;
    border-top: none;
  }

  .Footer__langLinksTitle {
    margin: 0 0 12px 0;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: normal;
    color: #000;
  }

  .Footer__langLinksList {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .Footer__langLinksList a {
    color: #000;
    text-decoration: none;
  }

  .Footer__langLinksList a:hover {
    text-decoration-color: #000;
  }
}

@media screen and (max-width: 767px) {

  /* Reset: ensure normal weight first */
  .mobile_dropdowns .Footer__langLinksList a {
    font-weight: 400 !important;
    text-decoration: none !important;
  }

  /* English default (so EN preview is bold no matter what) */
  .mobile_dropdowns .Footer__langLinksList a[data-locale="en"] {
    font-weight: 700 !important;
  }

  /* Locale-specific overrides (if Zoho exposes html[lang]) */
  html[lang^="de"] .mobile_dropdowns .Footer__langLinksList a[data-locale="en"],
  html[lang^="fr"] .mobile_dropdowns .Footer__langLinksList a[data-locale="en"],
  html[lang^="es"] .mobile_dropdowns .Footer__langLinksList a[data-locale="en"],
  html[lang^="it"] .mobile_dropdowns .Footer__langLinksList a[data-locale="en"],
  html[lang^="pt"] .mobile_dropdowns .Footer__langLinksList a[data-locale="en"],
  html[lang^="ja"] .mobile_dropdowns .Footer__langLinksList a[data-locale="en"],
  html[lang^="ko"] .mobile_dropdowns .Footer__langLinksList a[data-locale="en"],
  html[lang*="zh"] .mobile_dropdowns .Footer__langLinksList a[data-locale="en"] {
    font-weight: 400 !important;
  }

  html[lang^="de"] .mobile_dropdowns .Footer__langLinksList a[data-locale="de"],
  html[lang^="fr"] .mobile_dropdowns .Footer__langLinksList a[data-locale="fr"],
  html[lang^="es"] .mobile_dropdowns .Footer__langLinksList a[data-locale="es"],
  html[lang^="it"] .mobile_dropdowns .Footer__langLinksList a[data-locale="it"],
  html[lang^="pt"] .mobile_dropdowns .Footer__langLinksList a[data-locale="pt"],
  html[lang^="ja"] .mobile_dropdowns .Footer__langLinksList a[data-locale="ja"],
  html[lang^="ko"] .mobile_dropdowns .Footer__langLinksList a[data-locale="ko"] {
    font-weight: 700 !important;
  }

  /* Traditional first */
  html[lang*="zh-tw"] .mobile_dropdowns .Footer__langLinksList a[data-locale="zh-tw"] {
    font-weight: 700 !important;
  }
  /* Simplified (exclude zh-tw) */
  html[lang*="zh"]:not([lang*="zh-tw"]) .mobile_dropdowns .Footer__langLinksList a[data-locale="zh"] {
    font-weight: 700 !important;
  }
}

/* HEADER LANGUAGE DROPDOWN - Active language bold */
.LocalePopup__themeLangList.active {
  font-weight: 700 !important;
}

/* FOOTER LANGUAGE DROPDOWN - Active language bold */

@media screen and (max-width: 767px) {

  /* Reset all to normal first */
  .Footer__langLinksList a {
    font-weight: 400;
  }

  /* English */
  html[lang^="en"] .Footer__langLinksList a[data-locale="en"],

  /* German */
  html[lang^="de"] .Footer__langLinksList a[data-locale="de"],

  /* French */
  html[lang^="fr"] .Footer__langLinksList a[data-locale="fr"],

  /* Spanish */
  html[lang^="es"] .Footer__langLinksList a[data-locale="es"],

  /* Italian */
  html[lang^="it"] .Footer__langLinksList a[data-locale="it"],

  /* Portuguese */
  html[lang^="pt"] .Footer__langLinksList a[data-locale="pt"],

  /* Japanese */
  html[lang^="ja"] .Footer__langLinksList a[data-locale="ja"],

  /* Korean */
  html[lang^="ko"] .Footer__langLinksList a[data-locale="ko"],

  /* Traditional Chinese */
  html[lang*="zh-tw"] .Footer__langLinksList a[data-locale="zh-tw"],

  /* Simplified Chinese (exclude zh-tw) */
  html[lang*="zh"]:not([lang*="zh-tw"]) .Footer__langLinksList a[data-locale="zh"] {

    font-weight: 700 !important;
  }
}