@charset "UTF-8";

/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/***** Base *****/
* {
  box-sizing: border-box;
}

body {
  background-color: rgba(0, 0, 0, 1);
  color: rgba(255, 255, 255, 1);
  font-family: 'Thmanyah Sans 1.2', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 1024px) {
  body>main {
    min-height: 65vh;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Thmanyah Sans 1.2', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-top: 0;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 18px;
  font-weight: 600;
}

h4 {
  font-size: 16px;
}

a {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

a:visited {
  color: rgba(255, 254, 255, 1);
}

a:hover,
a:active,
a:focus {
  text-decoration: underline;
}

.hbs-form input,
.hbs-form textarea,
.search input,
.search textarea {
  color: #000;
  font-size: 14px;
}

.hbs-form input,
.search input {
  max-width: 100%;
  box-sizing: border-box;
  transition: border 0.12s ease-in-out;
  /* We use the :where selector to not increase the specificity of the selector */
}

.hbs-form input:where(:not([type=checkbox])),
.search input:where(:not([type=checkbox])) {
  outline: none;
}

.hbs-form input:where(:not([type=checkbox])):focus,
.search input:where(:not([type=checkbox])):focus {
  border: 1px solid rgba(0, 188, 109, 1);
}

.hbs-form input[disabled],
.search input[disabled] {
  background-color: #ddd;
}

.hbs-form select,
.search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #848F99;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}

.hbs-form select:focus,
.search select:focus {
  border: 1px solid rgba(0, 188, 109, 1);
}

.hbs-form select::-ms-expand,
.search select::-ms-expand {
  display: none;
}

.hbs-form textarea,
.search textarea {
  border: 1px solid #848F99;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}

.hbs-form textarea:focus,
.search textarea:focus {
  border: 1px solid rgba(0, 188, 109, 1);
}

.container {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}

@media (min-width: 1160px) {
  .container {
    padding: 0;
    width: 90%;
  }
}

.container-divider {
  border-top: 1px solid #ddd;
  margin-bottom: 20px;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.error-page {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}

@media (min-width: 1160px) {
  .error-page {
    padding: 0;
    width: 90%;
  }
}

.visibility-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/***** Buttons *****/
.button,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link,
.subscriptions-subscribe button,
.requests-table-toolbar .organization-subscribe button,
.community-follow button,
.article-subscribe button,
.section-subscribe button,
.split-button button {
  background-color: transparent;
  border: 1px solid rgba(0, 188, 109, 1);
  border-radius: 4px;
  color: rgba(0, 188, 109, 1);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}

@media (min-width: 768px) {

  .button,
  .pagination-next-link,
  .pagination-prev-link,
  .pagination-first-link,
  .pagination-last-link,
  .subscriptions-subscribe button,
  .requests-table-toolbar .organization-subscribe button,
  .community-follow button,
  .article-subscribe button,
  .section-subscribe button,
  .split-button button {
    width: auto;
  }
}

.button:visited,
.pagination-next-link:visited,
.pagination-prev-link:visited,
.pagination-first-link:visited,
.pagination-last-link:visited,
.subscriptions-subscribe button:visited,
.requests-table-toolbar .organization-subscribe button:visited,
.community-follow button:visited,
.article-subscribe button:visited,
.section-subscribe button:visited,
.split-button button:visited {
  color: rgba(0, 188, 109, 1);
}

.button:hover,
.pagination-next-link:hover,
.pagination-prev-link:hover,
.pagination-first-link:hover,
.pagination-last-link:hover,
.subscriptions-subscribe button:hover,
.requests-table-toolbar .organization-subscribe button:hover,
.community-follow button:hover,
.article-subscribe button:hover,
.section-subscribe button:hover,
.split-button button:hover,
.button:active,
.pagination-next-link:active,
.pagination-prev-link:active,
.pagination-first-link:active,
.pagination-last-link:active,
.subscriptions-subscribe button:active,
.requests-table-toolbar .organization-subscribe button:active,
.community-follow button:active,
.article-subscribe button:active,
.section-subscribe button:active,
.split-button button:active,
.button:focus,
.pagination-next-link:focus,
.pagination-prev-link:focus,
.pagination-first-link:focus,
.pagination-last-link:focus,
.subscriptions-subscribe button:focus,
.requests-table-toolbar .organization-subscribe button:focus,
.community-follow button:focus,
.article-subscribe button:focus,
.section-subscribe button:focus,
.split-button button:focus,
.button.button-primary,
.button-primary.pagination-next-link,
.button-primary.pagination-prev-link,
.button-primary.pagination-first-link,
.button-primary.pagination-last-link,
.subscriptions-subscribe button.button-primary,
.subscriptions-subscribe button[data-selected=true],
.requests-table-toolbar .organization-subscribe button.button-primary,
.requests-table-toolbar .organization-subscribe button[data-selected=true],
.community-follow button.button-primary,
.article-subscribe button.button-primary,
.article-subscribe button[data-selected=true],
.section-subscribe button.button-primary,
.section-subscribe button[data-selected=true],
.split-button button.button-primary {
  background-color: rgba(0, 188, 109, 1);
  color: #FFFFFF;
  text-decoration: none;
}

.button.button-primary:hover,
.button-primary.pagination-next-link:hover,
.button-primary.pagination-prev-link:hover,
.button-primary.pagination-first-link:hover,
.button-primary.pagination-last-link:hover,
.subscriptions-subscribe button.button-primary:hover,
.subscriptions-subscribe button[data-selected=true]:hover,
.requests-table-toolbar .organization-subscribe button.button-primary:hover,
.requests-table-toolbar .organization-subscribe button[data-selected=true]:hover,
.community-follow button.button-primary:hover,
.article-subscribe button.button-primary:hover,
.article-subscribe button[data-selected=true]:hover,
.section-subscribe button.button-primary:hover,
.section-subscribe button[data-selected=true]:hover,
.split-button button:hover,
.button.button-primary:focus,
.button-primary.pagination-next-link:focus,
.button-primary.pagination-prev-link:focus,
.button-primary.pagination-first-link:focus,
.button-primary.pagination-last-link:focus,
.subscriptions-subscribe button.button-primary:focus,
.subscriptions-subscribe button[data-selected=true]:focus,
.requests-table-toolbar .organization-subscribe button.button-primary:focus,
.requests-table-toolbar .organization-subscribe button[data-selected=true]:focus,
.community-follow button.button-primary:focus,
.article-subscribe button.button-primary:focus,
.article-subscribe button[data-selected=true]:focus,
.section-subscribe button.button-primary:focus,
.section-subscribe button[data-selected=true]:focus,
.split-button button.button-primary:focus,
.button.button-primary:active,
.button-primary.pagination-next-link:active,
.button-primary.pagination-prev-link:active,
.button-primary.pagination-first-link:active,
.button-primary.pagination-last-link:active,
.subscriptions-subscribe button.button-primary:active,
.subscriptions-subscribe button[data-selected=true]:active,
.requests-table-toolbar .organization-subscribe button.button-primary:active,
.requests-table-toolbar .organization-subscribe button[data-selected=true]:active,
.community-follow button.button-primary:active,
.article-subscribe button.button-primary:active,
.article-subscribe button[data-selected=true]:active,
.section-subscribe button.button-primary:active,
.section-subscribe button[data-selected=true]:active,
.split-button button.button-primary:active {
  background-color: #005632;
  border-color: #005632;
}

.button[data-disabled],
[data-disabled].pagination-next-link,
[data-disabled].pagination-prev-link,
[data-disabled].pagination-first-link,
[data-disabled].pagination-last-link,
.subscriptions-subscribe button[data-disabled],
.requests-table-toolbar .organization-subscribe button[data-disabled],
.community-follow button[data-disabled],
.article-subscribe button[data-disabled],
.section-subscribe button[data-disabled],
.split-button button[data-disabled] {
  cursor: default;
}

.button-large,
.hbs-form input[type=submit] {
  cursor: pointer;
  background-color: rgba(0, 188, 109, 1);
  border: 0;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}

@media (min-width: 768px) {

  .button-large,
  .hbs-form input[type=submit] {
    width: auto;
  }
}

.button-large:visited,
.hbs-form input[type=submit]:visited {
  color: #FFFFFF;
}

.button-large:hover,
.button-large:active,
.button-large:focus,
.hbs-form input[type=submit]:hover,
.hbs-form input[type=submit]:active,
.hbs-form input[type=submit]:focus {
  background-color: #005632;
}

.button-large[disabled],
.hbs-form input[type=submit][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: #fff;
  border: 1px solid #848F99;
  background-color: transparent;
}

.button-secondary:visited {
  color: #fff;
}

.button-secondary:hover,
.button-secondary:focus,
.button-secondary:active {
  color: rgba(255, 255, 255, 1);
  border: 1px solid #848F99;
  background-color: #000;
}

/***** Split button *****/
.split-button {
  display: flex;
}

.split-button button {
  background-color: rgba(0, 188, 109, 1);
  border: 0;
  color: #FFFFFF;
  height: 32px;
  line-height: 16px;
  outline-color: rgba(0, 188, 109, 1);
}

[dir=rtl] .split-button button:not(:only-child):first-child {
  border-left: 1px solid #FFFFFF;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

[dir=ltr] .split-button button:not(:only-child):first-child {
  border-right: 1px solid #FFFFFF;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

.split-button button:not(:only-child):last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  padding: 0;
}

[dir=rtl] .split-button button:not(:only-child):last-child {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

[dir=ltr] .split-button button:not(:only-child):last-child {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

/***** Tables *****/
.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

@media (min-width: 768px) {
  .table {
    table-layout: auto;
  }
}

.table th,
.table th a {
  color: #fff;
  font-size: 13px;
  text-align: left;
}

[dir=rtl] .table th,
[dir=rtl] .table th a {
  text-align: right;
}

.table tr {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .table tr {
    display: table-row;
  }
}

.table td {
  display: block;
}

@media (min-width: 768px) {
  .table td {
    display: table-cell;
  }
}

@media (min-width: 1024px) {

  .table td,
  .table th {
    padding: 20px 30px;
  }
}

@media (min-width: 768px) {

  .table td,
  .table th {
    padding: 10px 20px;
    height: 60px;
  }
}

/***** Forms *****/
.form {
  max-width: 650px;
}

.form-field~.form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.form-field input {
  border: 1px solid #848F99;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}

.form-field input:focus {
  border: 1px solid rgba(0, 188, 109, 1);
}

.form-field input[type=text] {
  border: 1px solid #848F99;
  border-radius: 4px;
}

.form-field input[type=text]:focus {
  border: 1px solid rgba(0, 188, 109, 1);
}

.form-field input[type=checkbox] {
  width: auto;
}

.form-field .nesty-input {
  border-radius: 4px;
  border: 1px solid #848F99;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}

.form-field .nesty-input:focus {
  border: 1px solid rgba(0, 188, 109, 1);
  text-decoration: none;
}

.form-field .hc-multiselect-toggle {
  border: 1px solid #848F99;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid rgba(0, 188, 109, 1);
  text-decoration: none;
}

.form-field textarea {
  vertical-align: middle;
}

.form-field input[type=checkbox]+label {
  margin: 0 0 0 10px;
}

.form-field .optional {
  color: #fff;
  margin-left: 4px;
}

.form-field p {
  color: #fff;
  font-size: 12px;
  margin: 5px 0;
}

.form footer {
  margin-top: 40px;
  padding-top: 30px;
}

.form footer a {
  color: #fff;
  cursor: pointer;
  margin-right: 15px;
}

.form .suggestion-list {
  font-size: 13px;
  margin-top: 30px;
}

.form .suggestion-list label {
  border-bottom: 1px solid #ddd;
  display: block;
  padding-bottom: 5px;
}

.form .suggestion-list li {
  padding: 10px 0;
}

.form .suggestion-list li a:visited {
  color: rgba(255, 254, 255, 1);
}

/***** Header *****/
.header {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  align-items: center;
  display: flex;
  height: 71px;
  justify-content: space-between;
}

@media (min-width: 1160px) {
  .header {
    padding: 0;
    width: 90%;
  }
}

.logo img {
  max-height: 37px;
  vertical-align: middle;
}

.logo span {
  margin: 0 10px;
  color: rgba(0, 188, 109, 1);
}

.logo a {
  display: inline-block;
}

.logo a:hover,
.logo a:focus,
.logo a:active {
  text-decoration: none;
}

.user-nav {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .user-nav {
    position: relative;
  }
}

.user-nav[aria-expanded=true] {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 1;
}

.user-nav[aria-expanded=true]>a {
  display: block;
  margin: 20px;
}

.user-nav[aria-expanded=true]>.user-nav-list li {
  display: block;
}

.user-nav[aria-expanded=true]>.user-nav-list a {
  display: block;
  margin: 20px;
}

.user-nav-list {
  display: block;
  list-style: none;
}

.user-nav-list>li {
  display: inline-block;
}

@media (max-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}

@media (min-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}

@media (min-width: 1024px) {
  .nav-wrapper-desktop {
    display: inline-block;
  }
}

.nav-wrapper-desktop a {
  border: 0;
  color: rgba(255, 255, 255, 1);
  display: none;
  font-size: 14px;
  padding: 0 20px 0 0;
  width: auto;
}

@media (min-width: 768px) {
  .nav-wrapper-desktop a {
    display: inline-block;
  }
}

[dir=rtl] .nav-wrapper-desktop a {
  padding: 0 0 0 20px;
}

.nav-wrapper-desktop a:hover,
.nav-wrapper-desktop a:focus,
.nav-wrapper-desktop a:active {
  background-color: transparent;
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

@media (min-width: 1024px) {
  .nav-wrapper-mobile {
    display: none;
  }
}

.nav-wrapper-mobile .menu-button-mobile {
  background: none;
  border: 0;
  width: auto;
  min-width: 71px;
  cursor: pointer;
}

.nav-wrapper-mobile .menu-button-mobile .icon-menu {
  padding: 7px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] .icon-menu {
  background: #f3f3f3;
}

.nav-wrapper-mobile .menu-list-mobile {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 2;
}

.nav-wrapper-mobile .menu-list-mobile[aria-expanded=false] {
  display: none;
}

.nav-wrapper-mobile .menu-list-mobile[aria-expanded=true] {
  display: block;
}

.nav-wrapper-mobile .menu-list-mobile-items .item {
  margin: 4px 0;
}

.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider) {
  display: none;
}

.nav-wrapper-mobile .menu-list-mobile-items .nav-divider {
  border-bottom: 0.1px solid #ddd;
  padding: 0;
}

.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child {
  display: none;
}

.nav-wrapper-mobile .menu-list-mobile-items button {
  background: none;
  border: none;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
  text-align: start;
}

.nav-wrapper-mobile .menu-list-mobile-items button:active,
.nav-wrapper-mobile .menu-list-mobile-items button:focus,
.nav-wrapper-mobile .menu-list-mobile-items button:hover {
  background-color: #f3f3f3;
  text-decoration: underline;
}

.nav-wrapper-mobile .menu-list-mobile-items a {
  display: block;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, 1);
}

.nav-wrapper-mobile .menu-list-mobile-items a:active,
.nav-wrapper-mobile .menu-list-mobile-items a:focus,
.nav-wrapper-mobile .menu-list-mobile-items a:hover {
  background-color: #f3f3f3;
}

.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
  display: flex;
  line-height: 1.5;
}

.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
  font-size: 12px;
  color: #68737D;
}

.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  margin-top: 1px;
}

[dir=rtl] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  margin-right: 0;
  margin-left: 8px;
}

.skip-navigation {
  align-items: center;
  background-color: black;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  padding: 20px;
  overflow: hidden;
  position: absolute;
  top: auto;
  z-index: -999;
}

[dir=rtl] .skip-navigation {
  left: initial;
  right: -999px;
}

.skip-navigation:focus,
.skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  text-decoration: none;
  top: auto;
  z-index: 999;
}

[dir=rtl] .skip-navigation:focus,
[dir=rtl] .skip-navigation:active {
  left: initial;
  right: auto;
}

#zd-modal-container~.skip-navigation {
  display: none;
}

/***** User info in header *****/
.user-info {
  display: inline-block;
}

.user-info .dropdown-toggle::after {
  display: none;
}

@media (min-width: 768px) {
  .user-info .dropdown-toggle::after {
    display: inline-block;
  }
}

.user-info>button {
  border: 0;
  color: rgba(255, 255, 255, 1);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info>button:hover,
.user-info>button:focus {
  color: rgba(255, 255, 255, 1);
  background-color: transparent;
}

.user-info>button::after {
  color: rgba(255, 255, 255, 1);
  padding-right: 15px;
}

[dir=rtl] .user-info>button::after {
  padding-left: 15px;
  padding-right: 0;
}

#user #user-name {
  display: none;
  font-size: 14px;
}

@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}

#user #user-name:hover {
  text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.avatar {
  display: inline-block;
  position: relative;
}

.avatar img {
  height: 40px;
  width: 40px;
}

.avatar .icon-agent {
  color: rgba(0, 188, 109, 1);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: #FFFFFF;
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
.footer {
  border-top: 1px solid #ddd;
  margin-top: 60px;
  padding: 30px 0;
}

.footer a {
  color: #fff;
}

.footer-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 1160px) {
  .footer-inner {
    padding: 0;
    width: 90%;
  }
}

.footer-language-selector button {
  color: #fff;
  display: inline-block;
}

.powered-by-zendesk a,
.powered-by-zendesk a:visited {
  color: #fff;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
  display: flex;
}

@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}

.breadcrumbs li {
  color: #fff;
  font-size: 13px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li+li::before {
  content: ">";
  margin: 0 4px;
}

.breadcrumbs li a:visited {
  color: rgba(255, 255, 255, 1);
}

/***** Search field *****/
.search-container {
  position: relative;
}

.search {
  border-color: #848F99;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  position: relative;
  transition: border 0.12s ease-in-out;
}

.search:focus-within {
  border-color: rgba(0, 188, 109, 1);
}

.search input[type=search],
.search .clear-button {
  background-color: #fff;
  border-radius: 30px;
  border: none;
}

.search-full input[type=search],
.search-full .clear-button {
  border-color: #fff;
}

.search input[type=search] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: #666;
  flex: 1 1 auto;
  height: 40px;
  width: 100%;
}

.search input[type=search]:focus {
  color: #555;
}

.search input[type=search]::-webkit-search-decoration,
.search input[type=search]::-webkit-search-cancel-button,
.search input[type=search]::-webkit-search-results-button,
.search input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.search input[type=search]:-webkit-autofill,
.search input[type=search]:-webkit-autofill:hover,
.search input[type=search]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.search .clear-button {
  align-items: center;
  box-sizing: border-box;
  color: #777;
  cursor: pointer;
  display: none;
  flex: none;
  justify-content: center;
  padding: 0 15px;
}

.search .clear-button:hover {
  background-color: rgba(0, 188, 109, 1);
  color: #fff;
}

.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(0, 188, 109, 1);
}

.search-has-value .clear-button {
  display: flex;
}

