body {
  background: #F6F9FC;
}


.vp-banner[data-vp-id=space-home-banner] {
  height: 280px;
}

.space-overview__detail__header {
  padding: 0 !important;
  margin-bottom: 0 !important
}

.header__navigation--logo {
  width: 120px;
}

.header.hc-header-background-color {
  border-bottom: none;
  background-color: transparent;
}

.header {
  background-color: transparent;
}

.header .top-bar {
  background-color: rgba(246, 249,252, 0.5) !important;
  backdrop-filter: blur(6px);
}

.vp-banner {
  margin: 0 20px;
  border-radius: 20px;
  height: 440px;
  background-position: center;
  display: flex;
  align-items: center;
}

.portal__header {
  align-items: center;
  justify-items:center;
}

.portal__header__content {
  width: 100%;
}


.portal__header__content__intro--heading, .portal__header__content__intro--intro {
  color: #2C2D3E;
}

.portal__header__content__intro--heading {
  font-size: 36px
}

.portal__header__content__intro--intro {
  font-size: 16px
}

/* DOCS HEADER*/
.space-overview__detail__intro--heading {
  margin-top: 48px;
}

.space-overview__content>:not(:last-child) {
  margin: 0;
  padding: 0;
  border: none;
}

.space-overview__detail__intro--logo {
  display: none;
}

.space-overview__content__heading {
  margin-top: 48px;
}

.tile {
  border-radius: 16px;
  border: none;
  box-shadow: 0px 8px 16px -6px rgba(24, 39, 75, 0.08), 0px 6px 8px -6px rgba(24, 39, 75, 0.12);
  padding: 32px;
  text-align: left;
  color: #20242D;
  align-items: start;
}

.tile .tile__image {
  width: 48px;
  height: 48px;
  inline-size: 48px;
}

.tile h3 {
  font-size: 18px
}

.tile p {
  font-size: 14px
}

.portal__content > div {
  padding: 0 60px;
  margin-top: -60px;
}

.footer {
  padding: 40px;
}

.hc-footer-font-color, .hc-footer-font-color>a {
  color: #7C858B;
}

footer .grid {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

footer .footer__links, footer .footer__attribution-line--copyright {
  font-size: 14px;
}

footer .footer__logo {
  display: none;
}

#button-container #help-button {
  color: #2C2D3E;
  background-color: none !important;
  border: 1px solid #2C2D3E;
  box-shadow: none;
  line-height: 36px;
}

#button-container #help-button.icon {
  font-size: 20px;
  width: 36px;
  height: 36px;
}
.material-icons {
  display: flex;
}

.material-icons.mdi-pin:before {
  content: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M20.4342 12.8746C21.1309 11.6249 21.4792 11 22 11C22.5208 11 22.8691 11.6249 23.5658 12.8746L23.746 13.1979C23.944 13.5531 24.0429 13.7306 24.1973 13.8478C24.3516 13.965 24.5438 14.0084 24.9283 14.0954L25.2783 14.1746C26.6311 14.4807 27.3075 14.6338 27.4684 15.1513C27.6293 15.6688 27.1682 16.208 26.2459 17.2865L26.0073 17.5655C25.7453 17.8719 25.6142 18.0252 25.5553 18.2147C25.4963 18.4043 25.5161 18.6088 25.5558 19.0177L25.5918 19.3899C25.7313 20.8288 25.801 21.5483 25.3797 21.8681C24.9584 22.188 24.325 21.8964 23.0584 21.3131L22.7307 21.1623C22.3707 20.9965 22.1908 20.9137 22 20.9137C21.8092 20.9137 21.6293 20.9965 21.2693 21.1623L20.9416 21.3131C19.675 21.8964 19.0416 22.188 18.6203 21.8681C18.199 21.5483 18.2687 20.8288 18.4082 19.3899L18.4442 19.0177C18.4839 18.6088 18.5037 18.4043 18.4447 18.2147C18.3858 18.0252 18.2547 17.8719 17.9927 17.5655L17.7541 17.2865C16.8318 16.208 16.3707 15.6688 16.5316 15.1513C16.6925 14.6338 17.3689 14.4807 18.7217 14.1746L19.0717 14.0954C19.4562 14.0084 19.6484 13.965 19.8027 13.8478C19.9571 13.7306 20.056 13.5531 20.254 13.1979L20.4342 12.8746Z' stroke='%239E81C2' stroke-width='3'/%3E%3Cpath d='M34.8332 16.5C34.8332 23.5877 29.0875 29.3334 21.9998 29.3334C14.9122 29.3334 9.1665 23.5877 9.1665 16.5C9.1665 9.41237 14.9122 3.66669 21.9998 3.66669C29.0875 3.66669 34.8332 9.41237 34.8332 16.5Z' stroke='%239E81C2' stroke-width='3'/%3E%3Cpath opacity='0.5' d='M13.477 27.5L12.3094 31.7588C11.1575 35.9605 10.5815 38.0614 11.3501 39.2115C11.6195 39.6145 11.9808 39.938 12.4002 40.1515C13.5966 40.7608 15.444 39.7981 19.1388 37.8729C20.3681 37.2324 20.9828 36.9121 21.6359 36.8425C21.878 36.8167 22.122 36.8167 22.3641 36.8425C23.0172 36.9121 23.6319 37.2324 24.8612 37.8729C28.556 39.7981 30.4034 40.7608 31.5998 40.1515C32.0192 39.938 32.3805 39.6145 32.6499 39.2115C33.4185 38.0614 32.8425 35.9605 31.6906 31.7588L30.523 27.5' stroke='%239E81C2' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.material-icons.mdi-compass-outline:before {
  content: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M5.5 18.3334C5.5 11.4194 5.5 7.96245 7.64788 5.81457C9.79577 3.66669 13.2527 3.66669 20.1667 3.66669H23.8333C30.7473 3.66669 34.2042 3.66669 36.3521 5.81457C38.5 7.96245 38.5 11.4194 38.5 18.3334V25.6667C38.5 32.5806 38.5 36.0376 36.3521 38.1855C34.2042 40.3334 30.7473 40.3334 23.8333 40.3334H20.1667C13.2527 40.3334 9.79577 40.3334 7.64788 38.1855C5.5 36.0376 5.5 32.5806 5.5 25.6667V18.3334Z' stroke='%239E81C2' stroke-width='2.75'/%3E%3Cpath d='M14.6665 22H29.3332' stroke='%239E81C2' stroke-width='2.75' stroke-linecap='round'/%3E%3Cpath d='M14.6665 14.6667H29.3332' stroke='%239E81C2' stroke-width='2.75' stroke-linecap='round'/%3E%3Cpath d='M14.6665 29.3334H23.8332' stroke='%239E81C2' stroke-width='2.75' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.material-icons:before {
  width: 44px;
  height: 44px;
}