[dir=ltr] .search input[type=search] {
  padding-left: 40px;
  padding-right: 20px;
}

[dir=ltr] .search-has-value input[type=search] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}

[dir=ltr] .search-has-value input[type=search]:focus {
  border-right-color: rgba(0, 188, 109, 1);
}

[dir=ltr] .search .clear-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}

[dir=ltr] .search .clear-button:focus {
  border-left-color: rgba(0, 188, 109, 1);
}

[dir=rtl] .search input[type=search] {
  padding-left: 20px;
  padding-right: 40px;
}

[dir=rtl] .search-has-value input[type=search] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}

[dir=rtl] .search-has-value input[type=search]:focus {
  border-left-color: rgba(0, 188, 109, 1);
}

[dir=rtl] .search .clear-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}

[dir=rtl] .search .clear-button:focus {
  border-right-color: rgba(0, 188, 109, 1);
}

.search-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 15px;
  z-index: 1;
  width: 18px;
  height: 18px;
  color: #777;
  pointer-events: none;
}

[dir=rtl] .search-icon {
  left: auto;
  right: 15px;
}

/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01K1KNJ4B0F3V7XTKT56A6C41Y);
  background-position: center;
  background-size: cover;
  height: 300px;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}

.hero-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 610px;
  margin: 0 auto;
}

.page-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0;
}

@media (min-width: 768px) {
  .page-header {
    align-items: baseline;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
  }
}

.page-header .section-subscribe {
  flex-shrink: 0;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .page-header .section-subscribe {
    margin-bottom: 0;
  }
}

.page-header h1 {
  flex-grow: 1;
  margin-bottom: 10px;
}

.page-header-description {
  font-style: italic;
  margin: 0 0 30px 0;
  word-break: break-word;
}

@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
}

.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.sub-nav {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px 30px;
  justify-content: space-between;
  margin-bottom: 55px;
}

@media (min-width: 768px) {
  .sub-nav {
    flex-direction: row;
  }
}

.sub-nav .breadcrumbs {
  margin: 0;
}

.sub-nav .search-container {
  max-width: 300px;
  width: 100%;
}

@media (min-width: 768px) {
  .sub-nav .search-container {
    flex: 0 1 300px;
  }
}

.sub-nav input[type=search]::after {
  font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}

@media (min-width: 768px) {
  .blocks-list {
    margin: 0 -15px;
  }
}

.blocks-item {
  border: 1px solid rgba(0, 188, 109, 1);
  border-radius: 4px;
  box-sizing: border-box;
  color: rgba(0, 188, 109, 1);
  display: flex;
  flex: 1 0 340px;
  margin: 0 0 30px;
  max-width: 100%;
  text-align: center;
}

@media (min-width: 768px) {
  .blocks-item {
    margin: 0 15px 30px;
  }
}

.blocks-item:hover,
.blocks-item:focus,
.blocks-item:active {
  background-color: rgba(0, 188, 109, 1);
}

.blocks-item:hover *,
.blocks-item:focus *,
.blocks-item:active * {
  color: #FFFFFF;
  text-decoration: none;
}

.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #ddd;
}

.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}

.blocks-item-internal a {
  color: rgba(255, 255, 255, 1);
}

.blocks-item-link {
  color: rgba(0, 188, 109, 1);
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  border-radius: inherit;
}

.blocks-item-link:visited,
.blocks-item-link:hover,
.blocks-item-link:active {
  color: inherit;
  text-decoration: none;
}

.blocks-item-link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(0, 188, 109, 1);
  text-decoration: none;
}

.blocks-item-title {
  margin-bottom: 0;
  font-size: 16px;
}

.blocks-item-description {
  margin: 0;
}

.blocks-item-description:not(:empty) {
  margin-top: 10px;
}

/***** Homepage *****/
.section {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .section {
    margin-bottom: 60px;
  }
}

.home-section h2 {
  margin-bottom: 10px;
  text-align: center;
}

/***** Promoted articles *****/
.promoted-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .promoted-articles {
    flex-direction: row;
  }
}

.promoted-articles-item {
  flex: 1 0 auto;
}

@media (min-width: 1024px) {
  .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 auto;
    padding-right: 30px;
    width: 33%;
    /* Three columns on desktop */
  }

  [dir=rtl] .promoted-articles-item {
    padding: 0 0 0 30px;
  }
}

.promoted-articles-item:nth-child(3n) {
  padding-right: 0;
}

.promoted-articles-item a {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}

.promoted-articles-item .icon-lock {
  vertical-align: baseline;
}

.promoted-articles-item:last-child a {
  border: 0;
}

@media (min-width: 1024px) {
  .promoted-articles-item:last-child a {
    border-bottom: 1px solid #ddd;
  }
}

/***** Community section in homepage *****/
.community {
  text-align: center;
}

.community-image {
  min-height: 300px;
  margin-top: 32px;
  background-image: url(/hc/theming_assets/01K1KNJ4B0F3V7XTKT56A6C41Y);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}

.community a {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

.community a:visited {
  color: rgba(255, 254, 255, 1);
}

.community a:hover,
.community a:active,
.community a:focus {
  color: rgba(0, 188, 109, 1);
}

.community,
.activity {
  border-top: 1px solid #ddd;
  padding: 30px 0;
}

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}

.recent-activity-list {
  padding: 0;
}

.recent-activity-item {
  border-bottom: 1px solid #ddd;
  overflow: auto;
  padding: 20px 0;
}

.recent-activity-item h3 {
  margin: 0;
}

.recent-activity-item-parent {
  font-size: 16px;
  font-weight: 600;
}

.recent-activity-item-parent,
.recent-activity-item-link {
  margin: 6px 0;
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) {

  .recent-activity-item-parent,
  .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}

.recent-activity-item-link {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recent-activity-item-meta {
  color: rgba(255, 255, 255, 1);
  margin: 15px 0 0 0;
  float: none;
}

@media (min-width: 768px) {
  .recent-activity-item-meta {
    margin: 0;
    float: right;
  }

  [dir=rtl] .recent-activity-item-meta {
    float: left;
  }
}

.recent-activity-item-time,
.recent-activity-item-comment {
  display: inline-block;
  font-size: 13px;
}

.recent-activity-item-comment {
  padding-left: 5px;
}

[dir=rtl] .recent-activity-item-comment {
  padding: 0 5px 0 0;
}

.recent-activity-item-comment::before {
  display: inline-block;
}

.recent-activity-controls {
  padding-top: 15px;
}

.recent-activity-controls a {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

.recent-activity-controls a:visited {
  color: rgba(255, 254, 255, 1);
}

.recent-activity-controls a:hover,
.recent-activity-controls a:active,
.recent-activity-controls a:focus {
  color: rgba(0, 188, 109, 1);
}

.recent-activity-accessibility-label {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.recent-activity-comment-icon svg {
  vertical-align: middle;
  color: rgba(0, 188, 109, 1);
  width: 16px;
  height: 16px;
}

.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
  margin-left: 3px;
}

[dir=rtl] .recent-activity-comment-icon:after {
  margin-left: 0;
  margin-right: 3px;
}

/***** Category pages *****/
.category-container {
  display: flex;
  justify-content: flex-end;
}

.category-content {
  flex: 1;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .category-content {
    flex: 0 0 80%;
  }
}

.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .section-tree {
    flex-direction: row;
  }
}

.section-tree .section {
  flex: initial;
  max-width: 100%;
}

@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 45%;
    /* Two columns for tablet and desktop. Leaving 5% separation between columns */
  }
}

.section-tree-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.section-tree-title a {
  color: rgba(255, 255, 255, 1);
}

.section-tree .see-all-articles {
  display: block;
  padding: 15px 0;
}

.article-list-item {
  font-size: 16px;
  padding: 15px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* .article-list-item:first-child {
  border-top: none;
} */

.article-list-item a {
  color: rgba(255, 255, 255, 1);
}

.icon-star {
  color: rgba(0, 188, 109, 1);
  font-size: 18px;
}

/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
}

.section-content {
  flex: 1;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .section-content {
    flex: 0 0 80%;
  }
}

.section-list {
  margin: 40px 0;
}

.section-list-item {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  padding: 15px 0;
}

.section-list-item:first-child {
  border-top: 1px solid #ddd;
}

.section-list-item a {
  align-items: center;
  color: rgba(255, 255, 255, 1);
  display: flex;
  justify-content: space-between;
}

.see-all-sections-trigger {
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
}

.see-all-sections-trigger[aria-hidden=true] {
  display: none;
}

/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1 0 auto;
}

@media (min-width: 1024px) {
  .article {
    flex: 1 0 66%;
    max-width: 66%;
    min-width: 640px;
    padding: 0 30px;
  }
}

.article-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .article-container {
    flex-direction: row;
  }
}

.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
    margin-top: 0;
  }
}

.article-avatar {
  margin-right: 10px;
}

.article-author {
  margin-bottom: 10px;
}

.article-title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%;
    /* Take entire row */
  }
}

.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.article [role=button] {
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
}

@media (min-width: 768px) {
  .article [role=button] {
    width: auto;
  }
}

.article-info {
  max-width: 100%;
}

.article-meta {
  display: inline-block;
  vertical-align: middle;
}

.article-body {
  display: flow-root;
}

.article-body a {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

.article-body a:visited {
  color: rgba(255, 254, 255, 1);
}

.article-body a:hover,
.article-body a:active,
.article-body a:focus {
  color: rgba(0, 188, 109, 1);
}

.article-body img {
  height: auto;
  max-width: 100%;
}

.article-body p>img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}

.article-body p>img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}

.article-body p>img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}

.article-body p>img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

.article-body figure.image {
  display: table;
  margin: 0 auto;
}

.article-body figure.image>img {
  display: block;
  width: 100%;
}

.article-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}

.article-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}

.article-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}

.article-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

.article-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #000;
}

.article-body ul,
.article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir=rtl] .article-body ul,
[dir=rtl] .article-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.article-body ul>ul,
.article-body ol>ol,
.article-body ol>ul,
.article-body ul>ol,
.article-body li>ul,
.article-body li>ol {
  margin: 0;
}

.article-body ul {
  list-style-type: disc;
}

.article-body :not(pre)>code {
  background: #000;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.article-body pre {
  background: #000;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}

.article-body blockquote {
  border-left: 1px solid #ddd;
  color: #fff;
  font-style: italic;
  padding: 0 15px;
}

.article-body>p:last-child {
  margin-bottom: 0;
}

.article-content {
  line-height: 1.6;
  margin: 40px 0;
  word-wrap: break-word;
}

.article-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.article-comment-count {
  color: #fff;
}

.article-comment-count:hover {
  text-decoration: none;
}

.article-comment-count-icon {
  vertical-align: middle;
  color: rgba(0, 188, 109, 1);
  width: 18px;
  height: 18px;
}

.article-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 17%;
    height: auto;
    max-width: 17%;
  }
}

.article-relatives {
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .article-relatives {
    flex-direction: row;
  }
}

.article-relatives>* {
  flex: 1 0 50%;
  min-width: 50%;
  overflow-wrap: break-word;
  margin-right: 0;
}

.article-relatives>*:last-child {
  padding: 0;
}

@media (min-width: 768px) {
  .article-relatives>* {
    padding-right: 20px;
  }
}

.article-votes {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
}

.article-votes-question {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
}

.article-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}

.article-more-questions {
  margin: 10px 0 20px;
  text-align: center;
}

.article-more-questions a {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

.article-more-questions a:visited {
  color: rgba(255, 254, 255, 1);
}

.article-more-questions a:hover,
.article-more-questions a:active,
.article-more-questions a:focus {
  color: rgba(0, 188, 109, 1);
}

.article-return-to-top {
  border-top: 1px solid #848F99;
}

@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}

.article-return-to-top a {
  color: rgba(255, 255, 255, 1);
  display: block;
  padding: 20px 0;
}

.article-return-to-top a:hover,
.article-return-to-top a:focus {
  text-decoration: none;
}

.article-return-to-top-icon {
  transform: rotate(0.5turn);
}

.article td>p:first-child,
.article th>p:first-child {
  margin-top: 0;
}

.article td>p:last-child,
.article th>p:last-child {
  margin-bottom: 0;
}

.sidenav-title {
  font-size: 15px;
  position: relative;
  font-weight: 600;
}

.sidenav-item {
  display: block;
  margin-top: 10px;
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recent-articles li,
.related-articles li {
  margin-bottom: 15px;
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}

.attachments .attachment-item:last-child {
  margin-bottom: 0;
}

.attachments .attachment-item .attachment-icon {
  color: rgba(255, 255, 255, 1);
  left: 0;
  position: absolute;
  top: 5px;
}

[dir=rtl] .attachments .attachment-item {
  padding-left: 0;
  padding-right: 20px;
}

[dir=rtl] .attachments .attachment-item .attachment-icon {
  left: auto;
  right: 0;
}

.upload-dropzone span {
  color: #fff;
}

/***** Social share links *****/
.share {
  padding: 0;
  white-space: nowrap;
}

.share li,
.share a {
  display: inline-block;
}

.share li {
  height: 25px;
  width: 25px;
}

.share a {
  color: #fff;
}

.share a:hover {
  text-decoration: none;
  color: rgba(0, 188, 109, 1);
}

.share a svg {
  height: 18px;
  width: 18px;
  display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}

.comment-heading,
.recent-articles-title,
.related-articles-title {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
}

.comment-overview {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}

.comment-overview p {
  margin-top: 0;
}

.comment-callout {
  color: #fff;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}

.comment-callout a {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

.comment-callout a:visited {
  color: rgba(255, 254, 255, 1);
}

.comment-callout a:hover,
.comment-callout a:active,
.comment-callout a:focus {
  color: rgba(0, 188, 109, 1);
}

.comment-sorter {
  display: inline-block;
  float: right;
}

.comment-sorter .dropdown-toggle {
  color: #fff;
  font-size: 13px;
}

[dir=rtl] .comment-sorter {
  float: left;
}

.comment-wrapper {
  display: flex;
  position: relative;
}

.comment-wrapper.comment-official {
  border: 1px solid rgba(0, 188, 109, 1);
  padding: 40px 20px 20px;
}

@media (min-width: 768px) {
  .comment-wrapper.comment-official {
    padding-top: 20px;
  }
}

.comment-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

[dir=rtl] .comment-info {
  padding-right: 0;
  padding-left: 20px;
}

.comment-author {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .comment-author {
    justify-content: space-between;
  }
}

.comment-avatar {
  margin-right: 10px;
}

[dir=rtl] .comment-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.comment-meta {
  flex: 1 1 auto;
}

.comment-labels {
  flex-basis: 100%;
}

@media (min-width: 768px) {
  .comment-labels {
    flex-basis: auto;
  }
}

.comment .status-label:not(.status-label-official) {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .comment .status-label:not(.status-label-official) {
    margin-top: 0;
  }
}

.comment-form {
  display: flex;
  padding-top: 30px;
  word-wrap: break-word;
}

.comment-container {
  width: 100%;
}

.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: left;
}

@media (min-width: 768px) {
  [dir=ltr] .comment-form-controls {
    text-align: right;
  }
}

.comment-form-controls input[type=submit] {
  margin-top: 15px;
}

@media (min-width: 1024px) {
  .comment-form-controls input[type=submit] {
    margin-left: 15px;
  }

  [dir=rtl] .comment-form-controls input[type=submit] {
    margin-left: 0;
    margin-right: 15px;
  }
}

.comment-form-controls input[type=checkbox] {
  margin-right: 5px;
}

.comment-form-controls input[type=checkbox] [dir=rtl] {
  margin-left: 5px;
}

.comment-ccs {
  display: none;
}

.comment-ccs+textarea {
  margin-top: 10px;
}

.comment-attachments {
  margin-top: 10px;
}

.comment-attachments a {
  color: rgba(0, 188, 109, 1);
}

.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flow-root;
  font-family: 'Thmanyah Sans 1.2', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}

.comment-body a {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

.comment-body a:visited {
  color: rgba(255, 254, 255, 1);
}

.comment-body a:hover,
.comment-body a:active,
.comment-body a:focus {
  color: rgba(0, 188, 109, 1);
}

.comment-body img {
  height: auto;
  max-width: 100%;
}

.comment-body p>img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}

.comment-body p>img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}

.comment-body p>img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}

.comment-body p>img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

.comment-body figure.image {
  display: table;
  margin: 0 auto;
}

.comment-body figure.image>img {
  display: block;
  width: 100%;
}

.comment-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}

.comment-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}

.comment-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}

.comment-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

.comment-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #000;
}

.comment-body ul,
.comment-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir=rtl] .comment-body ul,
[dir=rtl] .comment-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.comment-body ul>ul,
.comment-body ol>ol,
.comment-body ol>ul,
.comment-body ul>ol,
.comment-body li>ul,
.comment-body li>ol {
  margin: 0;
}

.comment-body ul {
  list-style-type: disc;
}

.comment-body :not(pre)>code {
  background: #000;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.comment-body pre {
  background: #000;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}

.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #fff;
  font-style: italic;
  padding: 0 15px;
}

.comment-mark-as-solved {
  display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.vote a:active,
.vote a:hover,
.vote a:focus {
  text-decoration: none;
}

.vote-sum {
  color: #fff;
  display: block;
  margin: 3px 0;
}

[dir=rtl] .vote-sum {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.vote-up svg {
  transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {
  color: rgba(0, 188, 109, 1);
}

.vote-up,
.vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: rgba(0, 188, 109, 1);
}

.vote-voted:hover {
  color: #005632;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
  text-align: center;
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari*/
}

.actions button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01K1KNJ4B0F3V7XTKT56A6C41Y);
  margin-bottom: 10px;
}

.community-footer {
  padding-top: 50px;
  text-align: center;
}

.community-footer-title {
  font-size: 16px;
  margin-bottom: 20px;
}

.community-featured-posts .title {
  font-size: 18px;
  font-weight: 600;
}

.community-featured-posts,
.community-activity {
  padding-top: 40px;
  width: 100%;
}

.community-header {
  margin-bottom: 30px;
}

.community-header .title {
  margin-bottom: 0;
  font-size: 16px;
}

.post-to-community {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .post-to-community {
    margin: 0;
  }
}

/* Community topics grid */
.topics {
  max-width: none;
  width: 100%;
}

.topics-item .meta-group {
  justify-content: center;
  margin-top: 20px;
}

/* Community topic page */
.topic-header {
  border-bottom: 1px solid #ddd;
  font-size: 13px;
}

@media (min-width: 768px) {
  .topic-header {
    padding-bottom: 10px;
  }
}

.topic-header .dropdown {
  display: block;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

@media (min-width: 768px) {
  .topic-header .dropdown {
    border-top: 0;
    display: inline-block;
    margin-right: 20px;
    padding: 0;
  }
}

.no-posts-with-filter {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow {
  margin-bottom: 10px;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow {
    margin-bottom: 0;
    width: auto;
  }
}

.community-follow button {
  line-height: 30px;
  padding: 0 10px 0 15px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow button {
    width: auto;
  }
}

.community-follow button:hover {
  background-color: rgba(0, 188, 109, 1);
}

.community-follow button:hover::after,
.community-follow button:focus::after {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.community-follow button[data-selected=true] {
  background-color: rgba(0, 188, 109, 1);
  color: #FFFFFF;
}

.community-follow button[data-selected=true]::after {
  border-left: 1px solid #FFFFFF;
  color: #FFFFFF;
}

.community-follow button[data-selected=true]:hover {
  background-color: #005632;
  border-color: #005632;
}

.community-follow button::after {
  border-left: 1px solid rgba(0, 188, 109, 1);
  content: attr(data-follower-count);
  color: rgba(0, 188, 109, 1);
  display: inline-block;
  font-family: 'Thmanyah Sans 1.2', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}

@media (min-width: 768px) {
  .community-follow button::after {
    position: static;
  }
}

[dir=rtl] .community-follow button::after {
  border-left: 0;
  border-right: 1px solid rgba(0, 188, 109, 1);
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
  padding: 0;
}

.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .striped-list-item {
    align-items: center;
    flex-direction: row;
  }
}

.striped-list-info {
  flex: 2;
}

.striped-list-title {
  color: rgba(255, 255, 255, 1);
  margin-bottom: 10px;
  margin-right: 5px;
}

.striped-list-title:hover,
.striped-list-title:focus,
.striped-list-title:active {
  text-decoration: underline;
}

.striped-list-title:visited {
  color: rgba(255, 254, 255, 1);
}

.striped-list .meta-group {
  margin: 5px 0;
}

.striped-list-count {
  color: #fff;
  font-size: 13px;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
  }
}

.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}

@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}

.striped-list-count-item:last-child::after {
  display: none;
}

.striped-list-number {
  text-align: center;
}

@media (min-width: 768px) {
  .striped-list-number {
    color: rgba(255, 255, 255, 1);
    display: block;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #038153;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}

.status-label:hover,
.status-label:active,
.status-label:focus {
  text-decoration: none;
}

.status-label-pinned,
.status-label-featured,
.status-label-official {
  background-color: rgba(0, 188, 109, 1);
}

.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}

[dir=rtl] .status-label-official {
  left: 30px;
  right: auto;
}

.status-label-not-planned,
.status-label-closed {
  background-color: #e9ebed;
  color: #fff;
}

.status-label-pending,
.status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}

.status-label-open {
  background-color: #c72a1c;
}

.status-label-solved {
  background-color: #68737d;
}

.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}

.status-label-hold {
  background-color: #000;
}

.status-label-request {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  .status-label-request {
    max-width: 150px;
  }
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
  flex: 1;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .post {
    flex: 1 0 70%;
    max-width: 70%;
  }
}

.post-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .post-container {
    flex-direction: row;
  }
}

.post-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .post-header {
    align-items: baseline;
    flex-direction: row;
  }
}

.post-header .status-label {
  vertical-align: super;
}

.post-title {
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .post-title {
    margin-bottom: 0;
    padding-right: 10px;
  }
}

.post-title h1 {
  display: inline;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .post-title h1 {
    margin-right: 5px;
  }
}

.post-author {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

.post-avatar {
  margin-bottom: 30px;
}

.post-content {
  font-family: 'Thmanyah Sans 1.2', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  word-break: break-word;
}

.post-info-container {
  display: flex;
  margin-bottom: 40px;
}

.post-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

[dir=rtl] .post-info {
  padding-right: 0;
  padding-left: 20px;
}

.post-meta {
  display: inline-block;
  flex: 1;
  margin-left: 10px;
  vertical-align: middle;
}

[dir=rtl] .post-meta {
  margin-left: 0;
  margin-right: 10px;
}

.post-body {
  display: flow-root;
}

.post-body a {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

.post-body a:visited {
  color: rgba(255, 254, 255, 1);
}

.post-body a:hover,
.post-body a:active,
.post-body a:focus {
  color: rgba(0, 188, 109, 1);
}

.post-body img {
  height: auto;
  max-width: 100%;
}

.post-body p>img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}

.post-body p>img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}

.post-body p>img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}

.post-body p>img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

.post-body figure.image {
  display: table;
  margin: 0 auto;
}

.post-body figure.image>img {
  display: block;
  width: 100%;
}

.post-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}

.post-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}

.post-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}

.post-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

.post-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #000;
}

.post-body ul,
.post-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir=rtl] .post-body ul,
[dir=rtl] .post-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.post-body ul>ul,
.post-body ol>ol,
.post-body ol>ul,
.post-body ul>ol,
.post-body li>ul,
.post-body li>ol {
  margin: 0;
}

.post-body ul {
  list-style-type: disc;
}

.post-body :not(pre)>code {
  background: #000;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.post-body pre {
  background: #000;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}

.post-body blockquote {
  border-left: 1px solid #ddd;
  color: #fff;
  font-style: italic;
  padding: 0 15px;
}

.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.post-comment-count {
  color: #fff;
}

.post-comment-count:hover {
  text-decoration: none;
}

.post-comment-count .icon-comments {
  color: rgba(0, 188, 109, 1);
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}

.post-sidebar {
  border-top: 1px solid #ddd;
  flex: 1;
  padding: 30px 0;
  text-align: center;
}

@media (min-width: 1024px) {
  .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: initial;
  }

  [dir=rtl] .post-sidebar {
    padding: 0 50px 0 0;
  }
}

.post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
}

.post-comments {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .post-comments {
    margin-bottom: 0;
  }
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
  background-color: #04444d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 0px 8px;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
}

.community-badge-titles {
  display: inline;
}

.community-badge-achievement {
  display: block;
  height: 16px;
  white-space: nowrap;
  width: 16px;
}

.community-badge-achievement img {
  width: 100%;
  height: 100%;
}

.community-badge-achievements {
  display: flex;
}

.community-badge-achievements-rest {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
}

.community-badge {
  margin: 2px;
}

.profile-info .community-badge-title {
  padding: 2px 8px;
  line-height: 20px;
}

.profile-info .community-badge-achievement {
  height: 40px;
  width: 40px;
}

.profile-info .community-badge-achievements-rest {
  line-height: 40px;
  font-size: 20px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
  flex-direction: column;
  font-size: 14px;
  position: relative;
}

@media (min-width: 768px) {
  .collapsible-nav {
    flex-direction: row;
  }
}

.collapsible-nav-border {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

@media (min-width: 768px) {
  .collapsible-nav-border {
    border-top: 0;
  }
}

.collapsible-nav-toggle {
  top: 22.5px;
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .collapsible-nav-toggle {
    display: none;
  }
}

[dir=rtl] .collapsible-nav-toggle {
  left: 0;
  right: auto;
}

.collapsible-nav-toggle-icon {
  display: none;
}

.collapsible-nav-toggle[aria-expanded=false] .chevron-icon {
  display: inline-block;
}

.collapsible-nav-toggle[aria-expanded=true] .x-icon {
  display: inline-block;
}

.collapsible-nav-toggle:focus {
  outline: none;
  border: 1px solid rgba(0, 188, 109, 1);
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}

.collapsible-nav-list li {
  color: rgba(255, 255, 255, 1);
  line-height: 45px;
  order: 1;
}

@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
  }

  [dir=rtl] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
  }

  .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
  }
}

.collapsible-nav-list li a {
  color: rgba(255, 255, 255, 1);
  display: block;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid #ddd;
  }

  .collapsible-nav-list li:hover a:not([aria-current=page]) {
    padding: 15px 0 11px 0;
    text-decoration: none;
  }
}

.collapsible-nav-list li:not([aria-selected=true]),
.collapsible-nav-list li:not(.current) {
  display: none;
}

@media (min-width: 768px) {

  .collapsible-nav-list li:not([aria-selected=true]),
  .collapsible-nav-list li:not(.current) {
    display: block;
  }
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected=true] {
    padding: 15px 0 11px 0;
  }
}

.collapsible-nav-list li[aria-selected=true],
.collapsible-nav-list li.current {
  order: 0;
  position: relative;
}

@media (min-width: 768px) {

  .collapsible-nav-list li[aria-selected=true],
  .collapsible-nav-list li.current {
    border-bottom: 4px solid rgba(0, 188, 109, 1);
    order: 1;
  }
}

.collapsible-nav-list li[aria-selected=true] a,
.collapsible-nav-list li.current a {
  color: rgba(255, 255, 255, 1);
}

.collapsible-nav[aria-expanded=true] li:not([aria-selected=true]),
.collapsible-nav[aria-expanded=true] li:not(.current) {
  display: block;
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}

@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }
}

.collapsible-sidebar-title {
  margin-top: 0;
}

.collapsible-sidebar-toggle {
  position: absolute;
  top: 22.5px;
  transform: translateY(-50%);
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-toggle {
    display: none;
  }
}

[dir=rtl] .collapsible-sidebar-toggle {
  left: 0;
  right: auto;
}

.collapsible-sidebar-toggle-icon {
  display: none;
}

.collapsible-sidebar-toggle[aria-expanded=false] .chevron-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle[aria-expanded=true] .x-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle:focus {
  outline: none;
  border: 1px solid rgba(0, 188, 109, 1);
}

.collapsible-sidebar-body {
  display: none;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
  }
}

.collapsible-sidebar[aria-expanded=true] {
  max-height: none;
}

.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-body {
  display: block;
}

/***** My activities *****/
.my-activities-nav {
  background-color: #000;
  margin-bottom: 20px;
}

.my-activities-sub-nav {
  margin-bottom: 30px;
}

.my-activities-table .striped-list-title {
  /* My activities tables */
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
  white-space: normal;
}

@media (min-width: 1024px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.my-activities-table thead {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}

.my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 0;
}

@media (min-width: 1024px) {

  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    width: 500px;
  }
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}

.my-activities-table td:not(:first-child) {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
}

/* Requests table */
.requests-search {
  width: 100%;
}

.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}

.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}

.requests-table-toolbar .request-table-filter {
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}

.requests-table-toolbar .request-filter {
  display: block;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
  }

  [dir=rtl] .requests-table-toolbar .request-filter {
    margin: 0 30px 0 0;
  }
}

.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}

.requests-table-toolbar select {
  max-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
  }
}

@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe {
    margin-left: 10px;
  }

  [dir=rtl] .requests-table-toolbar .organization-subscribe {
    margin: 0 10px 0 0;
  }
}

.requests-table-toolbar .organization-subscribe button {
  line-height: 40px;
  max-height: 40px;
  padding: 0 20px;
}

.requests-table-toolbar+.requests-search-info {
  margin-top: 15px;
}

.requests-table-toolbar+.requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}

.requests-table-toolbar+.requests-search-info+.requests {
  margin-top: 20px;
}

.requests-table-toolbar+.requests {
  margin-top: 40px;
}

.requests .requests-table-meta {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}

.requests .requests-table thead {
  display: none;
}

@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}

.requests .requests-table-info {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}

.requests .requests-table .requests-link {
  position: relative;
}

.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
  .subscriptions-subscribe button {
    width: auto;
  }
}

.subscriptions-table td:last-child {
  display: block;
}

@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}

.subscriptions-table td:first-child {
  display: flex;
  align-items: center;
}

.subscriptions-table .user-avatar {
  margin-right: 10px;
}

.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: #fff;
  font-size: 13px;
}

@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: #fff;
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}

.request-container .comment-container {
  min-width: 0;
}

.request-breadcrumbs {
  margin-bottom: 40px;
}

@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}

.request-main {
  flex: 1 0 auto;
  order: 1;
}

.request-main .comment-fields,
.request-main .request-submit-comment {
  display: none;
}

.request-main .comment-fields.shown {
  display: block;
}

.request-main .request-submit-comment.shown {
  display: inline;
}

@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
  }
}

.request-main .comment-form-controls {
  display: block;
}

.request-main .comment-ccs {
  display: block;
}

.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #fff;
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}

.request-main .comment-show-container.hidden {
  display: none;
}

.request-main .form-field.comment-ccs>ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .form-field.comment-ccs>ul[data-hc-focus=true] {
  border: 1px solid rgba(0, 188, 109, 1);
}

.request-main .form-field.comment-ccs>input[type=text] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .comment-ccs+textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

.request-main .comment-ccs+textarea:focus {
  border-top: 1px solid rgba(0, 188, 109, 1);
}

.request-main input#mark_as_solved {
  display: none;
}

.request-title {
  width: 100%;
}

@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
  }
}

.request-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  order: 0;
}

@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #000;
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%;
  }
}

.request-sidebar h2 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
}

@media (min-width: 1024px) {
  .request-sidebar h2 {
    display: none;
  }
}

.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}

.request-details:last-child {
  border: 0;
}

.request-details dt,
.request-details dd {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin: 20px 0 0 0;
}

.request-details dd {
  padding: 0 10px;
  width: 60%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.request-details dd::after {
  content: "\a";
  white-space: pre;
}

.request-details dt {
  line-break: strict;
  color: #fff;
  width: 40%;
}

.request-details .request-collaborators {
  display: inline-block;
}

.request-attachments dt,
.request-attachments dd {
  width: 100%;
}

.request-attachments dd {
  margin: 10px 0 0 0;
}

.request-form textarea {
  min-height: 120px;
}

.request-follow-up {
  padding-top: 20px;
}

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center;
}

.pagination-next,
.pagination-prev,
.pagination-first,
.pagination-last {
  display: inline-block;
}

.pagination-first-link,
.pagination-last-link {
  padding: 0 10px;
}

.pagination-first-text,
.pagination-last-text {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.pagination-next-link {
  padding-right: 10px;
}

.pagination-next-text {
  margin-right: 10px;
}

[dir=rtl] .pagination-next-link {
  padding-left: 10px;
}

[dir=rtl] .pagination-next-text {
  margin-left: 10px;
}

.pagination-prev-link {
  padding-left: 10px;
}

.pagination-prev-text {
  margin-left: 10px;
}

[dir=rtl] .pagination-prev-link {
  padding-right: 10px;
}

[dir=rtl] .pagination-prev-text {
  margin-right: 10px;
}

/***** Metadata *****/
.meta-group {
  display: block;
}

.meta-group-opposite {
  float: right;
}

[dir=rtl] .meta-group-opposite {
  float: left;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: #fff;
  font-size: 13px;
}

.meta-data:not(:last-child)::after {
  content: "·";
  margin: 0 5px;
}

/* User Profiles */
.profile-header {
  padding: 30px 0;
  background-color: #000;
}

.profile-header .container {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .container {
    flex-wrap: nowrap;
  }
}

.profile-header .profile-info {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

.profile-avatar {
  position: relative;
  line-height: 0;
  align-self: center;
  margin-right: 10px;
}

[dir=rtl] .profile-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-avatar .user-avatar {
  width: 80px;
  height: 80px;
}

.profile-avatar .icon-agent {
  bottom: 0;
  right: 0;
}

.profile-header .basic-info {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.profile-header .basic-info .name {
  margin: 0;
  line-height: 25px;
  vertical-align: middle;
  display: inline;
}

.profile-header .options {
  display: flex;
  flex-basis: 100%;
  margin-top: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 10px;
  }

  [dir=rtl] .profile-header .options {
    margin-left: 0;
    margin-right: 10px;
  }

  .profile-header .options> :not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }

  [dir=rtl] .profile-header .options> :not(:last-child) {
    margin-left: 10px;
    margin-right: 0;
  }
}

.user-profile-actions {
  width: 100%;
  margin-bottom: 15px;
}

.profile-header .description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 15px 0;
  flex-basis: 100%;
}

.profile-stats {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

.profile-stats .stat {
  display: flex;
  margin-bottom: 10px;
}

.profile-stats .stat-label {
  color: #fff;
  flex: 0 0 100px;
  margin-right: 10px;
}

[dir=rtl] .profile-stats .stat-label {
  margin-left: 10px;
  margin-right: 0;
}

.profile-stats-activity {
  border-top: solid 1px #ddd;
  margin-top: 15px;
}

@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat {
    flex-direction: column;
  }
}

.profile-stats-activity .stat:first-child {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:first-child {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
  }

  [dir=rtl] .profile-stats-activity .stat:not(:last-child) {
    margin-left: 40px;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat-label {
    flex: 0 1 auto;
  }
}

.profile-stats-counters {
  border-bottom: solid 1px #ddd;
}

@media (min-width: 768px) {
  .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
  }

  [dir=rtl] .profile-stats-counters {
    margin-left: 0;
    margin-right: 40px;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters {
    flex: 0 0 270px;
    margin-left: 60px;
  }

  [dir=rtl] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat-label {
    flex: 0 1 auto;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat-label {
    flex: 0 0 100px;
  }
}

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px rgba(0, 188, 109, 1);
  border-radius: 4px;
  color: rgba(0, 188, 109, 1);
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}

.profile-private-badge .profile-private-icon {
  margin-left: 5px;
  line-height: 15px;
}

@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

.profile-nav {
  background-color: #000;
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}

@media (min-width: 1024px) {
  .profile-section {
    width: calc(100% - 330px);
  }
}

.profile-section-header {
  display: flex;
  flex-wrap: wrap;
}

.profile-section-title {
  flex-basis: 100%;
  margin-bottom: 0;
}

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: #fff;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {
  padding: 10px 0;
  width: 100%;
}

.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}

[dir=rtl] .profile-section-sorter .dropdown-toggle::after {
  left: 0;
  right: initial;
}

@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}

@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }

  [dir=rtl] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
  }
}

.profile-badges-items {
  margin-top: 25px;
}

.profile-badges-item {
  border-top: 1px solid #ddd;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  padding: 27px 12px;
}

.profile-badges-item>div {
  padding-right: 12px;
  padding-left: 12px;
}

.profile-badges-item-image {
  height: 40px;
  width: 40px;
  margin-right: 12px;
}

.profile-badges-item-image img {
  max-height: 40px;
}

[dir=rtl] .profile-badges-item-image {
  margin-left: 12px;
  margin-right: 0;
}

.profile-badges-item-title,
.profile-badges-item-metadata-title {
  font-size: 15px;
  margin-bottom: 10px;
}

.profile-badges-item-title {
  font-weight: 600;
}

.profile-badges-item-description,
.profile-badges-item-metadata-description {
  color: #fff;
  font-size: 13px;
  margin: 0;
}

.profile-badges-item-metadata {
  margin-left: auto;
  text-align: right;
}

[dir=rtl] .profile-badges-item-metadata {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.profile-contribution {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  padding: 20px 0;
  position: relative;
}

.profile-contribution-header {
  margin-bottom: 5px;
}

.profile-contribution-title {
  margin: 0 0 5px 0;
  display: inline;
  line-height: 21px;
  font-size: 15px;
  vertical-align: middle;
}

.profile-contribution-body {
  margin: 10px 0;
}

.profile-contribution-list>.profile-contribution {
  border-top: 1px solid #eee;
}

@media (min-width: 768px) {
  .profile-contribution-list>.profile-contribution {
    padding-left: 30px;
  }

  [dir=rtl] .profile-contribution-list>.profile-contribution {
    padding-right: 30px;
    padding-left: 0;
  }
}

.profile-contribution-list>.profile-contribution:last-child {
  border-bottom: 1px solid #eee;
}

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: #ccc;
  line-height: 25px;
}