/*TILES*/
.tile--pinned-topics {
  padding: 24px 0 0;
}

.tile--pinned-topics h3 {
  padding: 0 24px;
  border-left: 2px solid #43DA91;
  min-height: 48px;
  font-size: 20px;
  display: flex;
  align-items: center;
}

.tile--pinned-topics p {
  padding: 0 24px 24px;
  font-size: 16px;
  color: #636477;
}

/* OVERVIEW TOPICS*/

.space-overview__topics .grid div {
  background: white;
  border-radius: 16px;
  box-shadow: 0px 8px 16px -6px rgba(24, 39, 75, 0.08), 0px 6px 8px -6px rgba(24, 39, 75, 0.12);
}

.space-overview__topics .grid div h3 {
  margin-top: 24px;
  padding: 0 24px;
  border-left: 2px solid #43DA91;
  min-height: 48px;
  font-size: 20px;
  display: flex;
  align-items: center;
}

.space-overview__topics .grid div ul {
  padding: 0 24px 24px;
}

.space-overview__topics .grid div ul a {
  font-size: 16px;
  color: #636477;
}

.space-overview__topics .grid div ul .list__topic__more {
  border-radius: 999px;
  padding: 6px 12px;
  background: #F9F9F9;
  border: 1px solid #E6E6E6;
  margin-top: 40px;
  align-self: flex-start;
}

.space-overview__topics .grid div ul .list__topic__more a {
  color: #2C2D3E;
}

.vp-article .article-header {
  padding: 30px 50px;
  background: #9CEDCD;
  border-radius: 20px;
  margin-bottom: 24px;
}

.vp-article .article-header h1 {
  margin: 0;
}
.vp-article.vp-container.article {
 border-top: 1px solid #eff0f4;
}


/*LANG SELECTOR*/

.top-bar-right {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.lang, .support {
  margin-left: 16px;
}

.lang ul, .support ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
	
.lang ul li, .support ul li {
  display:inline-block;
  background-color: #FFFFFF;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.2);
}

.lang a, .support a {
  display:block;
  color:#2C2D3E;
  font-size:14px;
  text-decoration:none;
}

.lang a:hover, .support a:hover {
  color: rgba(0,0,0,.7); 
}

/* Hide Dropdowns by Default */
.lang ul ul, .support ul ul  {
  display: none;
  position: absolute;
  top: 0;
  right: -11px;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 6px 12px;
  border: none;
  box-shadow: 0px 6px 12px 0 rgba(0, 0, 0, .2);
}
	
/* Display Dropdowns on Hover */
.lang ul li:hover > ul, .support ul li:hover > ul {
  display:inherit;
}
	
/* Fisrt Tier Dropdown */
.lang ul ul li {
  width:70px;
  float:none;
  display:list-item;
  position: relative;
  border: none;
  padding: 3px 0;
  text-align: center
}

.support ul ul li {
  width:116px;
  float:none;
  display:list-item;
  position: relative;
  border: none;
  padding: 3px 0;
  text-align: center
}
/* Step 1: Center the main table inside any zf-embed-widget */
div[zf-embed-widget] > table {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Step 2: Center the inner table row that holds the buttons */
div[zf-embed-widget] table table tr {
  display: flex !important;
  justify-content: center !important;
  gap: 20px; /* Optional spacing between buttons */
}

/* Step 3: Ensure individual button <td>s don't interfere with layout */
div[zf-embed-widget] table table td {
  float: none !important;
}