[dir=rtl] .profile-contribution-icon {
  right: 0;
}

.profile-contribution-icon svg {
  vertical-align: middle;
}

.profile-contribution-list .profile-contribution-header {
  margin-left: 30px;
}

[dir=rtl] .profile-contribution-list .profile-contribution-header {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
  }

  [dir=rtl] .profile-contribution-list .profile-contribution-header {
    padding-right: 0;
  }
}

.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 30px;
}

[dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
  }

  [dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 0;
  }
}

.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: #999;
}

.private-activity-icon {
  margin-right: 10px;
}

[dir=rtl] .private-activity-icon {
  margin-right: 0;
  margin-left: 10px;
}

.profile-activity-list {
  margin-top: 25px;
}

.profile-activity {
  position: relative;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .profile-activity {
    padding-left: 20px;
  }

  [dir=rtl] .profile-activity {
    padding-right: 20px;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-activity:not(:last-child) {
    border-left: 1px solid #ddd;
  }

  [dir=rtl] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #ddd;
  }
}

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}

[dir=rtl] .profile-activity-header {
  margin-left: 0;
  margin-right: 35px;
}

@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }

  [dir=rtl] .profile-activity-header {
    margin-right: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
  align-self: flex-start;
}

[dir=rtl] .profile-activity-header .user-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-activity-description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.profile-activity-description span:first-child {
  font-weight: 600;
  display: inline;
}

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: #000;
}

@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }

  [dir=rtl] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
  }
}

.profile-activity-icon {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 1);
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}

[dir=rtl] .profile-activity-icon {
  right: 0;
}

@media (min-width: 768px) {
  .profile-activity-icon {
    left: -14px;
  }

  [dir=rtl] .profile-activity-icon {
    right: -14px;
  }
}

.profile-activity-icon svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  margin: auto;
}

/***** Search results *****/
.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .search-results {
    flex-direction: row;
  }
}

.search-results-column {
  flex: 1;
}

@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 75%;
  }
}

.search-results-sidebar {
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

@media (min-width: 1024px) {
  .search-results-sidebar {
    border: 0;
    flex: 0 0 20%;
    height: auto;
  }
}

.search-results-sidebar .sidenav-item {
  border-radius: 4px;
  padding: 10px 36px;
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 1);
}

.search-results-sidebar .sidenav-item:hover,
.search-results-sidebar .sidenav-item.current {
  background-color: #e9ebed;
  text-decoration: none;
}

.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}

.search-results-sidebar .sidenav-tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-grow: 0;
}

.search-results-sidebar .sidenav-tag .content-tag {
  background: #E9EBED;
  border-radius: 4px;
  padding: 4px 12px;
  text-decoration: none;
}

.search-results-sidebar .sidenav-tag .content-tag .label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.000427656px;
  color: #49545C;
  flex-grow: 0;
  vertical-align: middle;
  display: inline-block;
}

.search-results-sidebar .sidenav-tag .content-tag .close-icon {
  color: #555555;
  vertical-align: middle;
  display: inline-block;
}

.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}

.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
  display: none;
}

@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
    display: block;
  }
}

.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6) {
  display: none;
}

.search-results-sidebar .multibrand-filter-list .doc-count {
  color: #666;
}

.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: rgba(255, 255, 255, 1);
}

.search-results-sidebar .see-all-filters[aria-hidden=true] {
  display: none;
}

.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}

.search-results-sidebar .see-all-filters::after {
  content: " ⌄";
  font-weight: bold;
}

.search-results-subheading {
  font-size: 18px;
  font-weight: 600;
}

.search-results-list {
  margin-bottom: 25px;
}

.search-results-list>li {
  padding: 20px 0;
}

.search-results-list>li:first-child {
  border-top: 1px solid #ddd;
}

.search-results .no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
}

.search-results .no-results .headline {
  color: #2F3941;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}

.search-results .no-results .action-prompt {
  color: #68737D;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.154px;
}

.search-results .no-results .action-prompt a {
  color: rgba(255, 255, 255, 1);
}

.search-results .no-results .action-prompt a:visited {
  color: rgba(255, 255, 255, 1);
}

.search-result-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.search-result-title {
  font-size: 16px;
  margin-bottom: 0;
}

.search-result-votes,
.search-result-meta-count {
  color: #fff;
  font-size: 13px;
}

.search-result-votes-icon,
.search-result-meta-count-icon {
  color: rgba(0, 188, 109, 1);
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

[dir=ltr] .search-result-votes,
[dir=ltr] .search-result-meta-count {
  margin-left: 20px;
}

[dir=rtl] .search-result-votes,
[dir=rtl] .search-result-meta-count {
  margin-right: 20px;
}

.search-result-meta-container {
  color: #666;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .search-result-meta-container {
    flex-direction: row;
    align-items: center;
  }
}

@media (min-width: 1024px) {
  .search-result-meta-container nav {
    flex: 1;
  }
}

@media (min-width: 1024px) {
  [dir=ltr] .search-result-meta-container .meta-data {
    margin-left: 20px;
  }
}

@media (min-width: 1024px) {
  [dir=rtl] .search-result-meta-container .meta-data {
    margin-right: 20px;
  }
}

.search-result-meta-container .meta-data::after {
  content: none;
}

.search-result-breadcrumbs {
  margin: 0;
}

.search-result-description {
  margin-top: 10px;
  margin-bottom: 0;
  word-break: break-word;
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
  font-style: normal;
  font-weight: bold;
}

/* Add a yellow background for Chinese */
html[lang|=zh] .search-results-description em {
  font-style: normal;
  background: yellow;
}

/***** Notifications *****/
.notification {
  border: 1px solid;
  display: table;
  font-family: sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height 0.2s;
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 980px;
}

.notification-icon,
.notification-inline.notification-error::before,
.notification-text,
.notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  padding: 0 15px;
  width: 100%;
}

.notification+.notification {
  margin-bottom: -1px;
  position: relative;
  top: -1px;
}

/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon::before,
.notification-error .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon::before,
.notification-notice .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon::before,
.notification-alert .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before,
.notification-inline.notification-error::before {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss,
a.notification-dismiss {
  color: #555;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 100ms ease;
  text-decoration: none !important;
}

.notification-dismiss:hover {
  opacity: 1;
}

/* Inline notifications */
.notification-inline {
  border-radius: 4px;
  line-height: 14px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

[dir=rtl] .notification-inline {
  text-align: right;
}

.notification-inline[aria-hidden=true] {
  display: none;
}

.notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
  margin: -2px 5px 0 0;
}

[dir=rtl] .notification-inline.notification-error::before {
  margin: 0 0 0 5px;
}

.notification-inline.notification-error {
  background-color: #fff0f1;
  border: 1px solid #e35b66;
  color: #cc3340;
}

.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

.notification-left-aligned {
  text-align: left;
  padding-left: 0;
}

html[dir=rtl] .notification-left-aligned {
  text-align: right;
  padding-left: auto;
  padding-right: 0;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
}

.dropdown-toggle:hover {
  text-decoration: none;
}

.dropdown-toggle>* {
  display: inline-block;
}

.dropdown-toggle[aria-expanded=true]+.dropdown-menu {
  display: block;
}

.dropdown-menu {
  background: #fff;
  border: 1px solid #d8dcde;
  border-radius: 3px;
  box-shadow: 0px 20px 30px 0px rgba(23, 73, 77, 0.15);
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 1px;
  min-width: 170px;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
}

[dir=rtl] .dropdown-menu {
  text-align: right;
}

.dropdown-menu [role=separator] {
  border-bottom: 1px solid #e9ebed;
  margin: 4px 0;
}

.dropdown-menu [role=menuitem],
.dropdown-menu [role=menuitemradio] {
  color: #2f3941;
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: inherit;
  width: 100%;
}

[dir=rtl] .dropdown-menu [role=menuitem],
[dir=rtl] .dropdown-menu [role=menuitemradio] {
  padding: 7px 20px 7px 40px;
}

.dropdown-menu [role=menuitem]:hover,
.dropdown-menu [role=menuitem]:focus,
.dropdown-menu [role=menuitemradio]:hover,
.dropdown-menu [role=menuitemradio]:focus {
  background: rgba(31, 115, 183, 0.08);
  text-decoration: none;
  color: #2f3941;
}

.dropdown-menu [role=menuitem][aria-selected=true],
.dropdown-menu [role=menuitem][aria-checked=true],
.dropdown-menu [role=menuitemradio][aria-selected=true],
.dropdown-menu [role=menuitemradio][aria-checked=true] {
  cursor: default;
}

.dropdown-menu [role=menuitem][aria-selected=true]::after,
.dropdown-menu [role=menuitem][aria-checked=true]::after,
.dropdown-menu [role=menuitemradio][aria-selected=true]::after,
.dropdown-menu [role=menuitemradio][aria-checked=true]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  width: 12px;
}

[dir=rtl] .dropdown-menu [role=menuitem][aria-selected=true]::after,
[dir=rtl] .dropdown-menu [role=menuitem][aria-checked=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-selected=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-checked=true]::after {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}

.dropdown-menu [role=menuitem][hidden],
.dropdown-menu [role=menuitem][aria-hidden=true],
.dropdown-menu [role=menuitemradio][hidden],
.dropdown-menu [role=menuitemradio][aria-hidden=true] {
  display: none !important;
}

.dropdown-menu-end {
  left: auto;
  right: 0;
}

.dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}

[dir=rtl] .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}

[dir=rtl] .dropdown-menu-end {
  left: 0;
  right: auto;
}

.dropdown-chevron-icon {
  vertical-align: middle;
}

.content-tags>p {
  color: #68737D;
  margin-top: 32px;
  margin-bottom: 4px;
}

.content-tags-add-hint {
  color: #68737D;
  font-size: 14px;
}

.content-tag-list {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}

.content-tag-list li {
  border-right: 1px solid #C2C8CC;
  margin-bottom: 4px;
}

[dir=ltr] .content-tag-list li {
  padding-right: 8px;
  margin-right: 8px;
}

[dir=rtl] .content-tag-list li {
  padding-left: 8px;
  margin-left: 8px;
}

.content-tag-list li:last-child {
  border: none;
}

/***** WYSIWYG Editor *****/
#hc-wysiwyg {
  border: 1px solid #848F99;
}

/***** Upload Dropzone *****/
.upload-dropzone {
  border: 1px solid #848F99;
}

/***** Summary component *****/
zd-summary-block {
  background: #f3f6f6;
}

[dir=ltr] zd-summary-block {
  border-left-color: #859fa1;
}

[dir=rtl] zd-summary-block {
  border-right-color: #859fa1;
}

.service-catalog-hero {
  background-image: url(/hc/theming_assets/01KEH5RW1ATPMX4P36CQVTB7M1);
  margin-bottom: 10px;
  height: 320px;
}

.service-catalog-description {
  display: flow-root;
}

.service-catalog-description a {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

.service-catalog-description a:visited {
  color: rgba(255, 254, 255, 1);
}

.service-catalog-description a:hover,
.service-catalog-description a:active,
.service-catalog-description a:focus {
  color: rgba(0, 188, 109, 1);
}

.service-catalog-description img {
  height: auto;
  max-width: 100%;
}

.service-catalog-description p>img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}

.service-catalog-description p>img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}

.service-catalog-description p>img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}

.service-catalog-description p>img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

.service-catalog-description figure.image {
  display: table;
  margin: 0 auto;
}

.service-catalog-description figure.image>img {
  display: block;
  width: 100%;
}

.service-catalog-description figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}

.service-catalog-description figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}

.service-catalog-description figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}

.service-catalog-description figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

.service-catalog-description figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #000;
}

.service-catalog-description ul,
.service-catalog-description ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir=rtl] .service-catalog-description ul,
[dir=rtl] .service-catalog-description ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.service-catalog-description ul>ul,
.service-catalog-description ol>ol,
.service-catalog-description ol>ul,
.service-catalog-description ul>ol,
.service-catalog-description li>ul,
.service-catalog-description li>ol {
  margin: 0;
}

.service-catalog-description ul {
  list-style-type: disc;
}

.service-catalog-description :not(pre)>code {
  background: #000;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.service-catalog-description pre {
  background: #000;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}

.service-catalog-description blockquote {
  border-left: 1px solid #ddd;
  color: #fff;
  font-style: italic;
  padding: 0 15px;
}

.service-catalog-main-content {
  display: flex;
  gap: 32px;
}

.service-catalog-list {
  width: 100%;
}

.service-catalog-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* ===== Thmanyah custom theme overrides migrated from v4.8.1 source ===== */
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

@font-face {
  font-family: 'Thmanyah Sans 1.2';
  src: url('/hc/theming_assets/01K20A415GYH9QXGYFAVKGQMBY') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thmanyah Sans 1.2';
  src: url('/hc/theming_assets/01KJHKCNPSPGA8XW1NXS5F0PTZ') format('woff2'),
    url('/hc/theming_assets/01KJHKCM6DX3MXJE349F61YYYP') format('woff'),
    url('/hc/theming_assets/01K207N9VAMJS5BF45H2ME1SE2') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thmanyah Sans 1.2';
  src: url('/hc/theming_assets/01KJHKCJEJ3BH5P63P9E8S8ECM') format('woff2'),
    url('/hc/theming_assets/01KJHKCGN00J8XSVVKMC1FJDAF') format('woff'),
    url('/hc/theming_assets/01K20A4387WCZKTCVVXHAP3P2T') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thmanyah Sans 1.2';
  src: url('/hc/theming_assets/01K207N7EDPZB322MARTNYM0JY') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thmanyah Sans 1.2';
  src: url('/hc/theming_assets/01K20A3YY1J4AZA10KR4W9ZS69') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

a {
  background-color: transparent;
  font-family: 'Thmanyah Sans 1.2'
}

/***** Base *****/

body {
  background-color: rgba(0, 0, 0, 1);
  color: rgba(255, 255, 255, 1);
  /*   font-family: 'Thmanyah Sans 1.2', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /*   font-family: 'Thmanyah Sans 1.2', sans-serif; */
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  margin-top: 0;
}

.hbs-form select,
.search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #87929D;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}

.hbs-form textarea,
.search textarea {
  border: 1px solid #87929D;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}

.container-divider {
  border-top: 1px solid #FFFFFF1F;
  margin-bottom: 20px;
}

/***** Buttons *****/

.button-secondary {
  color: #fff;
  border: 1px solid #87929D;
  background-color: transparent;
}

.button-secondary:hover,
.button-secondary:focus,
.button-secondary:active {
  color: rgba(255, 255, 255, 1);
  border: 1px solid #87929D;
  background-color: #000;
}

/***** Split button *****/

/***** Tables *****/

.table tr {
  border-bottom: 1px solid #FFFFFF1F;
  display: block;
  padding: 20px 0;
}

/***** Forms *****/

.form-field input {
  border: 1px solid #87929D;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}

.form-field input[type=text] {
  border: 1px solid #87929D;
  border-radius: 4px;
}

.form-field .nesty-input {
  border-radius: 4px;
  border: 1px solid #87929D;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}

.form-field .hc-multiselect-toggle {
  border: 1px solid #87929D;
}

.form .suggestion-list label {
  border-bottom: 1px solid #FFFFFF1F;
  display: block;
  padding-bottom: 5px;
}

/***** Header *****/

.nav-wrapper-mobile .menu-button-mobile {
  background: none;
  border: 0;
  width: auto;
  min-width: 71px;
  cursor: pointer;
  color: rgba(255, 255, 255, 1);
}

.nav-wrapper-mobile .menu-button-mobile .icon-menu {
  padding: 7px;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] .icon-menu {
  background: rgba(0, 188, 109, 1);
}

.nav-wrapper-mobile .menu-list-mobile {
  position: absolute;
  background-color: #1A1A1A;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  border-top: 1px solid #ffffff1f;
  border-bottom: 1px solid #ffffff1f;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 5;
}

.nav-wrapper-mobile .menu-list-mobile-items .nav-divider {
  border-bottom: 0.1px solid #ffffff1f;
  padding: 0;
}

.nav-wrapper-mobile .menu-list-mobile-items a:active,
.nav-wrapper-mobile .menu-list-mobile-items a:focus,
.nav-wrapper-mobile .menu-list-mobile-items a:hover {
  background-color: rgba(0, 188, 109, 1);
}

/***** User info in header *****/

/***** User avatar *****/

/***** Footer *****/
.footer {
  border-top: 1px solid #FFFFFF1F;
  margin-top: 60px;
  padding: 30px 0;
}

/***** Breadcrumbs *****/

/***** Search field *****/

.search {
  border-color: #87929D;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  position: relative;
  transition: border 0.12s ease-in-out;
}

.search .clear-button:focus {
  outline: 0;
  /*   box-shadow: 0 0 0 3px rgba(0, 188, 109, 1); */
}



/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01K1KNJ4B0F3V7XTKT56A6C41Y);
  background-position: center;
  background-size: cover;
  /*   height: 300px; */
  /*   padding: 0 20px; */
  text-align: start;
  width: 100%;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */

.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #FFFFFF1F;
}

/***** Homepage *****/

/***** Promoted articles *****/

.promoted-articles-item a {
  display: block;
  border-bottom: 1px solid #FFFFFF1F;
  padding: 15px 0;
}

@media (min-width: 1024px) {
  .promoted-articles-item:last-child a {
    border-bottom: 1px solid #FFFFFF1F;
  }
}

/***** Community section in homepage *****/

.community,
.activity {
  border-top: 1px solid #FFFFFF1F;
  padding: 30px 0;
}

/***** Recent activity *****/

.recent-activity-item {
  border-bottom: 1px solid #FFFFFF1F;
  overflow: auto;
  padding: 20px 0;
}

/***** Category pages *****/

/***** Section pages *****/

.section-list-item {
  border-bottom: 1px solid #FFFFFF1F;
  font-size: 16px;
  padding: 15px 0;
}

.section-list-item:first-child {
  border-top: 1px solid #FFFFFF1F;
}

/***** Article *****/
/* Styles attachments inside posts, articles and comments */

/***** Social share links *****/

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid #FFFFFF1F;
  padding: 20px 0;
}

.comment-overview {
  border-bottom: 1px solid #FFFFFF1F;
  border-top: 1px solid #FFFFFF1F;
  padding: 20px 0;
}

.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flow-root;
  /*   font-family: 'Thmanyah Sans 1.2', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}

.comment-body :not(pre)>code {
  background: #000;
  border: 1px solid #FFFFFF1F;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.comment-body pre {
  background: #000;
  border: 1px solid #FFFFFF1F;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.comment-body blockquote {
  border-left: 1px solid #FFFFFF1F;
  color: #fff;
  font-style: italic;
  padding: 0 15px;
}




/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01K1KNJ4B0F3V7XTKT56A6C41Y);
  margin-bottom: 10px;
  height: 300px;
}

/* Community topics grid */

/* Community topic page */
.topic-header {
  border-bottom: 1px solid #FFFFFF1F;
  font-size: 13px;
}

.topic-header .dropdown {
  display: block;
  border-top: 1px solid #FFFFFF1F;
  padding: 10px 0;
}

/* Topic, post and user follow button */

.community-follow button::after {
  border-left: 1px solid rgba(0, 188, 109, 1);
  content: attr(data-follower-count);
  color: rgba(0, 188, 109, 1);
  display: inline-block;
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}

/***** Striped list *****/
/* Used in community posts list and requests list */

.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid #FFFFFF1F;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0;
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/

.post-content {
  /*   font-family: 'Thmanyah Sans 1.2', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  line-height: 1.6;
  word-break: break-word;
}

.post-body :not(pre)>code {
  background: #000;
  border: 1px solid #FFFFFF1F;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.post-body pre {
  background: #000;
  border: 1px solid #FFFFFF1F;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.post-body blockquote {
  border-left: 1px solid #FFFFFF1F;
  color: #fff;
  font-style: italic;
  padding: 0 15px;
}

.post-sidebar {
  border-top: 1px solid #FFFFFF1F;
  flex: 1;
  padding: 30px 0;
  text-align: center;
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */

/* Navigation element that collapses on mobile */

.collapsible-nav-border {
  border-bottom: 1px solid #FFFFFF1F;
  border-top: 1px solid #FFFFFF1F;
}

/* Sidebar navigation that collapses on mobile */

/***** My activities *****/
.my-activities-nav {
  background-color: transparent;
  margin-bottom: 20px;
}

/* Requests table */

/* Following table */

/* Contributions table */

/***** Request *****/

.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #FFFFFF1F;
  color: #fff;
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}

@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid #FFFFFF1F;
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
  }
}

.request-sidebar {
  border-bottom: 1px solid #FFFFFF1F;
  border-top: 1px solid #FFFFFF1F;
  flex: 1 0 auto;
  order: 0;
}

.request-details {
  border-bottom: 1px solid #FFFFFF1F;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}

.request-details dd {
  padding: 0 10px;
  width: 60%;
}

/***** Pagination *****/

/***** Metadata *****/

/* User Profiles */

.profile-badges-item {
  border-top: 1px solid #FFFFFF1F;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  padding: 27px 12px;
}

@media (min-width: 768px) {
  .profile-activity:not(:last-child) {
    border-left: 1px solid #FFFFFF1F;
  }

  [dir=rtl] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #FFFFFF1F;
  }
}

/***** Search results *****/

.search-results-sidebar {
  border-top: 1px solid #FFFFFF1F;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

.search-results-sidebar .sidenav-item:hover,
.search-results-sidebar .sidenav-item.current {
  /*   background-color: #e9ebed; */
  background-color: #ffffff2b;
  text-decoration: none;
}

.search-results-list>li:first-child {
  border-top: 1px solid #FFFFFF1F;
}

.no-results-icon {
  width: 45px;
  height: 41px;
  opacity: 1;
  top: 5.43px;
  left: 3.27px;
  margin-bottom: 15px;
}

.no-results-top {
  display: flex;
  gap: 5px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 5px;
}

/* By default use bold instead of italic to highlight */

/* Add a yellow background for Chinese */

/***** Notifications *****/
.notification {
  border: 1px solid;
  display: table;
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height 0.2s;
  width: 100%;
  color: #555;
}

/* Error */

/* Notice */

/* Alert / Lock */

/* Dismiss button */

/* Inline notifications */

.dropdown-menu {
  background: #1A1A1A;
  border: 1px solid #00894f;
  border-radius: 3px;
  box-shadow: 0px 20px 30px 0px rgba(23, 73, 77, 0.15);
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 1px;
  min-width: 170px;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
}

.dropdown-menu [role=separator] {
  border-bottom: 1px solid #ffffff1f;
  margin: 4px 0;
}

.dropdown-menu [role=menuitem],
.dropdown-menu [role=menuitemradio] {
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: inherit;
  width: 100%;
}

.dropdown-menu [role=menuitem]:hover,
.dropdown-menu [role=menuitem]:focus,
.dropdown-menu [role=menuitemradio]:hover,
.dropdown-menu [role=menuitemradio]:focus {
  background: rgba(0, 188, 109, 1);
  text-decoration: none;
  color: rgba(255, 255, 255, 1);
}

/***** WYSIWYG Editor *****/
#hc-wysiwyg {
  border: 1px solid #87929D;
}

/***** Upload Dropzone *****/
.upload-dropzone {
  border: 1px solid #87929D;
}

/***** Summary component *****/

.service-catalog-description :not(pre)>code {
  background: #000;
  border: 1px solid #FFFFFF1F;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.service-catalog-description pre {
  background: #000;
  border: 1px solid #FFFFFF1F;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.service-catalog-description blockquote {
  border-left: 1px solid #FFFFFF1F;
  color: #fff;
  font-style: italic;
  padding: 0 15px;
}

.hero-container {
  margin-top: 50px;
  max-width: 570px;
  gap: 33px;
  margin-bottom: 50px;
}

.hero-title {
  display: flex;
  flex-direction: column;
  gap: 13px;
  max-width: 450px;
}

.hero-title h2 {
  font-weight: 500;
  font-style: normal;
  font-size: 59px;
  line-height: 110%;
  letter-spacing: 0;
  vertical-align: middle;
}

.hero-title p {
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  letter-spacing: -0.01em;
  vertical-align: middle;
}

.hero-title h2,
.hero-title p {
  margin: 0px;
  padding: 0px;
}

@media (max-width: 490px) {
  .hero-title h2 {
    font-size: 52px;
  }

  .hero-title p {
    font-size: 14px;
  }
}

@media (max-width: 435px) {
  .hero-title h2 {
    font-size: 48px;
  }

}

@media (max-width: 410px) {
  .hero-title h2 {
    font-size: 46px;
  }
}

@media (max-width: 384px) {
  .hero-title h2 {
    font-size: 42px;
  }
}

.welcome-badge {
  display: block;
  border-radius: 40px;
  background-color: rgba(0, 188, 109, 1);
  padding: 5px 9px;
  ;
  color: rgba(0, 0, 0, 1);
  text-transform: uppercase;
  width: fit-content;
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  vertical-align: middle;
}

.hero-container {
  display: flex;
  flex-direction: column;
}


@media (min-width: 1160px) {
  .hero-main {
    padding: 16px 0;
    min-height: 400px;
  }
}

.hero-main {
  padding: 16px 0;
  min-height: 400px;
}

.search-container {
  display: flex;
  flex-direction: column;
}



/* Search container styling */
.hero-search-container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Search input styling */
.inner-search {
  position: relative;
  width: 100%;
}

.inner-search input[type="search"],
.inner-search input[type="text"] {
  width: 100%;
  padding: 15px 10px 15px 30px;
  border: 0px;
  border-radius: 40px;
  font-size: 16px;
  backdrop-filter: blur(45px);
  background: #FFFFFF33;

  color: #FFFFFF50;
  outline: none;
  box-sizing: border-box;
}

.inner-search input[type="search"]:focus,
.inner-search input[type="text"]:focus {
  border-color: #00b894;
  box-shadow: 0 0 0 2px rgba(0, 184, 148, 0.2);
}

/* Search icon positioning inside the input */
.search-icon {
  position: absolute;
  left: 15px;
  height: 17px;
  width: 17px;
  top: 30%;
  transform: translateY(-50%);
  z-index: 2;
  color: #FFFFFF50;
  pointer-events: none;
}


.inner-search {
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: -0.05em;
  vertical-align: middle;
}

/* Search button styling (if you have a submit button) */
.inner-search button[type="submit"],
.inner-search input[type="submit"] {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #00b894;
  color: white;
  border: none;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 14px;
  cursor: pointer;
  z-index: 2;
}

.inner-search button[type="submit"]:hover,
.inner-search input[type="submit"]:hover {
  background-color: #00a085;
}

/* Troubleshoot topics styling */

.troubleshoot-topics p {
  color: #ccc;
  font-size: 14px;
  margin: 0;
  font-weight: 400;
}

/* Alternative: If you need to style the form wrapper */
.inner-search form {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}

/* Make sure the search container is properly positioned relative to parent */
.hero-search-container {
  position: relative;
  z-index: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hero-search-container {
    /*         max-width: 90%; */
    padding: 0 20px;
  }

  .inner-search input[type="search"],
  .inner-search input[type="text"] {
    font-size: 14px;
    padding: 15px 40px 15px 35px;
  }

  .search-icon {
    left: 35px;
    width: 17px;
    top: 31%;
    height: 17px;
  }

  [dir="rtl"] .search-icon {
    right: 35px;
    width: 17px;
    top: 31%;
    height: 17px;
  }
}

.clear-button {
  display: none;
}




/* Hide the close/clear button (X) that appears on hover */
.hero-search-container input::-webkit-search-cancel-button,
.inner-search input::-webkit-search-cancel-button {
  display: none !important;
  -webkit-appearance: none !important;
}

.hero-search-container input::-webkit-search-decoration,
.inner-search input::-webkit-search-decoration {
  display: none !important;
  -webkit-appearance: none !important;
}

.hero-search-container input::-webkit-search-results-button,
.inner-search input::-webkit-search-results-button {
  display: none !important;
  -webkit-appearance: none !important;
}

.hero-search-container input::-webkit-search-results-decoration,
.inner-search input::-webkit-search-results-decoration {
  display: none !important;
  -webkit-appearance: none !important;
}

/* For Internet Explorer */
.hero-search-container input::-ms-clear,
.inner-search input::-ms-clear {
  display: none !important;
}

/* Placeholder font color only - no padding here */
.hero-search-container input::placeholder {
  color: #fff !important;
  opacity: 0.5 !important;
}

.hero-search-container input::-webkit-input-placeholder {
  color: #fff !important;
  opacity: 0.5 !important;
}

.hero-search-container input::-moz-placeholder {
  color: #fff !important;
  opacity: 0.5 !important;
}

.hero-search-container input:-ms-input-placeholder {
  color: #fff !important;
  opacity: 0.5 !important;
}

.hero-search-container input:-moz-placeholder {
  color: #fff !important;
  opacity: 0.5 !important;
}

/* More specific selectors for Zendesk */
.inner-search input::placeholder,
.inner-search input[type="search"]::placeholder,
.inner-search input[type="text"]::placeholder {
  color: #fff !important;
  opacity: 0.5 !important;
}

/* Fix clear button interfering with border radius */
.hero-search-container form,
.inner-search form {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 25px !important;
}

/* Ensure the input maintains its border radius */
.hero-search-container form input,
.inner-search form input {
  border-radius: 25px !important;
  overflow: hidden !important;
}


/* Fix clear button positioning within the rounded form */

/* Ensure the search container clips everything properly */
.hero-search-container,
.inner-search {
  position: relative !important;
  overflow: hidden !important;
}

.hero-search-container form,
.inner-search form {
  position: relative !important;
  overflow: hidden !important;
}


.custom-search-button {
  position: absolute;
  right: 10px;
  /* Position on the right since it's always visible */
  top: 50%;
  transform: translateY(-50%);
  background: #00b894;
  border: none;
  border-radius: 50%;
  color: #fff;
  width: 28px;
  height: 28px;
  display: flex !important;
  /* Always visible */
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: background-color 0.2s ease;
}




.custom-search-button:hover {
  background: #00d67c;
}


.custom-search-button svg {
  width: 14px;
  height: 14px;
}

/* Clear button - conditional visibility */
.clear-button {
  position: absolute;
  right: 130px;
  /* Position to the left of search button */
  top: 50%;
  transform: translateY(-50%);
  background: 0;
  border: 0;
  color: #fff;
  opacity: 0.5;
  z-index: 10;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: none;
  /* Hidden by default */
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

[dir="rtl"] .clear-button {
  left: 130px;
  right: auto;
}

.clear-button:hover {
  opacity: 0.8;
}

/* Adjust input padding for both buttons */
.hero-search-container input,
.inner-search input {
  padding-right: 150px !important;
  /* Make room for both buttons */
  padding-left: 40px !important;
  /* Adjust this value as needed */
  text-indent: 0 !important;
  /* Reset text-indent */
}

/* When form has content, show clear button */
.search-form-filled .clear-button {
  display: flex !important;
}

/* Alternative layout - search button more integrated */
.custom-search-button {
  position: absolute;
  right: 3px;
  top: 30%;
  width: 120px;
  transform: translateY(-50%);
  background: rgba(0, 188, 109, 1);
  border-radius: 40px;
  padding: 20px 30px;
  font-size: 12px;
}

[dir="rtl"] .custom-search-button {
  right: auto;
  left: 3px;
}

@media (max-width: 768px) {
  .custom-search-button {
    right: 23px;
    width: 120px;
  }

  .clear-button {
    right: 130px;
  }

  [dir="rtl"] .custom-search-button {
    left: 23px;
    width: 120px;
  }

  [dir="rtl"] .clear-button {
    left: 130px;
  }
}

@media (max-width: 430px) {
  .custom-search-button {
    top: 29%
  }
}

/* Force input text direction to left-to-right */
.hero-search-container input,
.inner-search input,
input[type="search"],
input[name="query"] {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: embed !important;
}

/* Force placeholder text direction as well */
.hero-search-container input::placeholder,
.inner-search input::placeholder,
input[type="search"]::placeholder,
input[name="query"]::placeholder {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: embed !important;
}

[dir="rtl"] .hero-search-container input::placeholder,
[dir="rtl"] .inner-search input::placeholder,
[dir="rtl"] input[type="search"]::placeholder,
[dir="rtl"] input[name="query"]::placeholder {
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: embed !important;
}

/* WebKit browsers */
.hero-search-container input::-webkit-input-placeholder,
.inner-search input::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[name="query"]::-webkit-input-placeholder {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: embed !important;
}

/* Mozilla browsers */
.hero-search-container input::-moz-placeholder,
.inner-search input::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[name="query"]::-moz-placeholder {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: embed !important;
}


[dir="rtl"] .hero-search-container input,
[dir="rtl"] .inner-search input {
  padding-right: 40px !important;
  /* Make room for both buttons */
  padding-left: 150px !important;
  /* Adjust this value as needed */
  text-indent: 0 !important;
  /* Reset text-indent */
}

/* Internet Explorer */
.hero-search-container input:-ms-input-placeholder,
.inner-search input:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[name="query"]:-ms-input-placeholder {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: embed !important;
}

/* Override any RTL styling that might be applied */
[dir="rtl"] .hero-search-container input,
[dir="rtl"] .inner-search input,
[dir="rtl"] input[type="search"],
[dir="rtl"] input[name="query"] {
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: embed !important;
}

/* Also force the form container direction if needed */

/* Getting Started Cards */
.getting-started-cards {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  margin: 40px 0;
}

.getting-started-card {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid transparent;
  padding: 24px;
  min-width: 350px;
  min-height: 250px;
  border-radius: 24px;
  text-align: start;
  color: #fff;
  cursor: pointer;
  align-items: flex-start;
  padding: 30px 32px;
  gap: 30px;
  flex: 1;
  transition: background-color 0.2s ease;
}

.getting-started-card .icon {
  font-size: 20px;
  margin-bottom: 10px;
}

.lower-section-card p {
  margin: 10px 0 0 0;
  padding: 0;
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 17px;
  line-height: 130%;
  letter-spacing: 0.01em;
  vertical-align: middle;
  color: #FFFFFF99;
}

.lower-section-card h3 {
  margin: 0;
  padding: 0;
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 19px;
  line-height: 120%;
  letter-spacing: 0.01em;
  vertical-align: middle;
}




/* ACCORDION */
/* CTA */
.cta-box {
  box-sizing: border-box;
  margin: 60px auto;
  max-width: 900px;
  min-height: 350px;
  background: #1A1A1A;
  border-radius: 32px;
  display: flex;
  justify-content: space-between;
  padding: 32px;
  gap: 20px;
  color: #fff;
  border: 1px solid #FFFFFF12;
}

.cta-button {
  background-color: rgba(0, 188, 109, 1);
  color: #fff;
  padding: 12px 24px;
  border-radius: 40px;
  display: inline-block;
  margin-top: 12px;
  font-weight: bold;
  max-width: fit-content;
  transition: background-color 0.2s ease;
}

.cta-button a:active,
.cta-button a:focus,
.cta-button a:hover {
  text-decoration: none;
}

.cta-description {
  max-height: 100%;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.cta-description-section-1 h3 {
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 29px;
  line-height: 100%;
  letter-spacing: 0.01em;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

.cta-description-section-1 p {
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 19px;
  line-height: 130%;
  letter-spacing: 0.01em;
  vertical-align: middle;
  color: rgba(255, 255, 255, 1);
  opacity: 0.6;
}

.cta-image {
  width: 45%;
  align-self: center;
}

@media (max-width: 768px) {
  .cta-box {
    flex-direction: column-reverse;
  }

  .cta-description {
    width: auto;
    justify-content: center;
    align-items: center;
  }

  .cta-description-section-1 {
    flex: 1 1 100px;
  }

  .cta-image {
    width: 100%;
  }
}

.read-more {
  display: inline-block;
  margin-top: 10px;
  color: #00ff99;
  font-weight: bold;
  text-decoration: underline;
}


.accordion-content {
  padding: 16px 20px;
  border-top: 1px solid #222;
}

.read-more {
  color: #00ff99;
  font-weight: 600;
  text-decoration: underline;
  display: inline-block;
}

.accordion-link {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 16px 20px;
  font-weight: bold;
  transition: background 0.3s ease, color 0.3s ease;
}

.accordion-link:hover {
  background: #1a1a1a;
  color: #00ff99;
}

.accordion-wrapper {
  margin-top: 40px;
}

.accordion-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px 40px;
}

.accordion-item {
  background: #111;
  border-radius: 12px;
  overflow: hidden;
  transition: background 0.2s ease;
}

.accordion-item:hover {
  background: #0c1c13;
  /* greenish-black on hover */
}

.accordion-header {
  list-style: none;
  padding: 14px 24px;
  margin: 0;
  cursor: pointer;
}

.accordion-link {
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  transition: color 0.2s ease;
}

.accordion-link:hover {
  color: #00ff99;
}


.accordion-wrapper {
  margin-top: 32px;
}

.accordion-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.accordion-item {
  background: #111;
  border-radius: 10px;
  transition: background 0.2s ease;
  padding: 0;
}

.accordion-item:hover {
  background: #0f1f17;
  /* subtle greenish-black hover */
}

.accordion-header {
  padding: 12px 20px;
  margin: 0;
  cursor: pointer;
}

.accordion-link {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: color 0.2s ease;
}

.accordion-link:hover {
  color: #00e58b;
  /* mint green */
  text-decoration: underline;
}

.accordion-item {
  background: #111;
  border-radius: 10px;
  transition: background 0.2s ease;
  overflow: hidden;
}

.accordion-header {
  margin: 0;
  padding: 0;
}

.accordion-header a {
  display: block;
  width: 100%;
  padding: 14px 18px;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: color 0.2s ease, background 0.2s ease;
}

.accordion-header a:hover {
  color: #00e58b;
  background-color: #0c1c13;
  text-decoration: underline;
}

/* ACCORDION END */



/* Footer Start */
.footer {
  background-color: rgba(0, 0, 0, 1);
  color: rgba(255, 255, 255, 1);
  padding: 40px 20px 20px;
  /*   font-family: inherit; */
}

.footer-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1160px;
  margin: 0 auto 30px;
}

.footer-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1160px;
  margin: 0 auto 30px;
}

.footer-logo img {
  max-height: 40px;
}

.footer-social {
  display: flex;
  gap: 12px;
}

.footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #FFFFFF66;
  font-size: 18px;
  transition: background-color 0.2s ease, transform 0.2s ease, color 0.2s ease;
  text-decoration: none;
}

.footer-social a:hover {
  transform: scale(1.05);
  color: rgba(0, 188, 109, 1);
}

.footer-social .social-icon {
  width: 18px;
  height: 18px;
  display: block;
  pointer-events: none;
}


.footer-separator {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin: 20px auto;
  max-width: 1200px;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-right: 20px;
}

.footer-links a {
  color: #FFFFFF66;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.2s ease;
  transition: background-color 0.3s ease, transform 0.2s ease, color 0.3s ease;

}

.footer-links a:hover {
  color: rgba(0, 188, 109, 1);
}

.footer-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}

.footer-language-selector {
  position: relative;
}

.footer-language-selector .dropdown-toggle {
  background: transparent;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.footer-copyright {
  /*   margin: 0 20px; */
  color: #FFFFFF66;
}

.footer-language-selector .dropdown-chevron-icon {
  width: 12px;
  height: 12px;
  stroke: currentColor;
}

.dropdown-toggle:hover .dropdown-chevron-icon,
.dropdown-chevron-icon:hover {
  color: rgba(0, 188, 109, 1);
}

@media (max-width: 768px) {

  .footer-top,
  .footer-bottom {
    /*     flex-direction: column; */
    align-items: center;
  }


  .footer-meta {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .footer-links {
    margin-bottom: 12px;
  }

  .footer-meta {
    margin-top: 12px;
  }
}

.footer-language-selector .dropdown-toggle {
  all: unset;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  color: #FFFFFF66;
  font-size: 14px;

}

/* Footer End */


/* Article Page */

.article-body :not(pre)>code {
  background: #000;
  border: 1px solid #FFFFFF1F;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.article-body pre {
  background: #000;
  border: 1px solid #FFFFFF1F;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.article-body blockquote {
  border-left: 1px solid #FFFFFF1F;
  color: #fff;
  font-style: italic;
  padding: 0 15px;
}


/* ================== */
/* === Article Voting === */
/* ================== */
/* Default inactive state (fallback) */
/* Base vote button */

/* Only apply hover style if it's not the selected one */
.article-vote:not(.button-primary):hover {
  background-color: #3a3a3a;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.05);
}

/* Fix reversed hover issue: prevent hover after unselect */
.article-vote:not(.button-primary):focus {
  background-color: #2c2c2c;
  color: #ccc;
  box-shadow: none;
}

/* Selected state styling (Zendesk applies .button-primary) */
.article-vote.button-primary {
  background-color: #00b374;
  color: #fff;
}

/* Only apply hover when not selected AND not focused */
.article-vote:not(.button-primary):hover:not(:focus) {
  background-color: #3a3a3a;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.05);
}

.article-vote.button-primary:focus {
  background-color: #00b374;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(0, 179, 116, 0.3);
}

/* Remove persistent focus outline unless keyboard tabbing */
.article-vote:focus {
  outline: none;
}

/* Optional: keyboard users get visual focus */
.article-vote:focus-visible {
  outline: 2px solid #00b374;
}

/* Icon styling */
.article-vote svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: white;
  stroke-width: 1.5;
}

.article-vote-up svg {
  transform: scale(1, -1);
}



.article-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media (min-width: 1024px) {
  .article-container {
    flex-direction: row-reverse;
    align-items: flex-start;
  }
}

/* ============================== */
/*         Article Sidebar        */
/* ============================== */

.article-sidebar {
  background-color: #1a1a1a;
  color: #ccc;
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
  border-top: 1px solid #ffffff1f;
  border-bottom: 1px solid #ffffff1f;
}

/* Title */
.collapsible-sidebar-title {
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 12px;
}

/* Sidebar List */
.article-sidebar ul,
.collapsible-sidebar-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}

.article-sidebar li {
  margin-bottom: 12px;
  background-color: #222;
  border-radius: 10px;
  transition: background 0.2s ease;
}

.article-sidebar li:hover {
  background-color: #2a2a2a;
}

/* Mobile Toggle Button */
@media (max-width: 799px) {
  .collapsible-sidebar-toggle {
    display: block !important;
    background-color: #1a1a1a;
    color: #fff;
    padding: 16px;
    border-radius: 12px;
    font-weight: bold;
  }
}

/* Collapsible */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
  transition: max-height 0.3s ease;
}

.collapsible-sidebar[aria-expanded="true"] {
  max-height: none;
}

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-body {
  display: block;
}

/* Toggle Button */
.collapsible-sidebar-toggle {
  position: absolute;
  top: 22.5px;
  right: 0;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  border: none;
  background: none;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  color: #ffffff;
}

.collapsible-sidebar-toggle:focus {
  border: 0.5px solid #00b374;
}

[dir="rtl"] .collapsible-sidebar-toggle {
  left: 0;
  right: auto;
}

.collapsible-sidebar-toggle[aria-expanded="false"] .chevron-icon,
.collapsible-sidebar-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Sidebar Links */
.sidenav-item {
  display: block;
  width: 100%;
  padding: 12px 16px;
  font-size: 0.95rem;
  color: #ccc;
  text-decoration: none;
  word-break: break-word;
  border-radius: 10px;
  transition: background 0.2s ease;
}

.sidenav-item:hover {
  background-color: #333;
}

.sidenav-item.current-article {
  background-color: rgba(0, 188, 109, 1);
  color: rgba(255, 255, 255, 1);
  font-weight: bold;
}

/* ================== */
/* === Article Body === */
/* ================== */

.article {
  flex: 1;
  background-color: #1a1a1a;
  padding: 40px;
  border-radius: 16px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
}

.article-title {
  font-size: 2.3rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 20px;
}

.article-meta,
.meta-data,
.article-author {
  font-size: 0.9rem;
  color: #aaa;
}

.article-body {
  font-size: 1.1rem;
  line-height: 2;
  margin-top: 20px;
  color: #e0e0e0;
}

/* ================== */
/* === Tags === */
/* ================== */
.content-tags {
  background: #222;
  padding: 16px;
  border-radius: 12px;
  margin-top: 30px;
}

.content-tag-item {
  display: inline-block;
  background: #333;
  color: #eee;
  padding: 6px 12px;
  border-radius: 6px;
  margin-left: 6px;
  font-size: 0.85rem;
}

/* ================== */
/* === Attachments === */
/* ================== */
.article-attachments {
  background: #222;
  padding: 20px;
  border-radius: 12px;
  margin-top: 30px;
}

.attachment-item a {
  color: #4fc3f7;
}

.attachment-meta-item {
  color: #aaa;
  font-size: 0.85rem;
}

/* ================== */
/* === Voting === */
/* ================== */
.article-votes {
  background-color: #1a1a1a;
  /*   border-top: 1px solid #ddd; */
  border-radius: 16px;
  padding: 40px;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
  text-align: center;
}

.article-votes-question {
  color: #fff;
  margin: 0 auto;
  font-size: 1rem;
  font-weight: 600;
  flex: 1;
}

.article-votes-controls {
  display: flex;
  gap: 12px;
}

.article-vote {
  max-width: 56px;
  max-height: 56px;
  /*   height: 42px; */
  border: none;
  border-radius: 56px;
  background: #363636;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
  margin: 10px 5px;
  position: relative;
  overflow: hidden;
}

.article-vote:hover {
  background-color: #3a3a3a;
}

.article-votes-count {
  width: 100%;
  text-align: center;
  font-size: 0.85rem;
  color: #777;
  margin-top: 10px;
}

/* ================== */
/* === Vote (Comment Areas) === */
/* ================== */

.vote a:hover,
.vote a:focus,
.vote a:active {
  text-decoration: none;
}

.vote-sum {
  color: #bbb;
  margin: 3px 0;
}

[dir='rtl'] .vote-sum {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.vote-up,
.vote-down {
  appearance: none;
  background-color: transparent;
  border: none;
  color: #bbb;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-up:hover,
.vote-down:hover {
  color: #00b374;
}

.vote-voted {
  color: #00b374;
}

.vote-voted:hover {
  color: #008f5c;
}

/* ================== */
/* === Support CTA === */
/* ================== */
.article-more-questions {
  background-color: #1a1a1a;
  border-radius: 16px;
  padding: 40px;
  margin: 10px 0 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  color: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  transition: background 0.2s ease;
  cursor: pointer;
}

.article-more-questions:hover {
  background-color: #222;
}

.article-more-questions svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke-width: 1.6;
  flex-shrink: 0;
}

.article-more-questions a {
  color: rgba(0, 188, 109, 1);
  text-decoration: underline;
}

.article-more-questions a:hover {
  text-decoration: underline;
}

/* ================== */
/* === Footer / Related === */
/* ================== */
.article-footer {
  border-top: 1px solid #333;
  padding-top: 30px;
  margin-top: 40px;
}

.article-return-to-top {
  border-top: 1px solid #87929d;
}

.article-return-to-top a {
  color: #ccc;
  display: block;
  padding: 20px 0;
  transition: color 0.2s;
}

.article-return-to-top a:hover {
  color: #fff;
  text-decoration: none;
}

.article-share a {
  color: #ccc;
  margin-left: 10px;
}

.article-relatives {
  border-top: 1px solid #333;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {

  .article-relatives>* {
    flex: 1 0 50%;
    padding-right: 20px;
    overflow-wrap: break-word;
  }

  .article-relatives>*:last-child {
    padding-right: 0;
  }
}



/* Article End */


/* Extra: Anchors Decoration Remove */
.cta-box a,
.cta-box a:hover,
.cta-box a:focus,
.cta-box a:active {
  text-decoration: none;
}

.getting-started-cards a,
.getting-started-cards a:hover,
.getting-started-cards a:focus,
.getting-started-cards a:active {
  text-decoration: none;
}

/* End Extra: Anchors Decoration Remove */


/* Extra: Hover Effects Temp */
.cta-button:hover {
  background: #00d67c;
}

.getting-started-card:hover {
  background: #272727;
}

/* End Extra: Hover Effects Temp */


/* CK EDITOR */
/* === CKEditor Outer Wrapper === */
.ck.ck-editor.ck-rounded-corners {
  background-color: #000 !important;
  border: 1px solid #FFFFFF33 !important;
  border-radius: 12px !important;
  color: #FFFFFF80 !important;
  padding: 0 !important;
  transition: all 0.2s ease-in-out;
}

/* === On Hover === */
.ck.ck-editor.ck-rounded-corners:hover {
  border-color: rgba(0, 188, 109, 1) !important;
}

/* === On Focus === */
.ck.ck-editor.ck-rounded-corners:focus-within {
  /*   outline: transparent solid 2px !important; */
  box-shadow: 0 0 0 1px rgb(0, 0, 0), 0 0 0 3px rgba(0, 188, 109, 1) !important;
  /*   border-color: rgb(0, 188, 109) !important; */
}

.ck-editor__editable:focus-visible,
.ck-editor__editable_inline:focus-visible,
.ck-content:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* === Toolbar === */
.ck.ck-toolbar {
  background-color: #111 !important;
  border-radius: 12px 12px 0 0 !important;
  border-bottom: 1px solid #FFFFFF33 !important;
}

/* === Toolbar Buttons === */
.ck.ck-toolbar .ck-button {
  background-color: transparent !important;
  color: #FFFFFF80 !important;
  border-radius: 6px !important;
}

.ck.ck-toolbar .ck-button:hover,
.ck.ck-toolbar .ck-button:focus {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
}

/* === Editable Text Area === */
.ck.ck-editor__main>.ck-editor__editable {
  background-color: transparent !important;
  color: #FFFFFF80 !important;
  border: 1px solid #FFFFFF33 !important;
  border-radius: 12px !important;
  padding: 12px;
  min-height: 150px;
}

.ck.ck-sticky-panel__content {
  display: none;
}

/* === Dropdown Panels === */
.ck.ck-dropdown__panel,
.ck.ck-list {
  background-color: #1f1f1f !important;
  border: 1px solid #FFFFFF33 !important;
  color: #FFFFFF80 !important;
}

/* === List Items === */
.ck.ck-list__item {
  color: #FFFFFF80 !important;
}

.ck.ck-list__item:hover {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
}

/* === Input Fields in Dialogs === */
.ck.ck-input {
  background-color: #00000005 !important;
  color: #FFFFFF80 !important;
  border: 1px solid #FFFFFF33 !important;
}

.ck {
  --ck-border-radius: 12px !important;
}

#new-request-form input[name^="request[subject]"] {
  border: #FFFFFF33 solid 1px;
}

#new-request-form input[name^="request[subject]"]:hover {
  border: rgba(0, 188, 109, 1) solid 1px;
}

#new-request-form button[type^="submit"] {
  color: #000000;
  background-color: rgba(0, 188, 109, 1);
  padding: 16px 36px;
  border-radius: 999px;
  height: 43px;
}

.new-request-intro {
  color: rgba(255, 255, 255, 0.72);
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 24px;
  max-width: 640px;
}

/* === Placeholder Text === */
.ck-placeholder {
  color: #FFFFFF33 !important;
}

.ck.ck-content.ck-editor__editable ol,
.ck.ck-content.ck-editor__editable p,
.ck.ck-content.ck-editor__editable ul {
  color: #fff !important;
}

.ck.ck-icon.ck-icon_inherit-color,
.ck.ck-icon.ck-icon_inherit-color * {
  color: #FFFFFF80;
}


/* ARTICLE VOTING */
/* Hide default label */
.article-vote {
  font-size: 0;
  border: none;
  padding: 15px;
  cursor: pointer;
}

/* SVG thumbs up */
.svg-thumbs-up::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(/hc/theming_assets/01K1KNJ2HW0PPCB083M6J917SC);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* SVG thumbs down */
.svg-thumbs-down::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(/hc/theming_assets/01K1KNJ1NB8G0PFGKJZXD7V39P);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Optional: style selected vote */
.article-vote.button-primary.svg-thumbs-up::before {
  filter: brightness(1.2);
}

.article-vote.button-primary.svg-thumbs-down::before {
  filter: brightness(1.2);
}


/* Optional: Homepage Common Troubleshoot */
.troubleshoot-topics {
  visibility: hidden;
}

/* Dropdown Menu Over Style */
.dropdown-menu {
  border-width: 0.5px 0.5px 0px 0.5px;
  border-style: solid;
  border-color: #FFFFFF1F;
  border-radius: 20px;
  background-color: #1a1a1af7;
  margin-top: 10px;
  padding: 16px 8px;
}

.dropdown-menu a,
.dropdown-menu button {
  opacity: 0.5;
}

.dropdown-menu a[href^="/access/logout"] {
  color: #EF4632;
}

.dropdown-menu [role=menuitem]:hover,
.dropdown-menu [role=menuitem]:focus,
.dropdown-menu [role=menuitemradio]:hover,
.dropdown-menu [role=menuitemradio]:focus {
  opacity: 1;
  background: #FFFFFF1A;
  border-radius: 12px;
}


/* Search Container All Pages */
.search-container .search {
  border: 0px;
}

.search-container .search .clear-button {
  background-color: transparent;
  right: 40px;
  padding: 0;
  color: #FFFFFF;
  background: transparent;
}

[dir="rtl"] .search-container .search .clear-button {
  background-color: transparent;
  left: 40px;
  right: auto;
  padding: 0;
  color: #FFFFFF;
  background: transparent;
}

.search-container .search-icon {
  top: 50%;
  right: 15px;
  left: auto;
  width: 25px;
  height: 25px;
}

[dir="rtl"] .search-container .search-icon {
  top: 50%;
  right: auto;
  left: 15px;
  width: 25px;
  height: 25px;
}

.search-container .search input[type=search],
.search-container .search {
  border-radius: 32px;
  color: #FFFFFF;
  background-color: #FFFFFF1F;
}

.search-container .search input[type=search] {
  padding-left: 8px;
  padding-right: 55px;
}

[dir="rtl"] .search-container .search input[type=search] {
  padding-left: 55px;
  padding-right: 8px;
}

/* Pages Background Overlay */
.background-overlay {
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, #103727, #00bc6d59, #00000069);
  /*     background: radial-gradient(circle, #00bc6d, #00bc6d61, #00000045); */
  filter: blur(100px);
  position: absolute;
  width: 1;
  /* left: 50%; */
  top: -13%;
  width: 100%;
  overflow: visible;
  z-index: -1;
}

/* fix footer menu */

footer .dropdown-menu-end {
  left: auto;
  right: 1px;
}

@media (max-width: 711px) {
  footer .dropdown-menu-end {
    left: 1px;
    right: auto;
  }
}


.icon-outline {
  height: 50px;
}


.submit-a-request {
  display: none !important;
}

.nav-wrapper-mobile {
  display: none !important;
}


/* Hotfix Accordion Toggle on Safari */
summary::-webkit-details-marker {
  display: none !important;
}

summary {
  list-style: none;
  /* removes the marker in Safari */
}

summary::-webkit-details-marker {
  display: none;
  /* Chrome/Edge */
}


/* Homepage FAQ layout refresh */
.troubleshoot-topics {
  display: none !important;
}

.home-faq-section {
  padding: 8px 0 64px;
}

.home-faq-shell {
  max-width: 1000px;
  margin: 0 auto;
}

.home-faq-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
}

.home-faq-header h2 {
  margin: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.home-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.home-faq-item {
  min-width: 0;
}

.home-faq-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 84px;
  padding: 18px 20px;
  border: 1px solid transparent;
  border-radius: 20px;
  background: #141414;
  color: #FFFFFF;
  text-decoration: none;
  transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.home-faq-link:hover,
.home-faq-link:focus-visible {
  background: #171f1b;
  border-color: rgba(0, 188, 109, 0.38);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.24);
  color: #FFFFFF;
  text-decoration: none;
  transform: translateY(-1px);
}

.home-faq-link__title {
  min-width: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
}

.home-faq-link__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: #00BC6D;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.home-faq-link:hover .home-faq-link__icon,
.home-faq-link:focus-visible .home-faq-link__icon {
  background: rgba(0, 188, 109, 0.14);
  transform: translateX(2px);
}

[dir="rtl"] .home-faq-link:hover .home-faq-link__icon,
[dir="rtl"] .home-faq-link:focus-visible .home-faq-link__icon {
  transform: translateX(-2px);
}

[dir="rtl"] .home-faq-link__icon svg {
  transform: scaleX(-1);
}

@media (max-width: 1023px) {
  .home-faq-section {
    padding-bottom: 56px;
  }

  .home-faq-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .home-faq-header {
    margin-bottom: 20px;
  }

  .home-faq-header h2 {
    font-size: 28px;
  }

  .home-faq-link {
    min-height: 72px;
    padding: 16px 18px;
  }

  .home-faq-link__title {
    font-size: 15px;
  }
}

/* -------------------------------------------------------------------------- */
/* Categorized help articles: tabs -> inner sections -> latest articles       */
/* -------------------------------------------------------------------------- */

/* Lets --accent transition smoothly instead of snapping when a tab is clicked */
@property --accent {
  syntax: '<color>';
  inherits: true;
  initial-value: #00BC6D;
}

.home-help-articles {
  position: relative;
  /* overflow: hidden; */
  /* z-index: 5; */
  padding: 8px 0 64px;
  --accent: #00BC6D;
  transition: --accent 0.6s ease;
}

.faq-glow {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  filter: blur(90px);
}

.faq-glow--a {
  width: 500px;
  height: 500px;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(ellipse 42% 55% at 50% 50%,
      color-mix(in srgb, var(--accent) 22%, transparent) 0%,
      color-mix(in srgb, var(--accent) 13%, transparent) 32%,
      transparent 66%);
}

.faq-glow--b {
  width: 500px;
  height: 500px;
  left: 0;
  top: calc(30%);
  transform: translate(50%);
  background: radial-gradient(ellipse 50% 55% at 50% 50%,
      color-mix(in srgb, var(--accent) 20%, transparent) 0%,
      color-mix(in srgb, var(--accent) 10%, transparent) 34%,
      transparent 68%);
}

.home-help-articles>.container {
  position: relative;
  z-index: 1;
}

.help-articles-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  margin-bottom: 24px;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 999px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.02)),
    linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.02) 100%),
    rgba(22, 22, 22, 0.4);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.help-articles-tab {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: none;
  background: transparent;
  color: #FFFFFF;
  padding: 11.5px 30px;
  border-radius: 999px;
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;

  @media screen and (max-width: 767px) {
    padding: 11.5px 15px;
  }
}

.help-articles-tab:hover {
  background: rgba(255, 255, 255, 0.05);
}

.help-articles-tab.is-active {
  background: rgba(255, 255, 255, 0.12);
}

.help-articles-tab__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
}

.help-articles-tab__icon svg {
  width: 100%;
  height: 100%;
}

.help-articles-panel {
  display: none;
}

.help-articles-panel.is-active {
  display: block;
  animation: help-articles-panel-fade-in 0.3s ease;
}

@keyframes help-articles-panel-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .help-articles-panel.is-active {
    animation: none;
  }
}

.help-articles-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.help-articles-card {
  min-width: 0;
  padding: 28px 28px 24px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.06);
}

.help-articles-card__title {
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.help-articles-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.help-articles-item {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  transition: opacity 0.25s ease;
}

.help-articles-item:first-child {
  border-top: none;
}

/* Spotlight: hovering a card's list dims its other rows; the hovered row stays clear */
.help-articles-list:hover .help-articles-item {
  opacity: 0.5;
}

.help-articles-list:hover .help-articles-item:hover {
  opacity: 1;
}

/* Skeleton rows: same padding as .help-articles-link so the card's height
   doesn't shift once real articles replace these on fetch. */
.help-articles-item--skeleton {
  display: flex;
  align-items: center;
  padding: 20px 0;
}

.help-articles-skeleton-bar {
  height: 16px;
  width: 65%;
  border-radius: 6px;
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0.06) 25%,
      rgba(255, 255, 255, 0.14) 50%,
      rgba(255, 255, 255, 0.06) 75%);
  background-size: 200% 100%;
  animation: help-articles-skeleton-shimmer 1.4s ease-in-out infinite;
}

.help-articles-item--skeleton:nth-child(2) .help-articles-skeleton-bar {
  width: 50%;
}

.help-articles-item--skeleton:nth-child(3) .help-articles-skeleton-bar {
  width: 58%;
}

@keyframes help-articles-skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .help-articles-skeleton-bar {
    animation: none;
  }
}

.help-articles-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 0;
  color: #FFFFFF;
  text-decoration: none;
}

.help-articles-link:hover,
.help-articles-link:focus-visible {
  color: #00BC6D;
  text-decoration: none;
}

.help-articles-link__icon {
  display: inline-flex;
  flex: 0 0 auto;
}

.help-articles-link__title {
  min-width: 0;
  font-size: 16px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.help-articles-viewall {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.help-articles-viewall:hover,
.help-articles-viewall:focus-visible {
  color: #FFFFFF;
  text-decoration: none;
}

[dir="rtl"] .help-articles-link__icon svg,
[dir="rtl"] .help-articles-viewall__icon svg {
  transform: scaleX(-1);
  vertical-align: middle;
}

.home-help-articles {
  padding-bottom: 8%;
}

@media (max-width: 1023px) {
  .home-help-articles {
    padding-bottom: 20%;
  }

  .help-articles-grid {
    grid-template-columns: 1fr;
  }
}

.getting-started {
  margin-top: -5%;
}

/* Swap FAQ/Contact order on mobile via flex-reverse. Their desktop spacing
   comes from FAQ's own bottom padding + Contact's negative top margin — those
   are physical (attached to each element's own box), so column-reverse alone
   would leave the gap in the wrong place. On mobile we neutralize both and
   let `gap` supply the spacing instead, since gap is direction-agnostic and
   stays correct regardless of which section paints first. */
.home-flip-sections {
  display: flex;
  flex-direction: column;
  /* Was on .home-help-articles itself, which anchored the green-tint fade to
     FAQ's own top edge — fine when FAQ is first, but on mobile Contact swaps
     ahead of it (column-reverse below), so the tint would restart partway
     down the page instead of continuing from the hero above. The wrapper
     always sits right after the hero regardless of child order, so anchoring
     it here makes the fade resume correctly either way. */
  background: linear-gradient(to bottom, #040e0b, transparent);
}

@media (max-width: 767px) {
  .home-flip-sections {
    flex-direction: column-reverse;
    gap: 32px;
  }

  .home-flip-sections .home-help-articles {
    padding-bottom: 24px !important;
  }

  .home-flip-sections .getting-started {
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .help-articles-card {
    padding: 20px 18px 18px;
  }
}


/* -------------------------------------------------------------------------- */
/* Final polish: hero search alignment + branded footer refresh               */
/* -------------------------------------------------------------------------- */

.hero-search-container {
  position: relative !important;
  width: 100%;
  min-height: 72px;
  overflow: visible !important;
}

.hero-search-container .inner-search {
  position: relative !important;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 72px;
  margin: 0;
  overflow: visible !important;
}

.hero-search-container .inner-search input[type="search"],
.hero-search-container .inner-search input[type="text"] {
  width: 100%;
  height: 72px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 56px !important;
  padding-right: 176px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.20) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  color: #FFFFFF !important;
  font-size: 18px;
  line-height: 72px;
}

.hero-search-container .inner-search input[type="search"]:focus,
.hero-search-container .inner-search input[type="text"]:focus {
  box-shadow: inset 0 0 0 1px rgba(0, 188, 109, 0.55), 0 0 0 4px rgba(0, 188, 109, 0.12) !important;
}

.hero-search-container .search-icon {
  position: absolute;
  top: 50% !important;
  left: 22px !important;
  right: auto !important;
  width: 20px;
  height: 20px;
  transform: translateY(-50%) !important;
  color: rgba(255, 255, 255, 0.58);
  z-index: 2;
}

.hero-search-container .custom-search-button {
  position: absolute;
  top: 6px !important;
  bottom: 6px !important;
  right: 6px !important;
  left: auto !important;
  width: auto;
  min-width: 144px;
  padding: 0 30px !important;
  border-radius: 999px !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(0, 188, 109, 1) !important;
  color: #FFFFFF !important;
  font-family: 'Thmanyah Sans 1.2', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28);
  z-index: 3;
}

.hero-search-container .custom-search-button:hover {
  background: rgba(0, 204, 118, 1) !important;
}

.hero-search-container .clear-button {
  position: absolute;
  top: 50% !important;
  right: 156px;
  left: auto;
  width: 32px;
  height: 32px;
  transform: translateY(-50%) !important;
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.72);
  background: transparent !important;
  z-index: 3;
}

.hero-search-container .clear-button:hover,
.hero-search-container .clear-button:focus {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #FFFFFF;
}

.hero-search-container .inner-search input::placeholder,
.hero-search-container .inner-search input[type="search"]::placeholder,
.hero-search-container .inner-search input[type="text"]::placeholder {
  color: rgba(255, 255, 255, 0.58) !important;
  opacity: 1 !important;
}

[dir="rtl"] .hero-search-container .inner-search input[type="search"],
[dir="rtl"] .hero-search-container .inner-search input[type="text"] {
  padding-right: 56px !important;
  padding-left: 176px !important;
  text-align: right !important;
}

[dir="rtl"] .hero-search-container .search-icon {
  right: 22px !important;
  left: auto !important;
}

[dir="rtl"] .hero-search-container .custom-search-button {
  left: 6px !important;
  right: auto !important;
}

[dir="rtl"] .hero-search-container .clear-button {
  left: 156px;
  right: auto;
}

@media (max-width: 767px) {
  .hero-search-container {
    min-height: 64px;
  }

  .hero-search-container .inner-search {
    min-height: 64px;
  }

  .hero-search-container .inner-search input[type="search"],
  .hero-search-container .inner-search input[type="text"] {
    height: 64px;
    font-size: 16px;
    line-height: 64px;
    padding-left: 48px !important;
    padding-right: 148px !important;
  }

  .hero-search-container .search-icon {
    left: 18px !important;
    width: 18px;
    height: 18px;
  }

  .hero-search-container .custom-search-button {
    top: 5px !important;
    bottom: 5px !important;
    right: 5px !important;
    min-width: 124px;
    padding: 0 24px !important;
    font-size: 16px;
  }

  .hero-search-container .clear-button {
    right: 132px;
  }

  [dir="rtl"] .hero-search-container .inner-search input[type="search"],
  [dir="rtl"] .hero-search-container .inner-search input[type="text"] {
    padding-right: 48px !important;
    padding-left: 148px !important;
  }

  [dir="rtl"] .hero-search-container .search-icon {
    right: 18px !important;
    left: auto !important;
  }

  [dir="rtl"] .hero-search-container .custom-search-button {
    left: 5px !important;
    right: auto !important;
  }

  [dir="rtl"] .hero-search-container .clear-button {
    left: 132px;
    right: auto;
  }
}

@media (max-width: 479px) {

  .hero-search-container .inner-search input[type="search"],
  .hero-search-container .inner-search input[type="text"] {
    padding-right: 132px !important;
  }

  .hero-search-container .custom-search-button {
    min-width: 112px;
    padding: 0 20px !important;
  }

  .hero-search-container .clear-button {
    right: 118px;
  }

  [dir="rtl"] .hero-search-container .inner-search input[type="search"],
  [dir="rtl"] .hero-search-container .inner-search input[type="text"] {
    padding-left: 132px !important;
  }

  [dir="rtl"] .hero-search-container .clear-button {
    left: 118px;
    right: auto;
  }
}

.footer {
  margin-top: 72px;
  padding: 40px 20px 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.footer-shell {
  max-width: 1160px;
  margin: 0 auto;
}

.footer-top {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px 40px;
  margin: 0;
}

.footer-brand,
.footer-logo {
  min-width: 0;
}

.footer-logo a {
  display: inline-flex;
  align-items: center;
}

.footer-logo img {
  display: block;
  max-height: 54px;
  width: auto;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0;
}

.footer-links__item,
.footer-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.74);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.footer-links__item:hover,
.footer-links__item:focus-visible,
.footer-links a:hover,
.footer-links a:focus-visible {
  background: rgba(0, 188, 109, 0.10);
  border-color: rgba(0, 188, 109, 0.36);
  color: #FFFFFF;
  text-decoration: none;
  transform: translateY(-1px);
}

.footer-social {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.footer-social a {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.66);
}

.footer-social a:hover {
  background: rgba(0, 188, 109, 0.10);
  border-color: rgba(0, 188, 109, 0.36);
  color: #FFFFFF;
  transform: translateY(-1px);
}

.footer-social .social-icon {
  width: 18px;
  height: 18px;
}

.footer-separator {
  max-width: none;
  margin: 28px 0 20px;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  margin: 0;
}

.footer-copyright {
  margin: 0;
  max-width: 760px;
  color: rgba(255, 255, 255, 0.54);
  font-size: 14px;
  line-height: 1.6;
  text-align: start;
}

.footer-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-inline-start: auto;
}

.footer-language-selector .dropdown-toggle {
  all: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.74);
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.footer-language-selector .dropdown-toggle:hover,
.footer-language-selector .dropdown-toggle[aria-expanded="true"] {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.16);
  color: #FFFFFF;
}

.footer-language-selector .dropdown-chevron-icon {
  width: 12px;
  height: 12px;
}

.footer .dropdown-menu {
  min-width: 190px;
  margin-top: 10px;
  padding: 8px;
}

.footer .dropdown-menu [role="menuitem"] {
  display: block;
  border-radius: 12px;
  padding: 10px 12px;
}

.footer .dropdown-menu-end {
  left: auto;
  right: 0;
}

@media (max-width: 1023px) {
  .footer-top {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .footer-links {
    justify-content: center;
  }

  .footer-social {
    justify-content: center;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-copyright {
    max-width: 100%;
    text-align: center;
  }

  .footer-meta {
    margin-inline-start: 0;
  }
}

@media (max-width: 767px) {
  .footer {
    margin-top: 56px;
    padding: 32px 20px 24px;
  }

  .footer-links {
    gap: 10px;
  }

  .footer-links__item,
  .footer-links a,
  .footer-language-selector .dropdown-toggle {
    min-height: 40px;
    padding: 9px 14px;
    font-size: 13px;
  }

  .footer-social a {
    width: 40px;
    height: 40px;
  }
}

[dir="rtl"] .footer-social {
  justify-content: flex-start;
}

[dir="rtl"] .footer .dropdown-menu-end {
  left: 0;
  right: auto;
}


/* -------------------------------------------------------------------------- */
/* Search bar hard-fix: remove rectangular bleed and lock LTR/RTL alignment   */
/* -------------------------------------------------------------------------- */

.hero-search-container {
  max-width: 760px;
  width: 100%;
  background: transparent !important;
  isolation: isolate;
}

.hero-search-container .inner-search,
.hero-search-container form.search,
.hero-search-container form[role="search"] {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.20) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
  overflow: hidden !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.hero-search-container .inner-search::before,
.hero-search-container .inner-search::after,
.hero-search-container form.search::before,
.hero-search-container form.search::after,
.hero-search-container form[role="search"]::before,
.hero-search-container form[role="search"]::after {
  content: none !important;
}

.hero-search-container .inner-search input[type="search"],
.hero-search-container .inner-search input[type="text"],
.hero-search-container form.search input[type="search"],
.hero-search-container form.search input[type="text"],
.hero-search-container form[role="search"] input[type="search"],
.hero-search-container form[role="search"] input[type="text"] {
  position: relative !important;
  z-index: 1 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 72px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #FFFFFF !important;
  font-size: 18px !important;
  line-height: 72px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 56px !important;
  padding-right: 176px !important;
}

.hero-search-container .inner-search input[type="search"]:focus,
.hero-search-container .inner-search input[type="text"]:focus,
.hero-search-container form.search input[type="search"]:focus,
.hero-search-container form.search input[type="text"]:focus,
.hero-search-container form[role="search"] input[type="search"]:focus,
.hero-search-container form[role="search"] input[type="text"]:focus {
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(0, 188, 109, 0.55), 0 0 0 4px rgba(0, 188, 109, 0.12) !important;
}

.hero-search-container .search-icon {
  position: absolute !important;
  top: 50% !important;
  left: 22px !important;
  right: auto !important;
  width: 20px !important;
  height: 20px !important;
  transform: translateY(-50%) !important;
  color: rgba(255, 255, 255, 0.58) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.hero-search-container .custom-search-button {
  position: absolute !important;
  top: 50% !important;
  right: 6px !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  min-width: 144px !important;
  height: 60px !important;
  margin: 0 !important;
  padding: 0 30px !important;
  border: 0 !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: rgba(0, 188, 109, 1) !important;
  color: #FFFFFF !important;
  font-family: 'Thmanyah Sans 1.2', sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28) !important;
  z-index: 3 !important;
}

.hero-search-container .custom-search-button:hover,
.hero-search-container .custom-search-button:focus-visible {
  background: rgba(0, 204, 118, 1) !important;
}

.hero-search-container .clear-button,
.hero-search-container .inner-search .clear-button,
.hero-search-container form.search .clear-button,
.hero-search-container form[role="search"] .clear-button {
  position: absolute !important;
  top: 50% !important;
  right: 156px !important;
  left: auto !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.72) !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
}

.hero-search-container .clear-button:hover,
.hero-search-container .clear-button:focus {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #FFFFFF !important;
}

.hero-search-container .inner-search input::placeholder,
.hero-search-container .inner-search input[type="search"]::placeholder,
.hero-search-container .inner-search input[type="text"]::placeholder,
.hero-search-container form.search input::placeholder,
.hero-search-container form[role="search"] input::placeholder {
  color: rgba(255, 255, 255, 0.58) !important;
  opacity: 1 !important;
}

[dir="rtl"] .hero-search-container .inner-search input[type="search"],
[dir="rtl"] .hero-search-container .inner-search input[type="text"],
[dir="rtl"] .hero-search-container form.search input[type="search"],
[dir="rtl"] .hero-search-container form.search input[type="text"],
[dir="rtl"] .hero-search-container form[role="search"] input[type="search"],
[dir="rtl"] .hero-search-container form[role="search"] input[type="text"] {
  padding-right: 56px !important;
  padding-left: 176px !important;
  text-align: right !important;
}

[dir="rtl"] .hero-search-container .clear-button,
[dir="rtl"] .hero-search-container .inner-search .clear-button,
[dir="rtl"] .hero-search-container form.search .clear-button,
[dir="rtl"] .hero-search-container form[role="search"] .clear-button {
  left: 156px !important;
  right: auto !important;
}

@media (max-width: 767px) {

  .hero-search-container .inner-search,
  .hero-search-container form.search,
  .hero-search-container form[role="search"] {
    min-height: 64px !important;
  }

  .hero-search-container .inner-search input[type="search"],
  .hero-search-container .inner-search input[type="text"],
  .hero-search-container form.search input[type="search"],
  .hero-search-container form.search input[type="text"],
  .hero-search-container form[role="search"] input[type="search"],
  .hero-search-container form[role="search"] input[type="text"] {
    height: 64px !important;
    line-height: 64px !important;
    font-size: 16px !important;
    padding-left: 48px !important;
    padding-right: 148px !important;
  }

  .hero-search-container .search-icon {
    left: 18px !important;
    width: 18px !important;
    height: 18px !important;
  }

  .hero-search-container .custom-search-button {
    right: 5px !important;
    min-width: 124px !important;
    height: 54px !important;
    padding: 0 24px !important;
    font-size: 16px !important;
  }

  .hero-search-container .clear-button,
  .hero-search-container .inner-search .clear-button,
  .hero-search-container form.search .clear-button,
  .hero-search-container form[role="search"] .clear-button {
    right: 132px !important;
  }

  [dir="rtl"] .hero-search-container .inner-search input[type="search"],
  [dir="rtl"] .hero-search-container .inner-search input[type="text"],
  [dir="rtl"] .hero-search-container form.search input[type="search"],
  [dir="rtl"] .hero-search-container form.search input[type="text"],
  [dir="rtl"] .hero-search-container form[role="search"] input[type="search"],
  [dir="rtl"] .hero-search-container form[role="search"] input[type="text"] {
    padding-right: 48px !important;
    padding-left: 148px !important;
  }

  [dir="rtl"] .hero-search-container .clear-button,
  [dir="rtl"] .hero-search-container .inner-search .clear-button,
  [dir="rtl"] .hero-search-container form.search .clear-button,
  [dir="rtl"] .hero-search-container form[role="search"] .clear-button {
    left: 132px !important;
    right: auto !important;
  }
}

@media (max-width: 479px) {

  .hero-search-container .inner-search input[type="search"],
  .hero-search-container .inner-search input[type="text"],
  .hero-search-container form.search input[type="search"],
  .hero-search-container form.search input[type="text"],
  .hero-search-container form[role="search"] input[type="search"],
  .hero-search-container form[role="search"] input[type="text"] {
    padding-right: 132px !important;
  }

  .hero-search-container .custom-search-button {
    min-width: 112px !important;
    padding: 0 20px !important;
  }

  .hero-search-container .clear-button,
  .hero-search-container .inner-search .clear-button,
  .hero-search-container form.search .clear-button,
  .hero-search-container form[role="search"] .clear-button {
    right: 118px !important;
  }

  [dir="rtl"] .hero-search-container .inner-search input[type="search"],
  [dir="rtl"] .hero-search-container .inner-search input[type="text"],
  [dir="rtl"] .hero-search-container form.search input[type="search"],
  [dir="rtl"] .hero-search-container form.search input[type="text"],
  [dir="rtl"] .hero-search-container form[role="search"] input[type="search"],
  [dir="rtl"] .hero-search-container form[role="search"] input[type="text"] {
    padding-left: 132px !important;
  }

  [dir="rtl"] .hero-search-container .clear-button,
  [dir="rtl"] .hero-search-container .inner-search .clear-button,
  [dir="rtl"] .hero-search-container form.search .clear-button,
  [dir="rtl"] .hero-search-container form[role="search"] .clear-button {
    left: 118px !important;
    right: auto !important;
  }
}

/* =========================================================
   Homepage hero/header blend fix
   Softens the header-to-hero seam without pulling the hero
   under the header or clipping the search bar.
   ========================================================= */
.header {
  position: relative;
  z-index: 30;
}

.home-hero {
  position: relative;
  margin-top: 0;
  /* .section (base class shared with home-hero) sets margin-bottom: 40/60px,
     which left a flat, un-backgrounded gap between hero and the section after
     it. Convert that spacing to padding instead so it stays inside hero's own
     background — same visual gap, no seam. */
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 40px;
  background-image: linear-gradient(to bottom, #040e0b, #000) !important;
  background-color: #000;
  overflow: hidden;
  isolation: isolate;
}

/* @media (min-width: 768px) {
  .home-hero {
    padding-bottom: 60px;
  }
} */

.home-hero::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -71px;
  height: 176px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.90) 28%, rgba(0, 0, 0, 0.62) 58%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  z-index: 2;
}

/* Horizon-dome glow: a circle clipped by overflow:hidden, rim lit via inset
   box-shadows (shasha-web's Benefits technique). Real markup, not a
   pseudo-element, so it doesn't compete with .home-hero::before below.
   Size/position are hand-tuned to clear the search bar and reach both edges. */
.hero-glow-clip {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.hero-glow {
  position: absolute;
  top: 67%;
  left: 50%;
  width: 650%;
  aspect-ratio: 1 / 1;
  transform: translateX(-50%);
  border-radius: 50%;
  background: linear-gradient(to bottom, #040e0b, #000);
  box-shadow:
    inset 0 80px 60px -30px rgba(0, 188, 109, 1),
    inset 0 40px 30px -8px rgba(0, 188, 109, 0.5),
    inset 0 20px 20px -6px rgba(255, 255, 255, 0.35),
    inset 0 0 20px -6px rgba(0, 188, 109, 1);
}

.home-hero>.container {
  position: relative;
  z-index: 3;
}

@media (max-width: 767px) {
  .home-hero::before {
    top: -71px;
    height: 148px;
  }
}



/* =========================================================
   v4.34.5 homepage polish
   - let the hero section grow to reveal more of the artwork
   - tighten the mobile search control without changing desktop
   ========================================================= */
.home-hero {
  height: auto !important;
  min-height: 480px !important;
  background-position: center top !important;
  background-size: cover !important;
}

.home-hero .hero-main {
  min-height: auto !important;
  padding: 18px 0 92px !important;
}

.home-hero .hero-container {
  margin-top: 44px !important;
  margin-bottom: 0 !important;
}

@media (min-width: 1160px) {
  .home-hero {
    min-height: 510px !important;
  }

  .home-hero .hero-main {
    padding-bottom: 18% !important;
  }
}

@media (max-width: 767px) {
  .home-hero {
    min-height: 540px !important;
  }

  .home-hero .hero-main {
    padding: 12px 0 92px !important;
  }

  .home-hero .hero-container {
    margin-top: 26px !important;
    gap: 24px !important;
  }

  .hero-search-container {
    max-width: 100% !important;
  }

  .hero-search-container .inner-search,
  .hero-search-container form.search,
  .hero-search-container form[role="search"] {
    min-height: 66px !important;
  }

  .hero-search-container .inner-search input[type="search"],
  .hero-search-container .inner-search input[type="text"],
  .hero-search-container form.search input[type="search"],
  .hero-search-container form.search input[type="text"],
  .hero-search-container form[role="search"] input[type="search"],
  .hero-search-container form[role="search"] input[type="text"] {
    height: 66px !important;
    line-height: 66px !important;
    font-size: 16px !important;
    padding-left: 46px !important;
    padding-right: 128px !important;
  }

  .hero-search-container .custom-search-button {
    right: 6px !important;
    min-width: 102px !important;
    height: 54px !important;
    padding: 0 18px !important;
    font-size: 15px !important;
  }

  .hero-search-container .clear-button,
  .hero-search-container .inner-search .clear-button,
  .hero-search-container form.search .clear-button,
  .hero-search-container form[role="search"] .clear-button {
    display: none !important;
  }

  [dir="rtl"] .hero-search-container .inner-search input[type="search"],
  [dir="rtl"] .hero-search-container .inner-search input[type="text"],
  [dir="rtl"] .hero-search-container form.search input[type="search"],
  [dir="rtl"] .hero-search-container form.search input[type="text"],
  [dir="rtl"] .hero-search-container form[role="search"] input[type="search"],
  [dir="rtl"] .hero-search-container form[role="search"] input[type="text"] {
    padding-right: 46px !important;
    padding-left: 128px !important;
  }

  [dir="rtl"] .hero-search-container .custom-search-button {
    left: 6px !important;
    right: auto !important;
  }
}

@media (max-width: 479px) {
  .home-hero {
    min-height: 520px !important;
  }

  .home-hero .hero-main {
    padding-bottom: 84px !important;
  }

  .hero-search-container .inner-search,
  .hero-search-container form.search,
  .hero-search-container form[role="search"] {
    min-height: 62px !important;
  }

  .hero-search-container .inner-search input[type="search"],
  .hero-search-container .inner-search input[type="text"],
  .hero-search-container form.search input[type="search"],
  .hero-search-container form.search input[type="text"],
  .hero-search-container form[role="search"] input[type="search"],
  .hero-search-container form[role="search"] input[type="text"] {
    height: 62px !important;
    line-height: 62px !important;
    font-size: 15px !important;
    padding-left: 44px !important;
    padding-right: 116px !important;
  }

  .hero-search-container .search-icon {
    left: 16px !important;
  }

  .hero-search-container .custom-search-button {
    min-width: 94px !important;
    height: 50px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
  }

  [dir="rtl"] .hero-search-container .inner-search input[type="search"],
  [dir="rtl"] .hero-search-container .inner-search input[type="text"],
  [dir="rtl"] .hero-search-container form.search input[type="search"],
  [dir="rtl"] .hero-search-container form.search input[type="text"],
  [dir="rtl"] .hero-search-container form[role="search"] input[type="search"],
  [dir="rtl"] .hero-search-container form[role="search"] input[type="text"] {
    padding-right: 44px !important;
    padding-left: 116px !important;
  }

  [dir="rtl"] .hero-search-container .search-icon {
    right: 16px !important;
    left: auto !important;
  }
}


/* =========================================================
   v4.34.6 mobile search bar alignment fix
   - remove inherited mobile container padding that was pushing
     the submit button outside the rounded shell
   - anchor the mobile button inside the shell and soften its shadow
   ========================================================= */
@media (max-width: 767px) {
  .hero-search-container {
    width: min(100%, 430px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hero-search-container .inner-search input[type="search"],
  .hero-search-container .inner-search input[type="text"],
  .hero-search-container form.search input[type="search"],
  .hero-search-container form.search input[type="text"],
  .hero-search-container form[role="search"] input[type="search"],
  .hero-search-container form[role="search"] input[type="text"] {
    height: 64px !important;
    line-height: 64px !important;
    padding-left: 46px !important;
    padding-right: 124px !important;
  }

  .hero-search-container .search-icon {
    left: 18px !important;
    width: 20px !important;
    height: 20px !important;
  }

  .hero-search-container .custom-search-button {
    top: 5px !important;
    bottom: 5px !important;
    right: 5px !important;
    min-width: 104px !important;
    height: auto !important;
    padding: 0 18px !important;
    transform: none !important;
    box-shadow: none !important;
  }

  [dir="rtl"] .hero-search-container .inner-search input[type="search"],
  [dir="rtl"] .hero-search-container .inner-search input[type="text"],
  [dir="rtl"] .hero-search-container form.search input[type="search"],
  [dir="rtl"] .hero-search-container form.search input[type="text"],
  [dir="rtl"] .hero-search-container form[role="search"] input[type="search"],
  [dir="rtl"] .hero-search-container form[role="search"] input[type="text"] {
    padding-right: 46px !important;
    padding-left: 124px !important;
  }
}

@media (max-width: 479px) {
  .hero-search-container {
    width: 100% !important;
  }

  .hero-search-container .inner-search input[type="search"],
  .hero-search-container .inner-search input[type="text"],
  .hero-search-container form.search input[type="search"],
  .hero-search-container form.search input[type="text"],
  .hero-search-container form[role="search"] input[type="search"],
  .hero-search-container form[role="search"] input[type="text"] {
    height: 62px !important;
    line-height: 62px !important;
    padding-left: 44px !important;
    padding-right: 116px !important;
  }

  .hero-search-container .custom-search-button {
    min-width: 96px !important;
    padding: 0 16px !important;
  }
}


/* =========================================================
   v4.34.7 QC hardening
   - restore mobile navigation visibility
   - stabilize article / kb layouts
   - prevent article content overflow conflicts
   - clean empty states and search-results filter structure
   ========================================================= */

/* Restore default mobile navigation behaviour */
@media (max-width: 1023px) {
  .nav-wrapper-mobile {
    display: block !important;
  }

  .nav-wrapper-desktop {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .nav-wrapper-mobile {
    display: none !important;
  }

  .nav-wrapper-desktop {
    display: inline-flex !important;
    align-items: center;
    gap: 20px;
  }
}

/* Reduce accidental overlay interaction on inner pages */
.background-overlay {
  pointer-events: none;
  opacity: 0.72;
}

/* Inner-page search shell consistency */
.sub-nav {
  position: relative;
  z-index: 2;
  gap: 16px;
}

.sub-nav .search-container {
  width: min(100%, 360px);
}

.sub-nav .search-container .search,
.sub-nav .search-container .search input[type=search] {
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.sub-nav .search-container .search:hover,
.sub-nav .search-container .search:focus-within {
  border-color: rgba(0, 188, 109, 0.55);
}

@media (max-width: 767px) {
  .sub-nav .search-container {
    width: 100%;
  }
}

/* Semantic empty states for category / section */
.category-empty,
.section-empty {
  margin: 24px 0 0;
  padding: 18px 20px;
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.72);
  text-align: center;
}

/* Search results filter CTA list item cleanup */
.multibrand-filter-list>li .see-all-filters {
  margin-top: 8px;
}

.multibrand-filter-list .see-all-filters {
  width: 100%;
  border: 0;
  border-radius: 12px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.86);
}

.multibrand-filter-list .see-all-filters:hover,
.multibrand-filter-list .see-all-filters:focus-visible {
  background: rgba(255, 255, 255, 0.06);
}

/* Article page stability */
.article-container {
  position: relative;
  z-index: 1;
  gap: 28px;
}

@media (min-width: 1024px) {
  .article-container {
    align-items: flex-start;
  }

  .article-sidebar {
    flex: 0 0 280px;
    max-width: 280px;
    margin-bottom: 0;
    position: sticky;
    top: 110px;
  }

  .article {
    flex: 1 1 0;
    max-width: none;
    min-width: 0;
    width: 100%;
    padding: 40px 40px 32px;
  }
}

@media (max-width: 1023px) {
  .article-sidebar {
    position: static;
  }

  .article {
    padding: 28px 24px;
  }
}

@media (max-width: 767px) {
  .article {
    border-radius: 20px;
    padding: 24px 18px;
  }
}

.article-header {
  gap: 14px;
}

.article-title {
  margin: 0 0 8px;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.18;
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
}

.article-author,
.article-meta,
.meta-group,
.meta-data {
  color: rgba(255, 255, 255, 0.62);
}

.article-body {
  color: rgba(255, 255, 255, 0.88);
  font-size: 17px;
  line-height: 1.9;
}

.article-body>* {
  max-width: 100%;
}

.article-body h1,
.article-body h2,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6 {
  color: #FFFFFF;
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin-top: 1.8em;
  margin-bottom: 0.7em;
}

.article-body h2 {
  font-size: clamp(1.5rem, 2vw, 2rem);
}

.article-body h3 {
  font-size: clamp(1.25rem, 1.6vw, 1.6rem);
}

.article-body p,
.article-body li {
  overflow-wrap: anywhere;
}

.article-body iframe,
.article-body video,
.article-body embed,
.article-body object {
  width: 100%;
  max-width: 100%;
  border: 0;
  border-radius: 16px;
}

.article-body figure {
  max-width: 100%;
}

.article-body table {
  width: 100%;
  display: block;
  overflow-x: auto;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 24px 0;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
}

.article-body th,
.article-body td {
  min-width: 140px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  vertical-align: top;
}

.article-body th {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.04);
  text-align: start;
}

.article-body hr {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  margin: 28px 0;
}

.article-body blockquote {
  margin: 24px 0;
  padding: 8px 0 8px 18px;
  border-left: 3px solid rgba(0, 188, 109, 0.55);
  color: rgba(255, 255, 255, 0.74);
  background: transparent;
}

[dir=rtl] .article-body blockquote {
  padding: 8px 18px 8px 0;
  border-left: 0;
  border-right: 3px solid rgba(0, 188, 109, 0.55);
}

.article-body pre {
  border-radius: 16px;
}

.article-body :not(pre)>code {
  border-radius: 999px;
  padding: 2px 8px;
}

.article-attachments,
.content-tags {
  border: 1px solid rgba(255, 255, 255, 0.06);
}


.article-footer,
.article-relatives,
.article-return-to-top {
  border-color: rgba(255, 255, 255, 0.06);
}

/* Sidebar list density polish */
.article-sidebar li {
  margin-bottom: 10px;
}

.sidenav-item {
  line-height: 1.45;
}

.sidenav-item.current-article {
  color: #FFFFFF;
}

/* Comments / dropdown consistency on content pages */
.comment-sorter .dropdown-toggle,
.profile-section-sorter .dropdown-toggle,
.topic-header .dropdown-toggle,
.community-header .dropdown-toggle {
  min-height: 40px;
}

.dropdown-toggle[aria-expanded="true"] .dropdown-chevron-icon {
  transform: rotate(180deg);
}

/* =========================================================
   Article footer CTA/votes layout restore (v4.34.8)
   Restores the horizontal desktop composition requested by QA,
   while keeping the broader article-shell fixes from v4.34.7.
   ========================================================= */
.article-votes,
.article-more-questions {
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: none;
}

.article-votes {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 40px 56px;
  text-align: start;
}

.article-votes-question {
  flex: 1 1 auto;
  margin: 0;
  font-size: 1rem;
  text-align: start;
}

.article-votes-controls {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}

.article-vote {
  width: 56px;
  height: 56px;
  max-width: none;
  max-height: none;
  margin: 0;
  border-radius: 999px;
  background: #363636;
}

.article-more-questions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
  flex-wrap: nowrap;
  margin-top: 24px;
  padding: 40px 56px;
  text-align: start;
}

.article-more-questions-content {
  flex: 1 1 auto;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.7;
  text-align: start;
}

.article-more-questions-content a,
.article-more-questions-content a:visited,
.article-more-questions a,
.article-more-questions a:visited {
  display: inline;
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: none;
  color: rgba(0, 188, 109, 1);
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 4px;
}

.article-more-questions-content a:hover,
.article-more-questions-content a:focus-visible,
.article-more-questions a:hover,
.article-more-questions a:focus-visible {
  background: none;
  color: rgba(0, 208, 121, 1);
  text-decoration: underline;
}

.article-more-questions svg {
  flex: 0 0 auto;
}

[dir='rtl'] .article-votes,
[dir='rtl'] .article-more-questions,
html[dir='rtl'] .article-votes,
html[dir='rtl'] .article-more-questions {
  text-align: right;
}

@media (max-width: 767px) {

  .article-votes,
  .article-more-questions {
    padding: 28px 24px;
  }

  .article-votes {
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
    text-align: center;
  }

  .article-votes-question {
    flex: 1 1 100%;
    text-align: center;
  }

  .article-votes-controls {
    width: 100%;
    justify-content: center;
  }

  .article-more-questions {
    flex-wrap: wrap;
    gap: 14px;
  }

  .article-more-questions-content {
    width: 100%;
    text-align: center;
  }

  [dir='rtl'] .article-more-questions-content,
  html[dir='rtl'] .article-more-questions-content {
    text-align: center;
  }
}