/* Late-loaded parity refinements for source-matched Vallox pages. */

:root {
  --font-primary: "Helvetica Neue", Arial, sans-serif;
}

@media (min-width: 1280px) {
  #header {
    position: relative;
    z-index: 30;
    width: min(1838px, calc(100% - 5rem)) !important;
    max-width: 1838px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

html,
body,
button,
input,
select,
textarea,
.font-primary,
.FiftyFiftyVisual,
.FiftyFiftyVisual :where(h1, h2, h3, h4, h5, h6, p, a, span, button, li),
.ThreeHighlightedLinkCards,
.ThreeHighlightedLinkCards :where(h1, h2, h3, h4, h5, h6, p, a, span, button, li),
.vallox-page,
.vallox-page :where(h1, h2, h3, h4, h5, h6, p, a, span, button, li),
.vallox-footer,
.vallox-footer :where(h1, h2, h3, h4, h5, h6, p, a, span, button, li) {
  font-family: var(--font-primary);
}

.HeroTall {
  gap: 18px;
}

@media (min-width: 1280px) and (max-width: 1535px) {
  body.home .HeroTall > h1.Title {
    line-height: 48px;
  }
}

.HeroTall__cta {
  display: inline-flex;
  position: relative;
  z-index: 20;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  background: #0033a0;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
}

.HeroTall__cta:hover,
.HeroTall__cta:focus {
  background: #002066;
  color: #ffffff;
  text-decoration: none;
}

.ThreeHighlightedLinkCards .element > a {
  display: block;
  height: 100%;
  text-decoration: none;
}

.ThreeHighlightedLinkCards {
  font-family: var(--font-primary);
}

.ThreeHighlightedLinkCards .vallox-house-card--dark {
  background: #646463;
}

.ThreeHighlightedLinkCards .vallox-house-card--medium {
  background: #878787;
}

.ThreeHighlightedLinkCards .vallox-house-card--light {
  background: #b0b0a9;
}

.ThreeHighlightedLinkCards .vallox-house-card--dark:hover,
.ThreeHighlightedLinkCards .vallox-house-card--medium:hover,
.ThreeHighlightedLinkCards .vallox-house-card--light:hover {
  background: #0033a0;
}

.vallox-footer {
  background: #0033a0;
}

.pagination-block.vallox-source-pagination {
  display: block;
  width: max-content;
  max-width: calc(100% - 32px);
  margin: 0 auto;
  color: #000000;
  font-size: 16px;
  line-height: 1.3;
}

.pagination-block.vallox-source-pagination .pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.pagination-block.vallox-source-pagination li {
  margin: 0 0 0 16px;
  padding-left: 8px;
  list-style: none;
}

.pagination-block.vallox-source-pagination li:first-child {
  margin-left: 16px;
  padding-left: 0;
}

.pagination-block.vallox-source-pagination .btn {
  color: #0033a0;
  font-weight: 700;
}

.pagination-block.vallox-source-pagination .font-semibold {
  font-weight: 600;
}

.pagination-block.vallox-source-pagination .opacity-50 {
  opacity: 0.5;
}

.pagination-block.vallox-source-pagination a,
.pagination-block.vallox-source-pagination button,
.pagination-block.vallox-source-pagination span {
  display: inline;
  min-width: 0;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
}

.pagination-block.vallox-source-pagination button:disabled {
  cursor: default;
}

.pagination-block.vallox-source-pagination a:hover,
.pagination-block.vallox-source-pagination a:focus-visible {
  color: inherit;
  text-decoration: underline;
  outline: none;
}

.vallox-page-breadcrumbs__item a,
.vallox-page-breadcrumbs__item span {
  font-weight: 400;
}

.vallox-page-hero .vallox-page-breadcrumbs__item a,
.vallox-page-hero .vallox-page-breadcrumbs__item span {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.vallox-page-hero .vallox-page-breadcrumbs__list {
  gap: 8px;
  align-items: center;
}

.vallox-page-hero .vallox-page-breadcrumbs__item:not(:last-child)::after {
  margin-left: 8px;
  color: #ffffff;
  content: ">";
  font-size: 14px;
  line-height: 16px;
}

.vallox-page-hero__inner {
  width: min(1280px, calc(100% - 32px));
}

.vallox-page-hero.is-editorial-hero .vallox-page-hero__inner {
  width: min(1280px, calc(100% - 40px));
  margin-right: 0;
  margin-left: 40px;
}

.vallox-page-hero.is-breath-hero .entry-title,
.vallox-page-hero.is-breath-hero h1 {
  line-height: 48px;
}

.vallox-page-hero .entry-title,
.vallox-page-hero h1 {
  font-weight: 600;
}

.vallox-page-hero.is-why-hero {
  width: min(1838px, calc(100% - 5rem));
  padding: 48px 0 40px;
  border-radius: 100px 0 70px;
}

.vallox-page-hero.is-why-hero .vallox-page-hero__inner {
  width: 100%;
  padding: 0 40px;
}

.vallox-page-hero.is-why-hero .entry-title,
.vallox-page-hero.is-why-hero h1 {
  max-width: none;
  margin: 0 0 24px;
  font-size: 48px;
  font-weight: 600;
  line-height: 48px;
}

@media (min-width: 1280px) {
  .vallox-page-hero.is-why-hero {
    position: relative;
    z-index: 0;
    margin-top: -96px;
  }
}

.vallox-product-breadcrumbs__item a,
.vallox-product-breadcrumbs__item span {
  font-weight: 400;
}

.vallox-page__content.is-editorial-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.vallox-page__content.is-editorial-page > * + * {
  margin-top: 0;
}

.vallox-editorial {
  display: grid;
  gap: 68px;
}

.vallox-editorial__lead {
  max-width: 920px;
  margin: 0;
  color: #33495f;
  font-size: clamp(1.2rem, 1.8vw, 1.45rem);
  line-height: 1.58;
}

.vallox-editorial .vallox-support-feature {
  margin-top: 0;
}

.vallox-editorial .vallox-support-feature__body h2,
.vallox-editorial .vallox-support-feature__body p {
  max-width: 470px;
}

.vallox-page__content .vallox-support-feature__link:hover,
.vallox-page__content .vallox-support-feature__link:focus {
  background: #000000;
  color: #ffffff;
  text-decoration: none;
}

.vallox-editorial-card-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vallox-editorial-card {
  min-height: 190px;
  padding: 28px;
  background: #e9eef1;
}

.vallox-editorial-card h2,
.vallox-editorial-card h3 {
  margin: 0 0 14px;
  color: #000000;
  font-size: clamp(1.35rem, 2vw, 1.85rem);
  font-weight: 700;
  line-height: 1.08;
}

.vallox-editorial-card p {
  margin: 0;
  color: #4c5965;
  font-size: 1.02rem;
  line-height: 1.55;
}

.vallox-editorial-badge {
  display: flex;
  gap: 22px;
  align-items: center;
  max-width: 880px;
  padding: 32px;
  background: #e9eef1;
}

.vallox-editorial-badge img {
  width: 118px;
  height: auto;
  flex: 0 0 auto;
}

.vallox-editorial-badge h2 {
  margin: 0 0 10px;
  color: #000000;
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  font-weight: 700;
  line-height: 1.08;
}

.vallox-editorial-badge p {
  margin: 0;
  color: #4c5965;
}

.vallox-page__content.is-why-page.is-editorial-page {
  position: relative;
  left: 50%;
  width: 100vw;
  max-width: none;
  margin-top: -16px;
  overflow-x: clip;
  transform: translateX(-50%);
}

.vallox-page__content.is-breath-page.is-editorial-page {
  position: relative;
  left: 50%;
  width: 100vw;
  max-width: none;
  margin-top: -16px;
  transform: translateX(-50%);
}

.vallox-source-page--why,
.vallox-source-page--breath {
  display: grid;
  width: 100%;
  font-synthesis: none;
}

.vallox-source-page--why {
  gap: 70px;
}

.vallox-source-page--breath {
  display: block;
}

.vallox-page.is-why-page,
.vallox-page.is-breath-page,
.vallox-page.is-special-source-page {
  background: #ffffff;
}

.vallox-page.is-why-page .vallox-page__container,
.vallox-page.is-breath-page .vallox-page__container,
.vallox-page.is-special-source-page .vallox-page__container {
  padding-bottom: 0;
}

.vallox-page.is-special-source-page + .vallox-footer {
  margin-top: 32px;
}

.vallox-page.is-vallox-exxeo-page + .vallox-footer {
  margin-top: 32px;
}

.vallox-page.is-why-page + .vallox-footer,
.vallox-page.is-breath-page + .vallox-footer {
  margin-top: 32px;
}

.vallox-source-page--why h2,
.vallox-source-page--why h3,
.vallox-source-page--why p,
.vallox-source-page--breath h2,
.vallox-source-page--breath h3,
.vallox-source-page--breath p,
.vallox-source-page--breath li {
  letter-spacing: 0;
}

.vallox-source-wide {
  width: 100%;
  margin: 0 auto;
}

.vallox-visual-block {
  display: grid;
  position: relative;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
}

.vallox-visual-block--image-right {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}

.vallox-visual-block__media {
  position: relative;
  z-index: 2;
  align-self: end;
  min-height: 360px;
  overflow: hidden;
  border-radius: 5rem 0 5rem 0;
}

.vallox-visual-block__media img,
.vallox-history-band__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vallox-visual-block__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 500px;
  margin-left: -188px;
  padding: 64px 72px 56px 250px;
  background: rgba(165, 185, 196, 0.3);
}

.vallox-visual-block--image-right .vallox-visual-block__body {
  order: 1;
  margin-right: -188px;
  margin-left: 0;
  padding-right: 250px;
  padding-left: 72px;
}

.vallox-visual-block--image-right .vallox-visual-block__media {
  order: 2;
}

.vallox-visual-block__body h2,
.vallox-history-band__body h2 {
  max-width: 600px;
  margin: 0 0 24px;
  color: #000000;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 2rem;
}

.vallox-visual-block__body p,
.vallox-history-band__body p {
  max-width: 610px;
  margin: 0;
  color: #616161;
  font-size: 1.2rem;
  line-height: 1.4166667;
}

.vallox-history-band__body h2 {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

.vallox-page__content .vallox-source-pill {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 10px;
  min-height: 44px;
  margin-top: 34px;
  padding: 9px 20px 10px;
  border: 2px solid #000000;
  border-radius: 999px;
  background: transparent;
  color: #000000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
}

.vallox-page__content .vallox-source-pill::after {
  content: "→";
  font-size: 1.15em;
  line-height: 1;
}

.vallox-page__content .vallox-source-pill:hover,
.vallox-page__content .vallox-source-pill:focus {
  background: #000000;
  color: #ffffff;
  text-decoration: none;
}

.vallox-source-text-section {
  width: min(1088px, calc(100vw - 32px));
  margin: 0 auto;
}

.vallox-source-text-section h2 {
  max-width: 960px;
  margin: 0 0 20px;
  color: #000000;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 2.5rem;
}

.vallox-source-text-section h2:not(:first-child) {
  margin-top: 44px;
}

.vallox-source-text-section p {
  max-width: 960px;
  margin: 0;
  color: #616161;
  font-size: 1.125rem;
  line-height: 1.6;
}

.vallox-source-page--why {
  display: block;
  overflow-x: clip;
}

.vallox-source-page--why > * + * {
  margin-top: 0;
}

.vallox-source-page--why > .vallox-visual-block:first-child + .vallox-source-text-section {
  margin-top: 0;
}

.vallox-source-page--why > .vallox-visual-block + .vallox-visual-block,
.vallox-source-page--why > .vallox-visual-block + .vallox-history-band {
  margin-top: 0;
}

.vallox-source-page--why > .vallox-history-band + .vallox-icon-highlights,
.vallox-source-page--why > .vallox-icon-highlights + .vallox-key-flag {
  margin-top: 0;
}

.vallox-source-page--why .IconHighlights {
  width: 100vw;
  margin-right: calc((100% - 100vw) / 2);
  margin-left: calc((100% - 100vw) / 2);
}

@media (min-width: 640px) {
  .vallox-source-page--why .sm\:w-1\/2 {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .vallox-source-page--why .md\:w-1\/4 {
    width: 25%;
  }
}

@media (min-width: 1280px) {
  .vallox-source-page--why .xl\:bottom-0 {
    bottom: 0;
  }

  .vallox-source-page--why .xl\:left-\[50\%\] {
    left: 50%;
  }

  .vallox-source-page--why .xl\:right-\[50\%\] {
    right: 50%;
  }

  .vallox-source-page--why .xl\:rounded-tl-xl {
    border-top-left-radius: 12px;
  }

  .vallox-source-page--why .xl\:rounded-tr-xl {
    border-top-right-radius: 12px;
  }

  .vallox-source-page--why .xl\:flex-row {
    flex-direction: row;
  }

  .vallox-source-page--why .xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .vallox-source-page--why .xl\:w-5\/12 {
    width: 41.666667%;
  }

  .vallox-source-page--why .xl\:w-7\/12 {
    width: 58.333333%;
  }

  .vallox-source-page--why .xl\:max-w-\[950px\] {
    max-width: 950px;
  }

  .vallox-source-page--why .xl\:mt-20 {
    margin-top: 5rem;
  }

  .vallox-source-page--why .xl\:ml-0 {
    margin-left: 0;
  }

  .vallox-source-page--why .xl\:mr-0 {
    margin-right: 0;
  }

  .vallox-source-page--why .xl\:pl-8 {
    padding-left: 2rem;
  }

  .vallox-source-page--why .xl\:pr-8 {
    padding-right: 2rem;
  }
}

.vallox-video-modal {
  position: fixed;
  z-index: 9999;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 32px;
  background: rgba(0, 0, 0, 0.74);
}

.vallox-video-modal.is-open {
  display: flex;
}

.vallox-video-modal__frame {
  position: relative;
  width: min(1120px, 90vw);
  aspect-ratio: 16 / 9;
  background: #000000;
}

.vallox-video-modal__frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.vallox-video-modal__close {
  position: absolute;
  right: -18px;
  bottom: calc(100% + 18px);
  width: 44px;
  height: 44px;
  border: 2px solid #ffffff;
  border-radius: 999px;
  background: #000000;
  color: #ffffff;
  font: 600 24px / 1 var(--font-primary);
  cursor: pointer;
}

body.is-vallox-video-open {
  overflow: hidden;
}

@media (min-width: 1081px) {
  .vallox-source-page--why .vallox-visual-block {
    display: flex;
    isolation: isolate;
    align-items: flex-start;
    width: min(1280px, 100%);
    min-height: auto;
    overflow: visible;
  }

  .vallox-source-page--why .vallox-visual-block::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    background: rgba(165, 185, 196, 0.3);
  }

  .vallox-source-page--why .vallox-visual-block--image-left::before {
    right: calc((1280px - 100vw) / 2);
    left: calc(1280px - 50vw);
    border-top-left-radius: 12px;
  }

  .vallox-source-page--why .vallox-visual-block--image-right::before {
    right: calc(1280px - 50vw);
    left: calc((1280px - 100vw) / 2);
    border-top-right-radius: 12px;
  }

  .vallox-source-page--why .vallox-visual-block__media {
    width: 58.333333%;
    min-height: 0;
    margin: 80px 0 0;
    flex: 0 0 58.333333%;
    align-self: flex-start;
    aspect-ratio: 16 / 9;
  }

  .vallox-source-page--why .vallox-visual-block__body {
    width: 41.666667%;
    min-height: 0;
    margin: 0;
    padding: 80px 0 0 32px;
    flex: 0 0 41.666667%;
    justify-content: flex-start;
    background: transparent;
  }

  .vallox-source-page--why .vallox-visual-block--image-right .vallox-visual-block__body {
    margin: 0;
    padding: 80px 32px 0 0;
  }

  .vallox-source-page--why .vallox-visual-block--image-right .vallox-visual-block__media {
    order: 2;
  }

  .vallox-source-page--why .vallox-visual-block__body h2 {
    max-width: none;
    margin: 0 0 16px;
    font-size: 1.875rem;
    line-height: 2rem;
  }

  .vallox-source-page--why .vallox-visual-block__body p {
    max-width: none;
    margin: 0;
    padding-bottom: 16px;
    font-size: 1.2rem;
    line-height: 1.4166667;
  }

  .vallox-source-page--why .vallox-visual-block--image-left .vallox-visual-block__body p,
  .vallox-source-page--why .vallox-visual-block--image-left .vallox-source-pill {
    margin-left: 32px;
  }

  .vallox-source-page--why .vallox-source-pill {
    min-height: 41px;
    margin-top: 0;
    padding: 8px 16px;
    gap: 8px;
    font-weight: 600;
    line-height: 1.3;
  }

  .vallox-source-page--why .vallox-history-band {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: min(1280px, 100%);
    background: rgba(165, 185, 196, 0.3);
  }

  .vallox-source-page--why .vallox-history-band__body {
    min-height: 517px;
    padding: 128px 32px;
  }

  .vallox-source-page--why .vallox-history-band__media {
    min-height: 0;
    height: auto;
    aspect-ratio: auto;
  }

  .vallox-source-page--why .vallox-history-band__body h2 {
    max-width: none;
    margin: 0 0 16px;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .vallox-source-page--why .vallox-history-band__body p {
    max-width: none;
    padding-bottom: 16px;
  }

  .vallox-source-page--why .vallox-history-band .vallox-source-pill {
    margin-top: 24px;
  }

  .vallox-source-page--why .vallox-icon-highlights {
    width: 100%;
    max-width: none;
  }

  .vallox-source-page--why .vallox-icon-highlights > h2 {
    width: 100%;
    max-width: none;
    margin: 0;
    padding-bottom: 24px;
  }

  .vallox-source-page--why .vallox-icon-highlights__grid {
    display: grid;
    grid-template-columns: repeat(3, 350px);
    justify-content: space-between;
    width: min(1400px, calc(100vw - 244px));
    margin: 0 auto;
    gap: 0;
  }

  .vallox-source-page--why .vallox-icon-card {
    width: 350px;
    max-width: none;
    min-height: 338px;
    margin: 0 0 80px;
    padding: 32px 16px;
  }

  .vallox-source-page--why .vallox-icon-card__mark {
    width: 121px;
    height: 121px;
    margin-bottom: 31px;
    border-width: 4px;
  }

  .vallox-source-page--why .vallox-icon-card__mark svg {
    width: 68px;
    height: 68px;
  }

  .vallox-source-page--why .vallox-icon-card h3 {
    width: 318px;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .vallox-source-page--why .vallox-icon-card a {
    width: 318px;
    margin-top: 8px;
  }
}

.vallox-breath-intro {
  width: min(1088px, calc(100vw - 32px));
  margin: 0 auto 20px;
}

.vallox-breath-intro p {
  max-width: 1088px;
  margin: 0;
  color: #000000;
  font-size: 1.25rem;
  line-height: 1.4;
}

.vallox-breath-intro p + p {
  margin-top: 18px;
}

.vallox-source-page--breath .FiftyFiftyVisualWrapper {
  width: 100%;
  margin: 0 0 32px;
}

.vallox-source-page--breath .FiftyFiftyVisual {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.vallox-source-page--breath .FiftyFiftyVisual__content {
  width: 100%;
  min-width: 0;
  height: min-content;
  padding: 16px 16px 0;
}

.vallox-source-page--breath .bgElement {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 96px;
  left: 0;
  background: rgba(165, 185, 196, 0.3);
}

.vallox-source-page--breath .Title {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 0 16px;
  color: #000000;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.75rem;
}

.vallox-source-page--breath .Content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vallox-source-page--breath .Text {
  display: block;
  padding-bottom: 8px;
  color: #000000;
}

.vallox-source-page--breath .Text p {
  max-width: none;
  margin: 0;
  padding-bottom: 16px;
  color: inherit;
  font-size: 1.2rem;
  line-height: 1.7rem;
}

.vallox-source-page--breath .Text p a {
  color: #0033a0;
  font-weight: 700;
  text-decoration: none;
}

.vallox-source-page--breath .Text ul {
  display: block;
  max-width: 610px;
  margin: 0;
  padding-left: 16px;
  color: #646463;
  font-size: 1rem;
  line-height: 1.3;
  list-style: none;
}

.vallox-source-page--breath .Text li {
  margin: 0 16px;
  color: #646463;
  font-size: 1rem;
  line-height: 1.3;
  list-style: disc;
}

.vallox-source-page--breath .vallox-source-pill {
  min-height: 41px;
  margin-top: 0;
  padding: 8px 16px;
  font-weight: 600;
  line-height: 1.3;
}

.vallox-source-page--breath .ImgWrap {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 32px 0 0;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-top-left-radius: 5rem;
  border-bottom-right-radius: 5rem;
}

.vallox-source-page--breath .ImgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vallox-source-page--breath .FiftyFiftyVisualWrapper > div {
  width: min(100%, calc(100vw - 32px));
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 640px) {
  .vallox-source-page--breath .ImgWrap-right {
    margin-left: -0.5rem;
  }

  .vallox-source-page--breath .ImgWrap-left {
    margin-right: -0.5rem;
  }
}

@media (min-width: 768px) {
  .vallox-source-page--breath .FiftyFiftyVisualWrapper > div {
    width: calc(100vw - 7rem);
  }

  .vallox-source-page--breath .bgElement {
    right: -3.5rem;
    left: -3.5rem;
  }

  .vallox-source-page--breath .ImgWrap-right {
    margin-left: -3rem;
  }

  .vallox-source-page--breath .ImgWrap-left {
    margin-right: -3rem;
  }
}

@media (min-width: 1024px) {
  .vallox-source-page--breath .FiftyFiftyVisualWrapper > div {
    width: calc(100vw - 10rem);
  }

  .vallox-source-page--breath .bgElement {
    right: -5rem;
    left: -5rem;
  }

  .vallox-source-page--breath .ImgWrap-right {
    margin-left: -4.5rem;
  }

  .vallox-source-page--breath .ImgWrap-left {
    margin-right: -4.5rem;
  }
}

@media (min-width: 1280px) {
  .vallox-source-page--breath .FiftyFiftyVisual {
    flex-direction: row;
  }

  .vallox-source-page--breath .FiftyFiftyVisual__content {
    flex: 0 1 41.666667%;
    width: 41.666667%;
    padding: 80px 0 0;
  }

  .vallox-source-page--breath .Title {
    padding-right: 32px;
    font-size: 1.875rem;
    line-height: 2rem;
  }

  .vallox-source-page--breath .Content {
    padding-right: 32px;
  }

  .vallox-source-page--breath .Title-right,
  .vallox-source-page--breath .Content-right {
    padding-right: 0;
    padding-left: 32px;
  }

  .vallox-source-page--breath .Text {
    color: #646463;
  }

  .vallox-source-page--breath .bgElement {
    bottom: 0;
  }

  .vallox-source-page--breath .bgElement-right {
    right: calc(50% - 80px);
    border-top-right-radius: 12px;
  }

  .vallox-source-page--breath .bgElement-left {
    left: calc(50% - 80px);
    border-top-left-radius: 12px;
  }

  .vallox-source-page--breath .ImgWrap {
    flex: 0 1 58.333333%;
    width: 58.333333%;
    max-width: 950px;
    margin-top: 80px;
  }

  .vallox-source-page--breath .ImgWrap-right {
    margin-right: 0;
    margin-left: auto;
  }

  .vallox-source-page--breath .ImgWrap-left {
    margin-right: auto;
    margin-left: 0;
  }
}

@media (min-width: 1536px) {
  .vallox-source-page--breath .FiftyFiftyVisualWrapper > div {
    width: calc(100vw - 16rem);
  }

  .vallox-source-page--breath .bgElement {
    right: -8rem;
    left: -8rem;
  }

  .vallox-source-page--breath .Title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1921px) {
  .vallox-source-page--breath .FiftyFiftyVisualWrapper > div {
    width: 1838px;
  }

  .vallox-source-page--breath .FiftyFiftyVisual__content {
    flex-basis: 58.333333%;
    width: 58.333333%;
  }

  .vallox-source-page--breath .bgElement {
    width: auto;
    min-width: 1200px;
    margin-right: calc(((100vw - 1838px) / 2) * -1);
    margin-left: calc(((100vw - 1838px) / 2) * -1);
  }

  .vallox-source-page--breath .bgElement-right {
    left: 0;
    right: calc(40vw - ((100vw - 1860px) * -0.03));
  }

  .vallox-source-page--breath .bgElement-left {
    right: 0;
    left: calc(40vw + ((100vw - 1860px) * 0.07));
  }
}

.vallox-source-page--special {
  padding-bottom: 0;
}

.vallox-source-page--special .vallox-special-text-section,
.vallox-source-page--special .vallox-special-product-picks,
.vallox-source-page--special .vallox-special-feature-grid,
.vallox-source-page--special .vallox-source-three-highlighted-cards {
  width: min(100%, calc(100vw - 32px));
  margin-right: auto;
  margin-left: auto;
}

.vallox-source-page--special .vallox-special-image-stage {
  width: min(1088px, calc(100vw - 32px));
  margin: 0 auto 32px;
  overflow: hidden;
  border-top-left-radius: 5rem;
  border-bottom-right-radius: 5rem;
}

.vallox-source-page--special .vallox-special-image-stage img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.vallox-source-page--special .vallox-special-text-section {
  max-width: 1088px;
  margin-bottom: 64px;
}

.vallox-source-page--special .vallox-special-text-section--tight {
  margin-bottom: 24px;
}

.vallox-source-page--special .vallox-special-text-section h2,
.vallox-source-page--special .vallox-special-card-grid h2 {
  margin: 0 0 24px;
  color: #000000;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 2.5rem;
}

.vallox-source-page--special .vallox-special-text-section__content p {
  margin: 0 0 16px;
  color: #646463;
  font-size: 1.2rem;
  line-height: 1.4166667;
}

.vallox-source-page--special .vallox-special-card-grid {
  width: 100%;
  margin: 0 0 40px;
  padding: 64px 0;
  background: rgba(165, 185, 196, 0.3);
}

.vallox-source-page--pureo .vallox-special-card-grid {
  margin-top: 48px;
}

.vallox-source-page--pureo .vallox-special-card-grid--pureo-series {
  width: 100vw;
  max-width: none;
  margin-top: 48px;
  margin-bottom: 40px;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding: 64px 0 48px;
  background: #e6eef2;
}

.vallox-source-page--pureo .vallox-special-card-grid--pureo-series .vallox-special-card-grid__inner {
  width: min(100%, calc(100vw - 5rem));
}

.vallox-source-page--helios .vallox-special-card-grid {
  margin-top: 48px;
}

.vallox-source-page--special .vallox-special-card-grid__inner {
  width: min(100%, calc(100vw - 32px));
  margin: 0 auto;
}

.vallox-source-page--special .vallox-special-card-grid h2 {
  margin-bottom: 32px;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}

.vallox-source-page--special .vallox-special-card-grid__items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}

.vallox-source-page--special .vallox-special-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 0 8px 16px;
  background: transparent;
  text-align: left;
}

.vallox-source-page--pureo .vallox-special-card {
  min-height: 0;
}

.vallox-source-page--helios .vallox-special-card {
  min-height: 0;
}

.vallox-source-page--special .vallox-special-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  color: inherit;
  text-decoration: none !important;
}

.vallox-source-page--special .vallox-special-card__link:hover,
.vallox-source-page--special .vallox-special-card__link:focus,
.vallox-source-page--special .vallox-special-card__link:hover *,
.vallox-source-page--special .vallox-special-card__link:focus * {
  text-decoration: none !important;
}

.vallox-source-page--special .vallox-special-card__link--static {
  cursor: default;
}

.vallox-source-page--special .vallox-special-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 40 / 25;
  background: #d0dbe0;
  transition: filter 0.3s ease;
}

.vallox-source-page--special .vallox-special-card__link:hover .vallox-special-card__image {
  filter: brightness(0.9);
}

.vallox-source-page--special .vallox-special-card__link--static:hover .vallox-special-card__image {
  filter: none;
}

.vallox-source-page--special .vallox-special-card__image-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 16px;
}

.vallox-source-page--special .vallox-special-card__image img {
  display: block;
  width: auto;
  height: 66.6667%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.vallox-source-page--special .vallox-special-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 32px 24px;
}

.vallox-source-page--special .vallox-special-card h3 {
  margin: 0;
  color: #000000;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.25;
}

.vallox-source-page--special .vallox-special-card p {
  color: inherit;
  text-decoration: none;
}

.vallox-source-page--special .vallox-special-card p {
  max-width: none;
  margin: 8px 0 0;
  color: #646463;
  font-size: 1rem;
  line-height: 1.5;
}

.vallox-source-page--helios .vallox-special-card-grid--helios-fans {
  margin: 48px auto 32px;
  padding-top: 64px;
  padding-bottom: 64px;
  background: #e6ecef;
}

.vallox-source-page--helios .vallox-special-card-grid--helios-fans .vallox-special-card__body {
  justify-content: center;
}

.vallox-source-page--helios .vallox-special-card-grid--helios-fans .vallox-special-card h3 {
  font-size: 1.2rem;
  line-height: 1.4166667;
}

.vallox-source-page--helios .vallox-special-card-grid--helios-fans .vallox-special-card__description {
  flex: 1 1 auto;
  overflow: auto;
}

.vallox-source-page--helios .vallox-special-card-grid--helios-fans .vallox-special-card p,
.vallox-source-page--helios .vallox-special-card-grid--helios-fans .vallox-special-card ul {
  margin: 8px 0 0 20px;
  padding: 0;
  color: #999999;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3866667;
}

.vallox-source-page--helios .vallox-special-card-grid--helios-fans .vallox-special-card p {
  margin-left: 0;
  line-height: 1.8133333;
}

.vallox-source-page--helios .vallox-special-card-grid--helios-fans .vallox-special-card li {
  color: #999999;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3866667;
  margin: 0;
}

.vallox-source-page--special .vallox-special-video {
  width: 100%;
  margin: 0 0 50px;
}

.vallox-source-page--special .vallox-special-video__inner {
  width: min(1088px, calc(100vw - 32px));
  margin: 0 auto;
}

.vallox-source-page--special .vallox-special-video__iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.vallox-source-page--exxeo .vallox-special-visual-block--exxeo-intro .ImgWrap {
  aspect-ratio: 747 / 491;
}

.vallox-source-page--exxeo .vallox-special-visual-block--exxeo-intro {
  margin-top: 32px;
  margin-bottom: 63px;
}

.vallox-source-page--helios .vallox-special-visual-block--helios-importer .ImgWrap {
  aspect-ratio: 16 / 9;
}

.vallox-source-page--helios .vallox-special-visual-block--helios-importer {
  width: 100%;
  margin: 0 0 32px;
  background: #ffffff;
}

.vallox-source-page--helios .vallox-special-visual-block--helios-importer .FiftyFiftyVisual {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  background: #ffffff;
}

.vallox-source-page--helios .vallox-special-visual-block--helios-importer .FiftyFiftyVisual__content {
  width: 100%;
  min-width: 0;
  height: min-content;
  padding: 16px 16px 0 32px;
}

.vallox-source-page--helios .vallox-special-visual-block--helios-importer .bgElement {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 96px;
  left: 0;
  background: rgba(165, 185, 196, 0.3);
}

.vallox-source-page--helios .vallox-special-visual-block--helios-importer .Title {
  position: relative;
  z-index: 1;
  margin: 0 0 16px;
  color: #000000;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
}

.vallox-source-page--helios .vallox-special-visual-block--helios-importer .Content {
  position: relative;
  z-index: 1;
}

.vallox-source-page--helios .vallox-special-visual-block--helios-importer .Text {
  display: block;
  padding-bottom: 8px;
  color: #000000;
}

.vallox-source-page--helios .vallox-special-visual-block--helios-importer .Text p {
  max-width: none;
  margin: 0;
  padding-bottom: 16px;
  color: inherit;
  font-size: 1.2rem;
  line-height: 1.7rem;
}

.vallox-source-page--helios .vallox-special-visual-block--helios-importer .ImgWrap {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 32px 0 0;
  overflow: hidden;
  border-top-left-radius: 5rem;
  border-bottom-right-radius: 5rem;
}

.vallox-source-page--helios .vallox-special-visual-block--helios-importer .ImgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vallox-source-page--helios .vallox-special-visual-block--helios-importer > div {
  width: min(100%, calc(100vw - 32px));
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 640px) {
  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .ImgWrap-left {
    margin-right: -0.5rem;
  }
}

@media (min-width: 768px) {
  .vallox-source-page--helios .vallox-special-visual-block--helios-importer > div {
    width: calc(100vw - 7rem);
  }

  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .ImgWrap-left {
    margin-right: -3rem;
  }
}

@media (min-width: 1024px) {
  .vallox-source-page--helios .vallox-special-visual-block--helios-importer > div {
    width: calc(100vw - 10rem);
  }

  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .ImgWrap-left {
    margin-right: -4.5rem;
  }
}

@media (min-width: 1280px) {
  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .FiftyFiftyVisual {
    flex-direction: row;
  }

  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .FiftyFiftyVisual__content {
    flex: 0 1 41.666667%;
    width: 41.666667%;
    padding: 80px 0 0;
  }

  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .Title-right,
  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .Content-right {
    padding-left: 32px;
  }

  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .Title {
    font-size: 1.875rem;
    line-height: 2rem;
  }

  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .Text {
    color: #646463;
  }

  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .bgElement {
    bottom: 0;
  }

  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .bgElement-left {
    left: 50%;
    right: calc((100vw - 100%) / -2);
    border-top-left-radius: 12px;
  }

  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .ImgWrap {
    flex: 0 1 58.333333%;
    width: 58.333333%;
    max-width: 950px;
    margin-top: 80px;
  }

  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .ImgWrap-left {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 1536px) {
  .vallox-source-page--helios .vallox-special-visual-block--helios-importer > div {
    width: calc(100vw - 16rem);
  }

  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .Title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1921px) {
  .vallox-source-page--helios .vallox-special-visual-block--helios-importer > div {
    width: 1838px;
  }

  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .FiftyFiftyVisual__content {
    flex-basis: 58.333333%;
    width: 58.333333%;
  }

  .vallox-source-page--helios .vallox-special-visual-block--helios-importer .bgElement-left {
    left: 50%;
    right: calc((100vw - 100%) / -2);
    min-width: 0;
  }
}

.vallox-source-page--special .vallox-source-simple-fifty-section {
  width: min(885px, calc(100vw - 32px));
  margin: 0 auto 80px;
  background: rgba(165, 185, 196, 0.3);
}

.vallox-source-page--special .vallox-special-simple-fifty--wide {
  width: min(1280px, calc(100vw - 32px));
}

.vallox-source-page--special .vallox-source-simple-fifty-section .FiftyFifty {
  display: flex;
  align-items: stretch;
  width: 100%;
}

.vallox-source-page--special .vallox-source-simple-fifty-section .flex-row {
  flex-direction: row;
}

.vallox-source-page--special .vallox-source-simple-fifty-section .flex-row-reverse {
  flex-direction: row-reverse;
}

.vallox-source-page--special .vallox-source-simple-fifty__text,
.vallox-source-page--special .vallox-source-simple-fifty__image {
  width: 50%;
}

.vallox-source-page--special .vallox-source-simple-fifty__text {
  padding: 64px 32px;
}

.vallox-source-page--special .vallox-source-simple-fifty__image {
  margin: 0;
  overflow: hidden;
}

.vallox-source-page--special .vallox-source-simple-fifty__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vallox-source-page--special .vallox-source-simple-fifty-section .Title {
  margin: 0 0 16px;
  color: #000000;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 2rem;
}

.vallox-source-page--special .vallox-source-simple-fifty-section .Text p {
  margin: 0;
  padding-bottom: 16px;
  color: #646463;
  font-size: 1.2rem;
  line-height: 1.4166667;
}

.vallox-source-page--special .vallox-source-simple-fifty-section .Text ul {
  margin: 0 0 24px;
  padding-left: 24px;
  color: #646463;
  font-size: 1.2rem;
  line-height: 1.4166667;
}

.vallox-source-page--special .vallox-source-simple-fifty-section .Text li {
  margin: 0;
}

.vallox-source-page--pureo .vallox-special-simple-fifty--pureo-select {
  margin-bottom: 64px;
}

.vallox-source-page--pureo .vallox-special-simple-fifty--pureo-select .FiftyFifty {
  min-height: 472px;
}

.vallox-source-page--pureo .vallox-special-simple-fifty--pureo-select .vallox-source-simple-fifty__text {
  padding: 72px 48px;
}

.vallox-source-page--pureo .vallox-special-simple-fifty--pureo-select .vallox-source-simple-fifty__image {
  background: #ffffff;
}

.vallox-source-page--pureo .vallox-special-simple-fifty--pureo-select .vallox-source-simple-fifty__image img {
  object-fit: cover;
}

.vallox-source-page--exxeo .vallox-special-simple-fifty--exxeo-select {
  width: min(1280px, calc(100vw - 32px));
  margin-bottom: 0;
}

.vallox-source-page--exxeo .vallox-special-simple-fifty--exxeo-select .FiftyFifty {
  height: auto;
  min-height: 0;
}

.vallox-source-page--exxeo .vallox-special-simple-fifty--exxeo-select .vallox-source-simple-fifty__text {
  padding: 48px 32px;
}

.vallox-source-page--exxeo .vallox-special-simple-fifty--exxeo-select .Title {
  margin-bottom: 16px;
  font-size: 1.5rem;
  line-height: 1.75rem;
}

.vallox-source-page--exxeo .vallox-special-simple-fifty--exxeo-select .Text p {
  padding-bottom: 16px;
  font-size: 1.2rem;
  line-height: 1.4166667;
}

@media (min-width: 768px) {
  .vallox-source-page--exxeo .vallox-special-simple-fifty--exxeo-select {
    width: min(1280px, calc(100vw - 7rem));
  }
}

@media (min-width: 1024px) {
  .vallox-source-page--exxeo .vallox-special-simple-fifty--exxeo-select {
    width: min(100%, calc(100vw - 10rem));
  }

  .vallox-source-page--exxeo .vallox-special-simple-fifty--exxeo-select .vallox-source-simple-fifty__text {
    padding: 128px 32px;
  }
}

@media (min-width: 1536px) {
  .vallox-source-page--exxeo .vallox-special-simple-fifty--exxeo-select {
    width: min(1664px, calc(100vw - 16rem));
  }

  .vallox-source-page--exxeo .vallox-special-simple-fifty--exxeo-select .Title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.vallox-source-page--pureo .vallox-special-simple-fifty--pureo-delivery {
  margin-bottom: 64px;
}

.vallox-source-page--pureo .vallox-special-simple-fifty--pureo-delivery .FiftyFifty {
  min-height: 472px;
}

.vallox-source-page--pureo .vallox-special-simple-fifty--pureo-delivery .vallox-source-simple-fifty__text {
  padding: 72px 48px;
}

.vallox-source-page--pureo .vallox-special-simple-fifty--pureo-delivery .vallox-source-simple-fifty__image {
  background: #ffffff;
}

.vallox-source-page--pureo .vallox-special-simple-fifty--pureo-delivery .vallox-source-simple-fifty__image img {
  object-fit: cover;
}

.vallox-source-page--special .vallox-source-simple-fifty-section .vallox-source-pill::after {
  content: "→";
  display: inline-block;
  margin-left: 10px;
}

.vallox-source-page--special .vallox-special-feature-grid {
  max-width: 1088px;
  margin-bottom: 80px;
}

.vallox-source-page--special .vallox-special-feature-grid__items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px 0;
}

.vallox-source-page--special .vallox-special-feature-card {
  padding: 0 24px;
  text-align: center;
}

.vallox-source-page--special .vallox-special-feature-card img {
  display: block;
  width: 145px;
  height: 145px;
  margin: 0 auto 16px;
  object-fit: contain;
}

.vallox-source-page--special .vallox-special-feature-card h3 {
  margin: 0;
  color: #000000;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
}

.vallox-source-page--exxeo .vallox-special-text-section--exxeo-modern {
  margin-bottom: 29px;
}

.vallox-source-page--exxeo .vallox-special-video {
  margin-bottom: 0;
}

.vallox-source-page--exxeo .vallox-special-card-grid--exxeo-features {
  width: 100%;
  max-width: none;
  margin: 0 0 32px;
  padding-top: 64px;
  padding-bottom: 64px;
  background: rgba(165, 185, 196, 0.3);
}

.vallox-source-page--special .vallox-special-download-highlight {
  width: min(1120px, calc(100vw - 32px));
  margin-right: auto;
  margin-bottom: 64px;
  margin-left: auto;
}

.vallox-source-page--special .vallox-special-download-highlight > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 214px;
  background: rgba(165, 185, 196, 0.3);
}

.vallox-source-page--special .vallox-special-download-highlight img {
  flex: 0 0 150px;
  width: 150px;
  height: 150px;
  margin: 0;
  object-fit: contain;
}

.vallox-source-page--special .vallox-special-download-highlight .Texts {
  flex: 1 1 auto;
  padding-left: 32px;
}

.vallox-source-page--special .vallox-special-download-highlight .Content p {
  margin: 0 0 8px;
}

.vallox-source-page--special .vallox-special-download-highlight a {
  color: #0033a0;
  font-weight: 700;
  text-decoration: none;
}

.vallox-source-page--special .vallox-special-product-picks {
  width: min(1120px, calc(100vw - 32px));
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 80px;
}

.vallox-source-page--special .vallox-special-product-picks__filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-end;
  margin-bottom: 40px;
}

.vallox-source-page--special .vallox-special-product-picks__filters a {
  display: inline-flex;
  align-items: center;
  align-self: baseline;
  min-height: 43px;
  padding: 8px 16px;
  border: 2px solid #000000;
  border-radius: 999px;
  color: #000000;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
}

.vallox-source-page--special .vallox-special-product-picks__filters a:hover,
.vallox-source-page--special .vallox-special-product-picks__filters a:focus-visible {
  border-color: #0033a0;
  background: rgba(165, 185, 196, 0.3);
  color: #0033a0;
}

.vallox-source-page--special .vallox-special-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.vallox-source-page--special .vallox-special-product-card {
  display: flex;
  align-items: center;
  flex-direction: column;
  min-height: 351px;
  padding: 16px;
  background: #f8f8f8;
  text-align: center;
}

.vallox-source-page--special .vallox-special-product-card.is-hidden {
  display: none;
}

.vallox-source-page--special .vallox-special-product-picks.is-expanded .vallox-special-product-card.is-hidden {
  display: flex;
}

.vallox-source-page--special .vallox-special-product-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 279px;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  margin: 0 auto 12px;
}

.vallox-source-page--special .vallox-special-product-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.vallox-source-page--special .vallox-special-product-card h3 {
  margin: auto 0 6px;
  color: #09243f;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
}

.vallox-source-page--special .vallox-special-product-card h3 a,
.vallox-source-page--special .vallox-special-product-card__category {
  color: inherit;
  text-decoration: none;
}

.vallox-source-page--special .vallox-special-product-card h3 a::after {
  content: "→";
  display: inline-block;
  margin-left: 8px;
}

.vallox-source-page--special .vallox-special-product-card__category {
  color: #000000;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
}

.vallox-source-page--special .vallox-special-product-picks__more {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.vallox-source-page--special .vallox-special-product-picks.is-expanded .vallox-special-product-picks__more {
  display: none;
}

.vallox-source-page--special .vallox-special-product-picks__show-more {
  display: inline-flex;
  align-items: center;
  min-height: 43px;
  padding: 8px 20px;
  border: 2px solid #000000;
  border-radius: 999px;
  background: transparent;
  color: #000000;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}

.vallox-source-page--special .vallox-special-product-picks__show-more:hover,
.vallox-source-page--special .vallox-special-product-picks__show-more:focus-visible {
  border-color: #0033a0;
  color: #0033a0;
}

.vallox-source-page--exxeo .vallox-special-product-picks__show-more {
  justify-content: center;
  min-height: 60px;
  padding: 16px 32px;
  border: 0;
  border-radius: 0;
  background: #0033a0;
  color: #ffffff;
  font: 400 1.125rem / 1.5555556 var(--font-primary);
}

.vallox-source-page--exxeo .vallox-special-product-picks__show-more:hover,
.vallox-source-page--exxeo .vallox-special-product-picks__show-more:focus-visible {
  background: #000000;
  color: #ffffff;
}

.vallox-source-page--pureo .vallox-special-product-picks__show-more {
  justify-content: center;
  min-height: 60px;
  padding: 16px 32px;
  border: 0;
  border-radius: 0;
  background: #0033a0;
  color: #ffffff;
  font: 400 1.125rem / 1.5555556 var(--font-primary);
}

.vallox-source-page--pureo .vallox-special-product-picks__show-more:hover,
.vallox-source-page--pureo .vallox-special-product-picks__show-more:focus-visible {
  background: #000000;
  color: #ffffff;
}

.vallox-source-page--special .vallox-special-highlight-cards {
  margin-bottom: 80px;
}

.vallox-source-page--special .vallox-special-highlight-cards > .flex {
  flex-direction: row;
  gap: 16px;
}

.vallox-source-page--special .vallox-special-highlight-cards .element {
  width: calc((100% - 32px) / 3);
  padding: 0;
}

.vallox-source-page--special .vallox-special-highlight-cards .element > div {
  min-height: 244px;
}

.vallox-source-page--exxeo .vallox-special-highlight-cards {
  margin-bottom: 32px;
}

.vallox-source-page--exxeo .vallox-special-highlight-cards > .flex {
  gap: 0;
}

.vallox-source-page--exxeo .vallox-special-highlight-cards .element {
  width: 33.333333%;
  padding: 8px 0;
}

.vallox-source-page--exxeo .vallox-special-highlight-cards .element:first-child {
  padding-right: 16px;
}

.vallox-source-page--exxeo .vallox-special-highlight-cards .element:last-child {
  padding-left: 16px;
}

.vallox-source-page--exxeo .vallox-special-highlight-cards .element > div {
  min-height: 228px;
}

.vallox-source-page--exxeo .vallox-special-highlight-cards .element > div,
.vallox-source-page--exxeo .vallox-special-highlight-cards .title,
.vallox-source-page--exxeo .vallox-special-highlight-cards .flex,
.vallox-source-page--exxeo .vallox-special-highlight-cards a,
.vallox-source-page--exxeo .vallox-special-highlight-cards svg {
  color: #ffffff;
}

.vallox-source-page--exxeo .vallox-special-highlight-cards .title {
  margin-top: 0;
  margin-bottom: 0;
}

.vallox-source-page--exxeo .vallox-special-highlight-cards a,
.vallox-source-page--exxeo .vallox-special-highlight-cards a:hover,
.vallox-source-page--exxeo .vallox-special-highlight-cards a:focus-visible {
  text-decoration: none;
}

.vallox-source-page--exxeo .vallox-special-highlight-cards .text-link {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
}

@media (min-width: 1280px) {
  .vallox-source-page--exxeo .vallox-special-highlight-cards .title {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: 0;
  }
}

@media (min-width: 1536px) {
  .vallox-source-page--exxeo .vallox-special-highlight-cards .title {
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 2.25rem;
  }
}

.vallox-source-page--pureo .vallox-special-highlight-cards {
  width: min(1664px, calc(100vw - 32px));
  max-width: none;
  margin: 40px auto 32px;
}

.vallox-source-page--pureo .vallox-special-highlight-cards > .flex {
  gap: 16px;
}

.vallox-source-page--pureo .vallox-special-highlight-cards .element {
  width: calc((100% - 32px) / 3);
}

.vallox-source-page--pureo .vallox-special-highlight-cards .element > div {
  min-height: 244px;
  padding: 32px;
}

.vallox-source-page--pureo .vallox-special-highlight-cards .bg-custom-gray-dark {
  background: #666966;
}

.vallox-source-page--pureo .vallox-special-highlight-cards .bg-custom-gray {
  background: #8d8e8b;
}

.vallox-source-page--pureo .vallox-special-highlight-cards .bg-custom-gray-light {
  background: #b5b6ae;
}

.vallox-source-page--pureo .vallox-special-highlight-cards .title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
}

.vallox-source-page--pureo .vallox-special-highlight-cards .text-link {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.vallox-source-page--pureo .vallox-special-highlight-cards .element > div,
.vallox-source-page--pureo .vallox-special-highlight-cards .title,
.vallox-source-page--pureo .vallox-special-highlight-cards .flex,
.vallox-source-page--pureo .vallox-special-highlight-cards a,
.vallox-source-page--pureo .vallox-special-highlight-cards svg {
  color: #ffffff;
}

.vallox-source-page--pureo .vallox-special-highlight-cards a,
.vallox-source-page--pureo .vallox-special-highlight-cards a:hover,
.vallox-source-page--pureo .vallox-special-highlight-cards a:focus-visible {
  text-decoration: none;
}

.vallox-source-page--special .vallox-special-highlight-cards .image,
.vallox-source-page--special .vallox-special-highlight-cards .image img {
  width: 80px;
  height: 80px;
}

.vallox-special-reference-grid {
  width: 100vw;
  max-width: none;
  margin: 0 calc(50% - 50vw);
  padding: 64px 0;
  overflow: hidden;
  background: #e6eef2;
}

.vallox-special-reference-grid__inner {
  width: min(100%, calc(100vw - 5rem));
  margin: 0 auto;
}

.vallox-special-reference-grid__heading {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 40px;
}

.vallox-special-reference-grid__heading h2 {
  margin: 0;
  color: #000000;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}

.vallox-special-reference-grid__heading a {
  position: absolute;
  top: 0.55rem;
  right: 0;
  color: #0033a0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
}

.vallox-special-reference-grid__items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.vallox-special-reference-card {
  min-width: 0;
  background: #ffffff;
}

.vallox-special-reference-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none !important;
}

.vallox-special-reference-card__link:hover,
.vallox-special-reference-card__link:focus-visible,
.vallox-special-reference-card__link:hover *,
.vallox-special-reference-card__link:focus-visible * {
  text-decoration: none !important;
}

.vallox-special-reference-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 40 / 25;
  background: #d0dbe0;
}

.vallox-special-reference-card__image img {
  display: block;
  width: 65%;
  height: 56%;
  object-fit: cover;
}

.vallox-special-reference-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 32px 32px 40px;
}

.vallox-special-reference-card h3 {
  margin: 0;
  color: #000000;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.35;
}

.vallox-special-reference-card__excerpt p {
  margin: 24px 0 0;
  color: #999999;
  font-size: 1.05rem;
  line-height: 1.8;
}

.vallox-source-page--pureo .vallox-special-reference-grid {
  margin-top: 32px;
  margin-bottom: 0;
  padding: 64px 0 80px;
}

.vallox-source-page--pureo .vallox-special-reference-grid__inner {
  width: min(1664px, calc(100vw - 32px));
}

.vallox-source-page--pureo .vallox-special-reference-grid__items {
  gap: 0;
}

.vallox-source-page--pureo .vallox-special-reference-card {
  padding: 0 8px 16px;
  background: transparent;
}

.vallox-source-page--pureo .vallox-special-reference-card__link {
  background: #ffffff;
}

.vallox-source-page--pureo .vallox-special-reference-card__image {
  background: #d0dbe0;
}

.vallox-source-page--pureo .vallox-special-reference-card__image img {
  width: auto;
  max-width: 72%;
  height: 66.6667%;
  object-fit: contain;
}

.vallox-source-page--pureo .vallox-special-reference-card__body {
  padding: 32px 24px;
}

.vallox-source-page--pureo .vallox-special-reference-card h3 {
  font-size: 1.25rem;
  line-height: 1.35;
}

.vallox-source-page--pureo .vallox-special-reference-card__excerpt p {
  font-size: 1rem;
  line-height: 1.75;
}

@media (min-width: 768px) {
  .vallox-source-page--special .vallox-special-text-section,
  .vallox-source-page--special .vallox-special-card-grid,
  .vallox-source-page--special .vallox-special-product-picks,
  .vallox-source-page--special .vallox-special-feature-grid,
  .vallox-source-page--special .vallox-source-three-highlighted-cards {
    width: min(100%, calc(100vw - 7rem));
  }

  .vallox-source-page--exxeo .vallox-special-card-grid--exxeo-features .vallox-special-card-grid__inner,
  .vallox-source-page--pureo .vallox-special-card-grid--pureo-series .vallox-special-card-grid__inner {
    width: min(100%, calc(100vw - 7rem));
  }

  .vallox-source-page--pureo .vallox-special-card-grid--pureo-series .vallox-special-card-grid__inner,
  .vallox-source-page--pureo .vallox-special-highlight-cards,
  .vallox-source-page--pureo .vallox-special-reference-grid__inner {
    width: min(100%, calc(100vw - 7rem));
  }
}

@media (min-width: 1024px) {
  .vallox-source-page--special .vallox-special-text-section,
  .vallox-source-page--special .vallox-special-card-grid,
  .vallox-source-page--special .vallox-special-product-picks,
  .vallox-source-page--special .vallox-special-feature-grid,
  .vallox-source-page--special .vallox-source-three-highlighted-cards {
    width: min(100%, calc(100vw - 10rem));
  }

  .vallox-source-page--exxeo .vallox-special-card-grid--exxeo-features .vallox-special-card-grid__inner,
  .vallox-source-page--pureo .vallox-special-card-grid--pureo-series .vallox-special-card-grid__inner {
    width: min(100%, calc(100vw - 10rem));
  }

  .vallox-source-page--pureo .vallox-special-card-grid--pureo-series .vallox-special-card-grid__inner,
  .vallox-source-page--pureo .vallox-special-highlight-cards,
  .vallox-source-page--pureo .vallox-special-reference-grid__inner {
    width: min(100%, calc(100vw - 10rem));
  }
}

@media (min-width: 1536px) {
  .vallox-source-page--special .vallox-special-text-section,
  .vallox-source-page--special .vallox-special-card-grid,
  .vallox-source-page--special .vallox-special-product-picks,
  .vallox-source-page--special .vallox-special-feature-grid,
  .vallox-source-page--special .vallox-source-three-highlighted-cards {
    width: min(1664px, calc(100vw - 16rem));
  }

  .vallox-source-page--special .vallox-special-text-section,
  .vallox-source-page--special .vallox-special-feature-grid {
    width: min(1088px, calc(100vw - 16rem));
  }

  .vallox-source-page--exxeo .vallox-special-card-grid--exxeo-features .vallox-special-card-grid__inner,
  .vallox-source-page--pureo .vallox-special-card-grid--pureo-series .vallox-special-card-grid__inner {
    width: min(1664px, calc(100vw - 16rem));
  }

  .vallox-source-page--pureo .vallox-special-card-grid--pureo-series .vallox-special-card-grid__inner,
  .vallox-source-page--pureo .vallox-special-highlight-cards,
  .vallox-source-page--pureo .vallox-special-reference-grid__inner {
    width: min(1664px, calc(100vw - 16rem));
  }

  .vallox-source-page--pureo .vallox-special-highlight-cards .title {
    font-size: 1.875rem;
  }

  .vallox-source-page--exxeo .vallox-special-simple-fifty--exxeo-select {
    width: min(1664px, calc(100vw - 16rem));
  }

  .vallox-source-page--exxeo .vallox-special-simple-fifty--exxeo-select .FiftyFifty {
    height: auto;
    min-height: 0;
  }

  .vallox-source-page--exxeo .vallox-special-simple-fifty--exxeo-select .vallox-source-simple-fifty__text {
    padding: 128px 32px;
  }
}

@media (min-width: 1921px) {
  .vallox-source-page--exxeo .vallox-special-highlight-cards,
  .vallox-source-page--exxeo .vallox-special-simple-fifty--exxeo-select {
    width: min(1838px, calc(100vw - 32px));
  }
}

.vallox-source-page--exxeo .vallox-special-card-grid--exxeo-features {
  width: 100%;
  max-width: none;
}

.vallox-source-page--pureo .vallox-special-card-grid--pureo-series {
  width: 100vw;
  max-width: none;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

.vallox-source-page--pureo .vallox-special-card-grid--pureo-series .vallox-special-card-grid__inner {
  margin-right: auto;
  margin-left: auto;
}

.vallox-source-page--helios .vallox-special-card-grid--helios-fans {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

@media (min-width: 768px) {
  .vallox-source-page--helios .vallox-special-card-grid--helios-fans .vallox-special-card-grid__inner {
    width: min(100%, calc(100vw - 7rem));
  }
}

@media (min-width: 1024px) {
  .vallox-source-page--helios .vallox-special-card-grid--helios-fans .vallox-special-card-grid__inner {
    width: min(100%, calc(100vw - 10rem));
  }
}

@media (min-width: 1536px) {
  .vallox-source-page--helios .vallox-special-card-grid--helios-fans .vallox-special-card-grid__inner {
    width: min(1664px, calc(100vw - 16rem));
  }
}

@media (max-width: 1279px) {
  .vallox-source-page--special .vallox-special-card-grid__items,
  .vallox-source-page--special .vallox-special-product-grid,
  .vallox-source-page--special .vallox-special-feature-grid__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vallox-source-page--special .vallox-special-highlight-cards > .flex {
    flex-direction: column;
  }

  .vallox-source-page--special .vallox-special-highlight-cards .element {
    width: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1535px) {
  .vallox-source-page--pureo .vallox-special-highlight-cards .title {
    font-size: 1.25rem;
  }
}

@media (max-width: 767px) {
  .vallox-source-page--special .vallox-special-card-grid__items,
  .vallox-source-page--special .vallox-special-product-grid,
  .vallox-source-page--special .vallox-special-feature-grid__items {
    grid-template-columns: 1fr;
  }

  .vallox-source-page--special .vallox-source-simple-fifty-section .FiftyFifty,
  .vallox-source-page--special .vallox-source-simple-fifty-section .flex-row,
  .vallox-source-page--special .vallox-source-simple-fifty-section .flex-row-reverse {
    flex-direction: column;
  }

  .vallox-source-page--special .vallox-source-simple-fifty__text,
  .vallox-source-page--special .vallox-source-simple-fifty__image {
    width: 100%;
  }
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .FiftyFiftyVisualWrapper {
  width: 100%;
  margin: 0 0 32px;
}

.vallox-source-page--articles,
.vallox-source-page--references {
  padding-top: 32px;
}

.vallox-source-page--support {
  padding-top: 62px;
}

.vallox-source-page--support .IconHighlights {
  width: min(100%, calc(100vw - 32px));
  margin: 0 auto 32px;
}

.vallox-source-page--support .IconHighlights > .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.vallox-source-page--support .IconCard {
  width: 100%;
  margin: 0 auto 80px;
  padding: 32px 16px;
  text-align: center;
}

.vallox-source-page--support .IconCard:hover,
.vallox-source-page--support .IconCard:focus-within {
  background-color: #e5e7eb;
}

.vallox-source-page--support .Icon {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 0 8px 32px;
}

.vallox-source-page--support .Svg {
  display: flex;
  width: 108.797px;
  height: 108.797px;
  align-items: center;
  justify-content: center;
  padding: 20.3984px;
  border: 4px solid #f39200;
  border-radius: 9999px;
  color: #f39200;
}

.vallox-source-page--support .Svg svg {
  display: block;
  width: 100%;
  height: auto;
}

.vallox-source-page--support .IconHighlights .Texts {
  text-align: center;
}

.vallox-source-page--support .IconHighlights .Title {
  display: block;
  width: 100%;
  margin: 0 0 8px;
  padding: 0;
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
}

.vallox-source-page--support .IconHighlights .Text,
.vallox-source-page--support .IconHighlights .Text p {
  margin: 0;
  padding: 0;
  color: #646463;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  text-align: center;
}

.vallox-source-page--support .IconHighlights .Links {
  margin-top: 16px;
}

.vallox-source-page--support .IconHighlights .Links a {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
  color: #0033a0;
  font-size: 15px;
  font-weight: 700;
  line-height: 20.8px;
  text-align: center;
  text-decoration: none;
}

.vallox-source-page--support .IconHighlights .Links a::after {
  content: "→";
  margin-left: 6px;
  color: inherit;
}

.vallox-source-page--support .IconHighlights .Links a:hover,
.vallox-source-page--support .IconHighlights .Links a:focus {
  color: #000000;
}

.vallox-source-page--contact {
  padding-top: 32px;
}

.vallox-source-page--contact .vallox-source-simple-fifty-section {
  margin-right: auto;
  margin-left: auto;
  background: rgba(165, 185, 196, 0.3);
}

.vallox-source-page--contact .vallox-source-simple-fifty-section .FiftyFifty {
  display: flex;
  align-items: stretch;
  width: 100%;
}

.vallox-source-page--contact .vallox-source-simple-fifty-section .flex-row {
  flex-direction: row;
}

.vallox-source-page--contact .vallox-source-simple-fifty-section .flex-row-reverse {
  flex-direction: row-reverse;
}

.vallox-source-page--contact .vallox-source-simple-fifty__text {
  width: 50%;
  padding: 128px 32px;
}

.vallox-source-page--contact .vallox-source-simple-fifty__image {
  width: 50%;
  margin: 0;
  overflow: hidden;
}

.vallox-source-page--contact .vallox-source-simple-fifty__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vallox-source-page--contact .vallox-source-simple-fifty-section .Title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 0 16px;
  padding: 0;
  color: #000000;
  font-size: 30px;
  font-weight: 600;
  line-height: 32px;
}

.vallox-source-page--contact .vallox-source-simple-fifty-section .Text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  color: #646463;
}

.vallox-source-page--contact .vallox-source-simple-fifty-section .Text p {
  margin: 0;
  padding-bottom: 16px;
  color: inherit;
  font-size: 19.2px;
  font-weight: 400;
  line-height: 27.2px;
}

.vallox-source-page--contact .vallox-source-simple-fifty-section .Text a {
  color: #0033a0;
  font-weight: 700;
  text-decoration: none;
}

.vallox-source-page--contact .vallox-source-simple-fifty-section .Text a:hover,
.vallox-source-page--contact .vallox-source-simple-fifty-section .Text a:focus {
  color: #000000;
}

.vallox-source-page--contact .vallox-source-pill {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 10px;
  min-height: 41px;
  padding: 8px 16px;
  border: 2px solid #000000;
  border-radius: 999px;
  background: transparent;
  color: #000000;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
}

.vallox-source-page--contact .vallox-source-pill::after {
  content: "→";
  font-size: 1.15em;
  line-height: 1;
}

.vallox-source-page--contact .vallox-source-pill:hover,
.vallox-source-page--contact .vallox-source-pill:focus {
  border-color: #0033a0;
  color: #0033a0;
  text-decoration: none;
}

.vallox-source-page--contact .vallox-contact-address-section {
  width: 720px;
  max-width: calc(100vw - 64px);
}

.vallox-source-page--contact .vallox-contact-address-section .FiftyFifty {
  min-height: 0;
}

.vallox-source-page--contact .vallox-contact-address-section .vallox-source-simple-fifty__text {
  width: 100%;
  margin-left: 0;
  padding: 88px 120px;
}

.vallox-source-page--contact .vallox-contact-address-section .Title {
  overflow-wrap: anywhere;
}

.vallox-source-page--contact .vallox-contact-address-section .Text p {
  font-size: 19.2px;
  line-height: 27.2px;
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  .vallox-source-page--contact .vallox-contact-address-section {
    max-width: calc(100vw - 32px);
  }

  .vallox-source-page--contact .vallox-contact-address-section .vallox-source-simple-fifty__text {
    padding: 48px 32px;
  }
}

.vallox-source-page--contact .IconHighlights {
  width: 1280px;
  max-width: calc(100vw - 32px);
  margin: 0 auto 32px;
}

.vallox-source-page--contact .IconHighlights > .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.vallox-source-page--contact .IconCard {
  width: 320px;
  height: 538px;
  margin: 0 53.328px 80px;
  padding: 32px 16px;
  text-align: center;
}

.vallox-source-page--contact .IconCard:hover,
.vallox-source-page--contact .IconCard:focus-within {
  background-color: #e5e7eb;
}

.vallox-source-page--contact .Icon {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 0 8px 32px;
}

.vallox-source-page--contact .Svg {
  display: flex;
  width: 115.188px;
  height: 115.188px;
  align-items: center;
  justify-content: center;
  padding: 21.594px;
  border: 4px solid #f39200;
  border-radius: 9999px;
  color: #f39200;
}

.vallox-source-page--contact .Svg svg {
  display: block;
  width: 100%;
  height: auto;
}

.vallox-source-page--contact .IconHighlights .Texts {
  text-align: center;
}

.vallox-source-page--contact .IconHighlights .Title {
  display: block;
  width: 100%;
  margin: 0 0 8px;
  padding: 0;
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
}

.vallox-source-page--contact .IconHighlights .Text,
.vallox-source-page--contact .IconHighlights .Text p {
  margin: 0;
  padding: 0;
  color: #646463;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  text-align: center;
}

.vallox-source-page--contact .IconHighlights .Links {
  margin-top: 16px;
}

.vallox-source-page--contact .IconHighlights .Links a {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
  color: #0033a0;
  font-size: 15px;
  font-weight: 700;
  line-height: 20.8px;
  text-align: center;
  text-decoration: none;
}

.vallox-source-page--contact .IconHighlights .Links a::after {
  content: "→";
  margin-left: 6px;
  color: inherit;
}

.vallox-source-page--contact .IconHighlights .Links a:hover,
.vallox-source-page--contact .IconHighlights .Links a:focus {
  color: #000000;
}

.vallox-source-page--contact .vallox-contact-simple-section {
  width: 1280px;
  max-width: calc(100vw - 32px);
  margin-bottom: 32px;
}

.vallox-source-page--contact .vallox-contact-simple-section--planning .FiftyFifty {
  min-height: 667px;
}

.vallox-source-page--contact .vallox-contact-simple-section--service .FiftyFifty {
  min-height: 476px;
}

.vallox-source-page--contact .vallox-contact-simple-section:last-child {
  margin-bottom: 0;
}

.vallox-source-page--support .vallox-support-copy-section {
  width: min(100%, calc(100vw - 32px));
  margin: 0 auto;
}

.vallox-source-page--support .vallox-support-copy-section .Section-content {
  width: 100%;
  max-width: 1088px;
  margin-right: auto;
  margin-left: auto;
}

.vallox-source-page--support .vallox-support-copy-section h2 {
  margin: 0;
  color: #000000;
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
}

.vallox-source-page--support .vallox-support-copy-section p {
  max-width: none;
  margin: 0;
  color: #000000;
  font-size: 19.2px;
  font-weight: 400;
  line-height: 27.2px;
}

.vallox-source-page--support .vallox-support-copy-section p + p {
  margin-top: 24px;
}

.vallox-source-page--support .vallox-support-copy-section a {
  color: #0033a0;
  font-size: 19.2px;
  font-weight: 700;
  line-height: 43.2px;
  text-decoration: none;
}

.vallox-source-page--support .vallox-support-copy-section a:hover,
.vallox-source-page--support .vallox-support-copy-section a:focus {
  color: #000000;
}

.vallox-source-page--support .vallox-support-video {
  width: 800px;
  max-width: calc(100vw - 32px);
  margin-right: auto;
  margin-left: auto;
  aspect-ratio: 16 / 9;
}

.vallox-source-page--support .vallox-support-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.vallox-source-page--software {
  padding-top: 32px;
}

.vallox-source-page--maintenance {
  padding-top: 32px;
}

.vallox-source-page--maintenance .vallox-maintenance-copy-section {
  width: min(100%, calc(100vw - 32px));
  margin: 0 auto;
}

.vallox-source-page--maintenance .vallox-maintenance-copy-section .Section-content {
  width: 100%;
  max-width: 1088px;
  margin-right: auto;
  margin-left: auto;
}

.vallox-source-page--maintenance .vallox-maintenance-copy-section h2 {
  margin: 0;
  padding-bottom: 24px;
  color: #000000;
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
}

.vallox-source-page--maintenance .vallox-maintenance-copy-section p {
  max-width: none;
  margin: 0;
  padding-bottom: 16px;
  color: #000000;
  font-size: 19.2px;
  font-weight: 400;
  line-height: 27.2px;
}

.vallox-source-page--maintenance .vallox-maintenance-video {
  width: 800px;
  max-width: calc(100vw - 32px);
  margin-right: auto;
  margin-left: auto;
  aspect-ratio: 16 / 9;
}

.vallox-source-page--maintenance .vallox-maintenance-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.vallox-source-page--maintenance .IconHighlights {
  width: min(1088px, calc(100vw - 32px));
  margin: 0 auto 32px;
}

.vallox-source-page--maintenance .IconHighlights > .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.vallox-source-page--maintenance .IconCard {
  width: 272px;
  max-width: 100%;
  min-height: 427px;
  margin: 0 auto 80px;
  padding: 32px 16px;
  text-align: center;
}

.vallox-source-page--maintenance .IconCard:hover,
.vallox-source-page--maintenance .IconCard:focus-within {
  background-color: #e5e7eb;
}

.vallox-source-page--maintenance .Icon {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 0 8px 32px;
}

.vallox-source-page--maintenance .Svg {
  display: flex;
  width: 90px;
  height: 90px;
  align-items: center;
  justify-content: center;
  padding: 16.8px;
  border: 4px solid #f39200;
  border-radius: 9999px;
  color: #f39200;
}

.vallox-source-page--maintenance .Svg svg {
  display: block;
  width: 100%;
  height: auto;
}

.vallox-source-page--maintenance .IconHighlights .Texts {
  text-align: center;
}

.vallox-source-page--maintenance .IconHighlights .Title {
  display: block;
  width: 100%;
  margin: 0 0 8px;
  padding: 0;
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
}

.vallox-source-page--maintenance .IconHighlights .Text,
.vallox-source-page--maintenance .IconHighlights .Text p {
  margin: 0;
  padding: 0;
  color: #646463;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
}

.vallox-source-page--maintenance .IconHighlights .Links {
  margin-top: 16px;
}

.vallox-source-page--maintenance .IconHighlights .Links a {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
  color: #0033a0;
  font-size: 15px;
  font-weight: 700;
  line-height: 20.8px;
  text-align: center;
  text-decoration: none;
}

.vallox-source-page--maintenance .IconHighlights .Links a::after {
  content: "→";
  margin-left: 6px;
  color: inherit;
}

.vallox-source-page--maintenance .IconHighlights .Links a:hover,
.vallox-source-page--maintenance .IconHighlights .Links a:focus {
  color: #000000;
}

.vallox-source-page--software .vallox-support-copy-section {
  width: min(100%, calc(100vw - 32px));
  margin: 0 auto;
}

.vallox-source-page--software .vallox-support-copy-section .Section-content {
  width: 100%;
  max-width: 1088px;
  margin-right: auto;
  margin-left: auto;
}

.vallox-source-page--software .vallox-support-copy-section h2 {
  margin: 0;
  padding-bottom: 24px;
  color: #000000;
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
}

.vallox-source-page--software .vallox-support-copy-section h3 {
  margin: 0;
  padding-bottom: 24px;
  color: #000000;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
}

.vallox-source-page--software .vallox-support-copy-section p {
  max-width: none;
  margin: 0;
  padding-bottom: 16px;
  color: #000000;
  font-size: 19.2px;
  line-height: 27.2px;
}

.vallox-source-page--software .vallox-support-copy-section a {
  color: #0033a0;
  font-weight: 700;
  text-decoration: none;
}

.vallox-source-page--software .vallox-support-copy-section a:hover,
.vallox-source-page--software .vallox-support-copy-section a:focus {
  color: #000000;
}

.vallox-source-page--software .textThumbHighlight {
  width: min(1120px, calc(100vw - 32px));
  margin: 0 auto 32px;
}

.vallox-source-page--software .textThumbHighlight > div {
  display: flex;
  flex-direction: row;
  max-width: 1088px;
  margin-right: auto;
  margin-left: auto;
  padding: 32px;
  background: #e6ecef;
}

.vallox-source-page--software .textThumbHighlight img {
  width: 150px;
  height: 150px;
  flex: 0 0 150px;
  border-top-left-radius: 48px;
  border-bottom-right-radius: 48px;
  object-fit: cover;
}

.vallox-source-page--software .textThumbHighlight .Texts {
  padding-left: 32px;
}

.vallox-source-page--software .textThumbHighlight .Texts > p {
  margin: 0;
  padding-bottom: 16px;
  color: #000000;
  font-size: 19.2px;
  font-weight: 700;
  line-height: 27.2px;
}

.vallox-source-page--software .textThumbHighlight .Content,
.vallox-source-page--software .textThumbHighlight .Content p {
  margin: 0;
  color: #000000;
  font-size: 16px;
  line-height: 20.8px;
}

.vallox-source-page--software .textThumbHighlight .Content p {
  padding-bottom: 16px;
}

.vallox-source-page--software .textThumbHighlight .Content p:last-child {
  padding-bottom: 0;
}

.vallox-source-page--software .textThumbHighlight .Content a {
  color: #0033a0;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
}

.vallox-source-page--software .textThumbHighlight .Content a:hover,
.vallox-source-page--software .textThumbHighlight .Content a:focus {
  color: #000000;
}

.vallox-source-page--software .vallox-software-video {
  width: 60%;
  max-width: calc(100vw - 32px);
  margin-right: auto;
  margin-left: auto;
  aspect-ratio: 16 / 9;
}

.vallox-source-page--software .vallox-software-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (min-width: 768px) {
  .vallox-source-page--maintenance .vallox-maintenance-copy-section,
  .vallox-source-page--software .vallox-support-copy-section {
    width: calc(100vw - 7rem);
  }
}

@media (min-width: 1024px) {
  .vallox-source-page--maintenance .vallox-maintenance-copy-section,
  .vallox-source-page--software .vallox-support-copy-section {
    width: calc(100vw - 10rem);
  }
}

@media (min-width: 1536px) {
  .vallox-source-page--maintenance .vallox-maintenance-copy-section,
  .vallox-source-page--software .vallox-support-copy-section {
    width: calc(100vw - 16rem);
  }
}

@media (min-width: 1921px) {
  .vallox-source-page--maintenance .vallox-maintenance-copy-section,
  .vallox-source-page--software .vallox-support-copy-section {
    width: 1838px;
  }
}

.vallox-source-page--manuals {
  width: 100%;
  padding-bottom: 96px;
}

.vallox-source-page--manuals .vallox-support-copy-section {
  width: min(1280px, calc(100vw - 32px));
  margin: 32px auto 0;
}

.vallox-source-page--manuals .vallox-support-copy-section .Section-content {
  width: 100%;
  max-width: 1088px;
  margin-right: auto;
  margin-left: auto;
}

.vallox-source-page--manuals .vallox-support-copy-section p {
  max-width: none;
  margin: 0;
  color: #000000;
  font-size: 19.2px;
  line-height: 27.2px;
}

.vallox-manuals-panel {
  width: min(1280px, calc(100vw - 32px));
  margin: 40px auto 0;
}

.vallox-manuals-panel__inner {
  box-sizing: border-box;
  width: 100%;
  padding: 32px;
  border: 1px solid #d0dbe0;
  background: #ffffff;
}

.vallox-manuals-controls {
  display: grid;
  align-items: end;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
  gap: 16px;
  margin: 0 0 16px;
}

.vallox-manuals-control {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.vallox-manuals-control label {
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  line-height: 20.8px;
}

.vallox-manuals-control input,
.vallox-manuals-control select {
  width: 100%;
  height: 48px;
  border: 1px solid #b0b0a9;
  border-radius: 0;
  background: #ffffff;
  color: #000000;
  font: inherit;
  font-size: 16px;
  line-height: 20.8px;
}

.vallox-manuals-control input {
  padding: 0 16px;
}

.vallox-manuals-control select {
  padding: 0 40px 0 16px;
}

.vallox-manuals-summary {
  margin: 0 0 16px;
  color: #646463;
  font-size: 15px;
  line-height: 20.8px;
}

.vallox-manuals-table-wrap {
  box-sizing: border-box;
  overflow-x: auto;
  width: 100%;
}

.vallox-manuals-table {
  width: 100%;
  min-width: 1040px;
  border-collapse: collapse;
}

.vallox-manuals-table th,
.vallox-manuals-table td {
  padding: 18px 16px;
  border-bottom: 1px solid #d0dbe0;
  color: #000000;
  font-size: 16px;
  line-height: 20.8px;
  text-align: left;
  vertical-align: middle;
}

.vallox-manuals-table th {
  background: #e6ecef;
  font-weight: 700;
}

.vallox-manuals-table__title {
  font-weight: 700;
}

.vallox-manuals-table__action {
  width: 120px;
  text-align: right;
  white-space: nowrap;
}

.vallox-manuals-products {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vallox-manuals-products a {
  color: #0033a0;
  font-weight: 700;
  text-decoration: none;
}

.vallox-manuals-products a:hover,
.vallox-manuals-products a:focus {
  color: #000000;
}

.vallox-manuals-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  min-height: 40px;
  padding: 10px 18px;
  background: #0033a0;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.vallox-manuals-download:hover,
.vallox-manuals-download:focus {
  background: #000000;
  color: #ffffff;
}

.vallox-manuals-pending {
  display: inline-block;
  color: #646463;
  font-size: 15px;
  line-height: 20.8px;
}

.vallox-manuals-empty {
  margin: 24px 0 0;
  padding: 24px;
  background: #e6ecef;
  color: #000000;
  font-size: 16px;
  line-height: 20.8px;
}

.vallox-manuals-empty.is-hidden {
  display: none;
}

@media (max-width: 767px) {
  .vallox-source-page--manuals {
    padding-bottom: 64px;
  }

  .vallox-source-page--manuals .vallox-support-copy-section {
    margin-top: 24px;
  }

  .vallox-manuals-panel {
    margin-top: 24px;
  }

  .vallox-manuals-panel__inner {
    padding: 20px;
  }

  .vallox-manuals-controls {
    grid-template-columns: 1fr;
  }

  .vallox-manuals-table {
    display: block;
    min-width: 0;
    table-layout: fixed;
  }

  .vallox-manuals-table thead {
    display: none;
  }

  .vallox-manuals-table tbody {
    display: block;
    width: 100%;
  }

  .vallox-manuals-table tr {
    display: block;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px solid #d0dbe0;
  }

  .vallox-manuals-table th,
  .vallox-manuals-table td {
    padding: 8px 0;
    border-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    overflow-wrap: anywhere;
  }

  .vallox-manuals-table td {
    display: grid;
    align-items: start;
    grid-template-columns: minmax(96px, 38%) minmax(0, 1fr);
    gap: 12px;
  }

  .vallox-manuals-table td::before {
    color: #000000;
    font-weight: 700;
    content: attr(data-label);
  }

  .vallox-manuals-table__action {
    width: auto;
    text-align: left;
    white-space: normal;
  }

  .vallox-source-page--software .textThumbHighlight > div {
    flex-direction: column;
  }

  .vallox-source-page--software .textThumbHighlight .Texts {
    padding-left: 0;
  }
}

.vallox-source-page--support .vallox-support-video + .FiftyFiftyVisualWrapper {
  margin-top: 30px;
}

.vallox-source-page--support .ThreeHighlightedLinkCards {
  width: min(100%, calc(100vw - 32px));
  margin: 30px auto 32px;
}

.vallox-source-page--support .ThreeHighlightedLinkCards > .flex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}

.vallox-source-page--support .ThreeHighlightedLinkCards .element {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 8px 0;
}

.vallox-source-page--support .ThreeHighlightedLinkCards .element > div {
  display: flex;
  min-height: 168px;
  flex-direction: column;
  padding: 32px;
  color: #ffffff;
}

.vallox-source-page--support .ThreeHighlightedLinkCards .bg-custom-gray-dark {
  background-color: #646463;
}

.vallox-source-page--support .ThreeHighlightedLinkCards .bg-custom-gray {
  background-color: #878787;
}

.vallox-source-page--support .ThreeHighlightedLinkCards .bg-custom-gray-light {
  background-color: #b0b0a9;
}

.vallox-source-page--support .ThreeHighlightedLinkCards .element > div:hover,
.vallox-source-page--support .ThreeHighlightedLinkCards .element > div:focus-within {
  background-color: #0033a0;
}

.vallox-source-page--support .ThreeHighlightedLinkCards a {
  color: #ffffff;
  text-decoration: none;
}

.vallox-source-page--support .ThreeHighlightedLinkCards a:hover,
.vallox-source-page--support .ThreeHighlightedLinkCards a:focus {
  color: #ffffff;
}

.vallox-source-page--support .ThreeHighlightedLinkCards .justify-between {
  display: flex;
  justify-content: space-between;
}

.vallox-source-page--support .ThreeHighlightedLinkCards .title {
  margin: 0;
  padding: 0 8px 32px 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.vallox-source-page--support .ThreeHighlightedLinkCards .image,
.vallox-source-page--support .ThreeHighlightedLinkCards .image img {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}

.vallox-source-page--support .ThreeHighlightedLinkCards .image img {
  display: block;
  object-fit: cover;
}

.vallox-source-page--support .ThreeHighlightedLinkCards .mt-auto {
  margin-top: auto;
}

.vallox-source-page--support .ThreeHighlightedLinkCards .text-link {
  display: flex;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  line-height: 20.8px;
}

.vallox-source-page--support .ThreeHighlightedLinkCards .pl-2 {
  padding-left: 8px;
}

.vallox-source-page--support .ThreeHighlightedLinkCards svg {
  display: block;
  width: 24px;
  height: 24px;
}

.vallox-source-page--support .FiftyFiftyVisual .Text p {
  font-size: 16px;
  line-height: 20.8px;
}

@media (min-width: 768px) {
  .vallox-source-page--support .IconHighlights,
  .vallox-source-page--support .vallox-support-copy-section,
  .vallox-source-page--support .ThreeHighlightedLinkCards {
    width: calc(100vw - 7rem);
  }

  .vallox-source-page--support .IconCard {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .vallox-source-page--support .IconHighlights,
  .vallox-source-page--support .vallox-support-copy-section,
  .vallox-source-page--support .ThreeHighlightedLinkCards {
    width: calc(100vw - 10rem);
  }

  .vallox-source-page--support .IconCard {
    width: 25%;
    min-height: 511.172px;
  }
}

@media (min-width: 1280px) {
  .vallox-source-page--support .ThreeHighlightedLinkCards > .flex {
    flex-direction: row;
  }

  .vallox-source-page--support .ThreeHighlightedLinkCards .element {
    width: 33.333333%;
  }

  .vallox-source-page--support .ThreeHighlightedLinkCards .element:first-child {
    padding-right: 16px;
  }

  .vallox-source-page--support .ThreeHighlightedLinkCards .element:last-child {
    padding-left: 16px;
  }
}

.vallox-page.is-abc-source-page .vallox-page__container,
.vallox-page__content.is-abc-source-page {
  width: 100%;
  max-width: none;
}

.vallox-page.is-abc-source-page .vallox-page__container,
.vallox-page.is-articles-source-page,
.vallox-page.is-references-source-page {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.vallox-page.is-articles-source-page,
.vallox-page.is-references-source-page {
  margin-bottom: 0;
  background: #ffffff;
}

.vallox-page__content.is-abc-source-page {
  margin-right: 0;
  margin-left: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.vallox-page.is-articles-source-page + .vallox-footer,
.vallox-page.is-references-source-page + .vallox-footer {
  margin-top: 0;
}

.vallox-page.is-abc-source-page + .vallox-footer {
  margin-top: 32px;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .FiftyFiftyVisual {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .FiftyFiftyVisual__content {
  width: 100%;
  min-width: 0;
  height: min-content;
  padding: 16px 16px 0;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .bgElement {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 96px;
  left: 0;
  background: rgba(165, 185, 196, 0.3);
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .Title {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 0 16px;
  color: #000000;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.75rem;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .Content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .Text {
  display: block;
  padding-bottom: 8px;
  color: #000000;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .Text p {
  max-width: none;
  margin: 0;
  padding-bottom: 16px;
  color: inherit;
  font-size: 1.2rem;
  line-height: 1.7rem;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .vallox-source-pill {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 10px;
  min-height: 41px;
  margin-top: 0;
  padding: 8px 16px;
  border: 2px solid #000000;
  border-radius: 999px;
  background: transparent;
  color: #000000;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .vallox-source-pill::after {
  content: "→";
  font-size: 1.15em;
  line-height: 1;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .vallox-source-pill:hover,
:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .vallox-source-pill:focus {
  border-color: #0033a0;
  color: #0033a0;
  text-decoration: none;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .ImgWrap {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 32px 0 0;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-top-left-radius: 5rem;
  border-bottom-right-radius: 5rem;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .ImgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .FiftyFiftyVisualWrapper > div {
  width: min(100%, calc(100vw - 32px));
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 640px) {
  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .ImgWrap-right {
    margin-left: -0.5rem;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .ImgWrap-left {
    margin-right: -0.5rem;
  }
}

@media (min-width: 768px) {
  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .FiftyFiftyVisualWrapper > div {
    width: calc(100vw - 7rem);
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .bgElement {
    right: -3.5rem;
    left: -3.5rem;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .ImgWrap-right {
    margin-left: -3rem;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .ImgWrap-left {
    margin-right: -3rem;
  }
}

@media (min-width: 1024px) {
  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .FiftyFiftyVisualWrapper > div {
    width: calc(100vw - 10rem);
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .bgElement {
    right: -5rem;
    left: -5rem;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .ImgWrap-right {
    margin-left: -4.5rem;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .ImgWrap-left {
    margin-right: -4.5rem;
  }
}

@media (min-width: 1280px) {
  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .FiftyFiftyVisual {
    flex-direction: row;
  }

  :where(.vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .vallox-source-visual--image-left .FiftyFiftyVisual {
    flex-direction: row-reverse;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .FiftyFiftyVisual__content {
    flex: 0 1 41.666667%;
    width: 41.666667%;
    padding: 80px 0 0;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .Title {
    padding-right: 32px;
    font-size: 1.875rem;
    line-height: 2rem;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .Content {
    padding-right: 32px;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .Title-right,
  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .Content-right {
    padding-right: 0;
    padding-left: 32px;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .Text {
    color: #646463;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .bgElement {
    bottom: 0;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .bgElement-right {
    right: calc(50% - 80px);
    left: calc((100vw - 100%) / -2);
    border-top-right-radius: 12px;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .bgElement-left {
    right: calc((100vw - 100%) / -2);
    left: calc(50% - 80px);
    border-top-left-radius: 12px;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .ImgWrap {
    flex: 0 1 58.333333%;
    width: 58.333333%;
    max-width: 950px;
    margin-top: 80px;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .ImgWrap-right {
    margin-right: 0;
    margin-left: auto;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .ImgWrap-left {
    margin-right: auto;
    margin-left: 0;
  }

  .vallox-source-page--articles .vallox-articles-visual-block--checklist .ImgWrap {
    aspect-ratio: 1920 / 1377;
  }
}

@media (min-width: 1536px) {
  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .FiftyFiftyVisualWrapper > div {
    width: calc(100vw - 16rem);
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .bgElement {
    right: -8rem;
    left: -8rem;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .Title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .bgElement-left {
    right: -8rem;
    left: calc(50% - 8rem);
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .bgElement-right {
    right: calc(50% - 8rem);
    left: -8rem;
  }
}

@media (min-width: 1921px) {
  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .FiftyFiftyVisualWrapper > div {
    width: 1838px;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .FiftyFiftyVisual__content {
    flex-basis: 58.333333%;
    width: 58.333333%;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .bgElement {
    width: auto;
    min-width: 1200px;
    margin-right: calc(((100vw - 1838px) / 2) * -1);
    margin-left: calc(((100vw - 1838px) / 2) * -1);
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .bgElement-right {
    left: 0;
    right: calc(40vw - ((100vw - 1860px) * -0.03));
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .bgElement-left {
    right: 0;
    left: calc(40vw + ((100vw - 1860px) * 0.07));
  }
}

.vallox-source-page--support .IconHighlights .IconCard .Text p,
.vallox-source-page--support .IconHighlights .IconCard .Text {
  font-size: 16px;
  line-height: 20.8px;
}

.vallox-source-page--support .IconHighlights .IconCard .Text {
  color: #646463;
}

@media (min-width: 1024px) {
  .vallox-source-page--support .FiftyFiftyVisualWrapper {
    width: calc(100vw - 10rem);
    margin-right: auto;
    margin-left: auto;
  }

  .vallox-source-page--support .FiftyFiftyVisualWrapper > div {
    width: 100%;
  }
}

@media (min-width: 1536px) {
  .vallox-source-page--support .FiftyFiftyVisualWrapper {
    width: calc(100vw - 16rem);
  }

  .vallox-source-page--support .ThreeHighlightedLinkCards {
    width: calc(100vw - 16rem);
  }
}

@media (min-width: 1921px) {
  .vallox-source-page--support .FiftyFiftyVisualWrapper {
    width: 1838px;
  }

  .vallox-source-page--support .ThreeHighlightedLinkCards {
    width: 1838px;
  }
}

.vallox-source-page--support .IconHighlights {
  margin-bottom: 16px;
}

.vallox-source-page--support .vallox-support-visual-block--instrukciju-paieska,
.vallox-source-page--support .vallox-support-visual-block--prieziura {
  margin-bottom: 62px;
}

.vallox-source-page--support .vallox-support-copy-section:not(.vallox-support-compatibility) .Section-content {
  min-height: 107.2px;
}

.vallox-source-page--support .vallox-support-copy-section h2 {
  min-height: 64px;
}

.vallox-source-page--support .vallox-support-copy-section:not(.vallox-support-compatibility) p {
  min-height: 43.2px;
}

.vallox-source-page--support .vallox-support-compatibility .Section-content {
  min-height: 280px;
}

.vallox-source-page--support .vallox-support-compatibility .Section-content > p:first-of-type {
  min-height: 70.4px;
}

.vallox-source-page--support .vallox-support-compatibility p + p {
  margin-top: 0;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights {
  width: 100%;
  margin: 0 0 32px;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights:last-child {
  margin-bottom: 0;
}

:where(.vallox-source-page--articles, .vallox-source-page--references) > .PostsHighlights:last-child > .relative {
  padding-bottom: 0;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights > .relative {
  margin-right: 0;
  margin-left: 0;
  background: #e6ecef;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights .wrap {
  width: min(100%, calc(100vw - 32px));
  max-width: none;
  margin-right: auto;
  margin-left: auto;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights .Title {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 32px;
  padding: 0;
  color: #000000;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
  text-align: left;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights .Title a {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding-top: 8px;
  color: #0033a0;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
  text-decoration: none;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights .Title a:hover {
  color: #002066;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .postsHighlightsSwiper {
  width: 100%;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .postsHighlightsSwiper .swiper-wrapper {
  height: auto;
  align-items: stretch;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .HighlightItem {
  height: auto;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .HighlightItem a {
  color: #000000;
  text-decoration: none;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .HighlightItem picture,
:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .HighlightItem img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .HighlightItem img {
  height: auto;
  object-fit: cover;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .HighlightItem .p-4 {
  padding: 16px;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .HighlightItem .font-bold {
  color: #000000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3rem;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .HighlightItem .vallox-source-highlight-meta {
  margin-top: 8px;
  color: #646463;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .HighlightItem .vallox-source-highlight-meta a {
  color: #0033a0;
  font-weight: 700;
  text-decoration: none;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .HighlightItem .vallox-source-highlight-meta a:hover,
:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .HighlightItem .vallox-source-highlight-meta a:focus {
  color: #000000;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights .flex.mt-8 {
  display: flex;
  margin-top: 32px;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .postsHighlightsSwiper-button-prev,
:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .postsHighlightsSwiper-button-next {
  position: relative !important;
  top: 0 !important;
  right: unset !important;
  left: unset !important;
  width: 32px;
  height: 44px;
  margin-top: 0;
  cursor: pointer;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .postsHighlightsSwiper-button-prev::after,
:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .postsHighlightsSwiper-button-next::after {
  display: none !important;
}

:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .postsHighlightsSwiper-button-prev img,
:where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .postsHighlightsSwiper-button-next img {
  display: block;
  width: 24px;
  height: 24px;
}

@media (min-width: 640px) {
  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights .Title {
    display: block;
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights .Title a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    padding-top: 0;
  }
}

@media (min-width: 768px) {
  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights .wrap {
    width: calc(100vw - 7rem);
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights .Title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1024px) {
  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights .wrap {
    width: calc(100vw - 10rem);
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights .Title {
    text-align: center;
  }
}

@media (min-width: 1280px) {
  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights .Title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1536px) {
  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights .wrap {
    width: calc(100vw - 16rem);
  }

  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights .Title {
    font-size: 2.5rem;
    line-height: 1;
  }
}

@media (min-width: 1921px) {
  :where(.vallox-source-page--abc, .vallox-source-page--articles, .vallox-source-page--references, .vallox-source-page--support, .vallox-source-page--pureo) .PostsHighlights .wrap {
    width: 1838px;
  }
}

.vallox-source-page--why .FiftyFiftyVisualWrapper {
  width: 100%;
  margin: 0 0 32px;
}

.vallox-source-page--why .FiftyFiftyVisual {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.vallox-source-page--why .FiftyFiftyVisual > div:not(.ImgWrap) {
  width: 100%;
  min-width: 0;
  height: min-content;
  padding: 16px 16px 0;
}

.vallox-source-page--why .bgElement {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 96px;
  left: 0;
  background: rgba(165, 185, 196, 0.3);
}

.vallox-source-page--why .Title {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 0 16px;
  color: #000000;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.75rem;
}

.vallox-source-page--why .Content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vallox-source-page--why .Text {
  display: block;
  padding-bottom: 8px;
  color: #000000;
}

.vallox-source-page--why .Text p {
  max-width: none;
  margin: 0;
  padding-bottom: 16px;
  color: inherit;
  font-size: 1.2rem;
  line-height: 1.7rem;
}

.vallox-source-page--why .vallox-source-pill {
  min-height: 41px;
  margin-top: 0;
  padding: 8px 16px;
  font-weight: 600;
  line-height: 1.3;
}

.vallox-source-page--why .ImgWrap {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 32px 0 0;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-top-left-radius: 5rem;
  border-bottom-right-radius: 5rem;
}

.vallox-source-page--why .ImgWrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vallox-source-page--why .FiftyFiftyVisualWrapper > div {
  width: min(100%, calc(100vw - 32px));
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 640px) {
  .vallox-source-page--why .ImgWrap-right {
    margin-left: -0.5rem;
  }

  .vallox-source-page--why .ImgWrap-left {
    margin-right: -0.5rem;
  }
}

@media (min-width: 768px) {
  .vallox-source-page--why .FiftyFiftyVisualWrapper > div {
    width: calc(100vw - 7rem);
  }

  .vallox-source-page--why .bgElement {
    right: -3.5rem;
    left: -3.5rem;
  }

  .vallox-source-page--why .ImgWrap-right {
    margin-left: -3rem;
  }

  .vallox-source-page--why .ImgWrap-left {
    margin-right: -3rem;
  }
}

@media (min-width: 1024px) {
  .vallox-source-page--why .FiftyFiftyVisualWrapper > div {
    width: calc(100vw - 10rem);
  }

  .vallox-source-page--why .bgElement {
    right: -5rem;
    left: -5rem;
  }

  .vallox-source-page--why .ImgWrap-right {
    margin-left: -4.5rem;
  }

  .vallox-source-page--why .ImgWrap-left {
    margin-right: -4.5rem;
  }
}

@media (min-width: 1280px) {
  .vallox-source-page--why .FiftyFiftyVisual.xl\:flex-row {
    flex-direction: row;
  }

  .vallox-source-page--why .FiftyFiftyVisual.xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .vallox-source-page--why .FiftyFiftyVisual > div:not(.ImgWrap) {
    flex: 0 1 41.666667%;
    width: 41.666667%;
    padding: 80px 0 0;
  }

  .vallox-source-page--why .FiftyFiftyVisual.xl\:flex-row-reverse > div:not(.ImgWrap) {
    padding-left: 32px;
  }

  .vallox-source-page--why .Title {
    padding-right: 32px;
    font-size: 1.875rem;
    line-height: 2rem;
  }

  .vallox-source-page--why .Content {
    padding-right: 32px;
  }

  .vallox-source-page--why .Title-right,
  .vallox-source-page--why .Content-right {
    padding-right: 0;
    padding-left: 32px;
  }

  .vallox-source-page--why .Text {
    color: #646463;
  }

  .vallox-source-page--why .bgElement {
    bottom: 0;
  }

  .vallox-source-page--why .bgElement-right {
    right: calc(50% - 80px);
    border-top-right-radius: 12px;
  }

  .vallox-source-page--why .bgElement-left {
    left: calc(50% - 80px);
    border-top-left-radius: 12px;
  }

  .vallox-source-page--why .ImgWrap {
    flex: 0 1 58.333333%;
    width: 58.333333%;
    max-width: 950px;
    margin-top: 80px;
  }

  .vallox-source-page--why .ImgWrap-right {
    margin-right: 0;
    margin-left: auto;
  }

  .vallox-source-page--why .ImgWrap-left {
    margin-right: auto;
    margin-left: 0;
  }
}

@media (min-width: 1536px) {
  .vallox-source-page--why .FiftyFiftyVisualWrapper > div {
    width: calc(100vw - 16rem);
  }

  .vallox-source-page--why .bgElement {
    margin-right: -8rem;
    margin-left: -8rem;
  }

  .vallox-source-page--why .bgElement-left {
    right: 0;
    left: 50%;
  }

  .vallox-source-page--why .bgElement-right {
    right: 50%;
    left: 0;
  }

  .vallox-source-page--why .Title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1921px) {
  .vallox-source-page--why .FiftyFiftyVisualWrapper > div {
    width: 1838px;
  }

  .vallox-source-page--why .FiftyFiftyVisual > div:not(.ImgWrap) {
    flex-basis: 58.333333%;
    width: 58.333333%;
  }

  .vallox-source-page--why .bgElement {
    width: auto;
    min-width: 1200px;
    margin-right: calc(((100vw - 1838px) / 2) * -1);
    margin-left: calc(((100vw - 1838px) / 2) * -1);
  }

  .vallox-source-page--why .bgElement-right {
    right: calc(40vw - ((100vw - 1860px) * -0.03));
    left: 0;
  }

  .vallox-source-page--why .bgElement-left {
    right: 0;
    left: calc(40vw + ((100vw - 1860px) * 0.07));
  }
}

.vallox-source-page--why .FiftyFiftyVisual a,
.vallox-source-page--why .vallox-why-history-source a {
  color: #000000;
  font-weight: 600;
  text-decoration: none;
}

.vallox-source-page--why .FiftyFiftyVisual a:hover,
.vallox-source-page--why .vallox-why-history-source a:hover {
  color: #0033a0;
}

.vallox-source-page--why .FiftyFiftyVisual a .ml-2,
.vallox-source-page--why .vallox-why-history-source a .ml-2 {
  fill: #000000;
}

.vallox-source-page--why .textThumbHighlight > div {
  flex-direction: column;
}

.vallox-source-page--why .textThumbHighlight img {
  flex: 0 0 150px;
}

@media (min-width: 640px) {
  .vallox-source-page--why .textThumbHighlight > .sm\:flex-row,
  .vallox-source-page--why .sm\:flex-row {
    flex-direction: row;
  }

  .vallox-source-page--why .sm\:pl-8 {
    padding-left: 2rem;
  }
}

@media (min-width: 1536px) {
  .vallox-page-hero.is-why-hero {
    min-height: 292px;
    padding-top: 139px;
    padding-bottom: 0;
    border-radius: 100px 0 70px;
  }

  .vallox-page-hero.is-why-hero .vallox-page-hero__inner {
    width: calc(100% - 160px);
    max-width: none;
    margin-left: 80px;
  }

  .vallox-page-hero.is-why-hero .entry-title,
  .vallox-page-hero.is-why-hero h1 {
    width: auto;
    max-width: none;
  }

  .vallox-source-page--why .vallox-why-history-source {
    width: calc(100vw - 16rem);
    min-height: 505.609px;
    margin-right: auto;
    margin-left: auto;
  }

  .vallox-source-page--why .vallox-why-history-source .FiftyFifty {
    min-height: 505.609px;
  }

  .vallox-source-page--why .vallox-why-history-source .Title,
  .vallox-source-page--why .IconHighlights .Title {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
  }

  .vallox-source-page--why .IconHighlights {
    width: min(1400px, calc(100vw - 2rem));
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 1280px) and (max-width: 1535px) {
  .vallox-source-page--why .vallox-why-history-source {
    width: calc(100vw - 10rem);
    min-height: 525px;
    margin-right: auto;
    margin-left: auto;
  }

  .vallox-source-page--why .vallox-why-history-source .FiftyFifty {
    min-height: 525px;
  }

  .vallox-source-page--why .vallox-why-history-source .FiftyFifty > div {
    flex: 0 0 50%;
    width: 50%;
  }

  .vallox-source-page--why .vallox-why-history-source .Title {
    padding-right: 0;
    font-size: 24px;
    line-height: 28px;
  }

  .vallox-source-page--why > h2.wp-block-heading.has-text-align-center {
    width: calc(100vw - 20rem);
  }

  .vallox-source-page--why .IconHighlights {
    width: min(1400px, 83.333333vw);
    margin-right: auto;
    margin-left: auto;
  }

  .vallox-source-page--why .IconHighlights .Svg {
    width: 100.797px;
    height: 100.797px;
    padding: 18.8984px;
  }

  .vallox-source-page--why .IconHighlights .Title {
    font-size: 24px;
    line-height: 32px;
  }
}

.vallox-source-page--why > h2.wp-block-heading.has-text-align-center {
  margin: 0 auto;
  padding-bottom: 24px;
  color: #000000;
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
}

.vallox-source-page--why .IconHighlights .Title {
  display: block;
  margin-bottom: 8px;
  padding-right: 0;
  padding-left: 0;
}

.vallox-source-page--why .IconHighlights .Text {
  padding-bottom: 0;
}

@media (min-width: 1536px) {
  .vallox-source-page--why .vallox-why-history-source .FiftyFifty > div {
    flex: 0 0 50%;
    width: 50%;
  }

  .vallox-source-page--why .vallox-why-history-source .Title {
    padding-right: 0;
  }

  .vallox-source-page--why > h2.wp-block-heading.has-text-align-center {
    width: calc(100vw - 32rem);
  }
}

.vallox-history-band {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  background: rgba(165, 185, 196, 0.3);
}

.vallox-history-band__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 500px;
  padding: clamp(48px, 7vw, 128px);
}

.vallox-history-band__media {
  min-height: 500px;
  margin: 0;
  overflow: hidden;
}

.vallox-icon-highlights {
  width: min(1088px, calc(100vw - 32px));
  margin: 0 auto;
  text-align: center;
}

.vallox-icon-highlights > h2 {
  max-width: 880px;
  margin: 0 auto 46px;
  color: #000000;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 2.5rem;
}

.vallox-icon-highlights__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px;
  justify-items: center;
}

.vallox-icon-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 275px;
  color: #000000;
}

.vallox-icon-card__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  margin-bottom: 22px;
  border: 3px solid #f39200;
  border-radius: 50%;
  color: #f39200;
  font-size: 0;
  line-height: 1;
}

.vallox-icon-card__mark svg {
  width: 52px;
  height: 52px;
}

.vallox-icon-card h3 {
  margin: 0;
  color: #000000;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
}

.vallox-icon-card a {
  margin-top: 18px;
  color: #0062a8;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3866667;
  text-decoration: none;
}

.vallox-icon-card a::after {
  content: " →";
}

.vallox-icon-card a:hover,
.vallox-icon-card a:focus {
  color: #0033a0;
  text-decoration: underline;
}

.vallox-key-flag {
  display: flex;
  align-items: center;
  gap: 28px;
  width: min(1088px, calc(100vw - 32px));
  margin: 0 auto;
  padding: 32px;
  background: rgba(165, 185, 196, 0.3);
}

.vallox-key-flag img {
  width: 150px;
  height: 150px;
  flex: 0 0 auto;
  border-radius: 3rem 0 3rem 0;
  object-fit: cover;
}

.vallox-key-flag h2 {
  margin: 0 0 12px;
  color: #000000;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4166667;
}

.vallox-key-flag p {
  margin: 0;
  color: #616161;
  font-size: 1.2rem;
  line-height: 1.4166667;
}

.vallox-page-hero.is-house-hero {
  display: block;
  width: min(1838px, calc(100% - 5rem));
  min-height: 292px;
  padding: 0;
  border-radius: 0;
  background: #0033a0;
  overflow: hidden;
}

.vallox-page-hero.is-house-hero .vallox-page-hero__inner {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 143px 40px 40px;
}

.vallox-page-hero.is-house-hero .vallox-page-breadcrumbs {
  margin-bottom: 24px;
}

.vallox-page-hero.is-house-hero .entry-title,
.vallox-page-hero.is-house-hero h1 {
  max-width: none;
  margin: 0 0 24px;
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
}

.vallox-page.is-house-page .vallox-page__container {
  width: 100%;
  max-width: none;
  padding: 32px 0 88px;
}

.vallox-page.is-house-page {
  background: #ffffff;
}

.vallox-page__content.is-house-page.is-editorial-page {
  position: relative;
  left: auto;
  width: min(1838px, calc(100vw - 160px));
  max-width: none;
  margin: 0 auto;
  transform: none;
}

.vallox-house-page {
  display: block;
  width: 100%;
  font-synthesis: none;
}

.vallox-house-page h2,
.vallox-house-page h3,
.vallox-house-page p,
.vallox-house-page li {
  letter-spacing: 0;
}

.vallox-house-visual {
  position: relative;
  display: grid;
  min-height: 500px;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: stretch;
  isolation: isolate;
}

.vallox-house-visual::before {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  background: rgba(165, 185, 196, 0.3);
  content: "";
  pointer-events: none;
}

.vallox-house-visual--image-right::before,
.vallox-house-visual--text-left::before {
  right: calc(50% - 80px);
  left: calc((100vw - 100%) / -2);
  border-top-right-radius: 12px;
}

.vallox-house-visual--image-left {
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
}

.vallox-house-visual--image-left::before,
.vallox-house-visual--text-right::before {
  right: calc((100vw - 100%) / -2);
  left: calc(50% - 80px);
  border-top-left-radius: 12px;
}

.vallox-house-visual--text-right {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}

.vallox-house-visual--text-right .vallox-house-visual__body {
  grid-column: 2;
}

.vallox-house-visual--text-left {
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
}

.vallox-house-visual--text-left,
.vallox-house-visual--text-right {
  min-height: 0;
}

.vallox-house-visual--detached-energy {
  min-height: 0;
}

.vallox-house-visual--detached-filters {
  min-height: 0;
}

.vallox-house-visual__body {
  position: relative;
  z-index: 1;
  padding: 80px 0 0;
}

.vallox-house-visual--image-left .vallox-house-visual__body,
.vallox-house-visual--text-right .vallox-house-visual__body {
  padding-right: 0;
  padding-left: 32px;
}

.vallox-house-visual__body h2 {
  max-width: none;
  margin: 0 0 16px;
  padding-right: 32px;
  color: #000000;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 2rem;
}

.vallox-house-visual__body p {
  max-width: none;
  margin: 0;
  padding: 0 32px 16px 0;
  color: #646463;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4166667;
}

.vallox-house-visual__body ul {
  max-width: none;
  margin: 0;
  padding: 0 32px 8px 26px;
  color: #646463;
}

.vallox-house-visual__body ol {
  max-width: none;
  margin: 0;
  padding: 0 32px 8px 32px;
  color: #646463;
}

.vallox-house-visual--image-left .vallox-house-visual__body h2,
.vallox-house-visual--text-right .vallox-house-visual__body h2 {
  padding-right: 0;
  padding-left: 32px;
}

.vallox-house-visual--image-left .vallox-house-visual__body p,
.vallox-house-visual--text-right .vallox-house-visual__body p {
  padding-right: 0;
  padding-left: 32px;
}

.vallox-house-visual__body li {
  margin: 0;
  padding-left: 0;
  color: #646463;
  font-size: 1.2rem;
  line-height: 1.4166667;
}

.vallox-house-visual__body ol li {
  font-size: 1.2rem;
  line-height: 1.4166667;
}

.vallox-house-page .vallox-source-pill {
  min-height: 41px;
  margin-top: 0;
  padding: 8px 16px;
  gap: 8px;
  font-weight: 600;
  line-height: 1.3;
}

.vallox-house-visual__body > .vallox-source-pill {
  justify-content: space-between;
  max-width: calc(100% - 32px);
  margin-top: 8px;
  color: #000000;
}

.vallox-house-visual--image-left .vallox-house-visual__body > .vallox-source-pill,
.vallox-house-visual--text-right .vallox-house-visual__body > .vallox-source-pill {
  margin-left: 32px;
}

.vallox-house-visual__body > .vallox-source-pill:hover,
.vallox-house-visual__body > .vallox-source-pill:focus {
  background: transparent;
  color: #000000;
}

.vallox-house-visual__media {
  position: relative;
  z-index: 1;
  align-self: start;
  aspect-ratio: 16 / 9;
  min-height: 0;
  margin: 80px 0 0;
  overflow: hidden;
  border-radius: 5rem 0 5rem 0;
}

.vallox-house-visual__media--tall {
  aspect-ratio: 761 / 503;
}

.vallox-house-visual__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vallox-house-spacer {
  height: 72px;
}

.vallox-house-spacer--short {
  height: 32px;
}

.vallox-house-spacer--after-info {
  height: 39px;
}

.vallox-house-spacer--detached-products {
  height: 64px;
}

.vallox-house-info-band {
  display: grid;
  min-height: 662px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  background: rgba(165, 185, 196, 0.3);
}

.vallox-house-info-band__body {
  padding: 128px 32px;
}

.vallox-house-info-band__body h2 {
  margin: 0 0 16px;
  color: #000000;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.75rem;
}

.vallox-house-info-band__body p {
  margin: 0;
  padding-bottom: 16px;
  color: #646463;
  font-size: 1.2rem;
  line-height: 1.4166667;
}

.vallox-house-products {
  width: 100%;
}

.vallox-house-products__filters {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-bottom: 0;
}

.vallox-house-products__filters .vallox-source-pill {
  min-height: 41px;
  margin-top: 0;
  padding: 8px 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}

.vallox-house-products__filters .vallox-source-pill::after {
  content: none;
}

.vallox-house-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0 -8px;
}

.vallox-house-product-card {
  display: flex;
  align-items: center;
  flex-direction: column;
  min-height: 279px;
  margin: 8px;
  padding: 16px;
  background: #f8f8f8;
  text-align: center;
}

.vallox-house-product-card.is-hidden {
  display: none;
}

.vallox-house-products.is-expanded .vallox-house-product-card.is-hidden {
  display: flex;
}

.vallox-house-product-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75%;
  height: auto;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
}

.vallox-house-product-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.vallox-house-product-card h3 {
  display: flex;
  justify-content: center;
  min-height: 24px;
  margin: 0;
  color: #000000;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
}

.vallox-house-product-card h3 a {
  display: inline-flex;
  align-items: center;
  color: #000000;
  text-decoration: none;
}

.vallox-house-product-card h3 a::after {
  display: inline-block;
  width: 12px;
  margin-left: 4px;
  font-size: 0.75rem;
  line-height: 1;
  content: "→";
}

.vallox-house-product-card__category {
  margin-top: 0;
  color: #000000;
  font-size: 0.875rem;
  font-weight: 400 !important;
  line-height: 1rem;
  text-decoration: none;
}

.vallox-house-product-card a:hover,
.vallox-house-product-card a:focus {
  color: #0033a0;
  text-decoration: none;
}

.vallox-house-products__more {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  margin: 12px auto 0;
  padding: 16px 32px;
  border: 0;
  background: #0033a0;
  color: #ffffff;
  font: 400 1.125rem / 1.5555556 var(--font-primary);
  cursor: pointer;
}

.vallox-house-products__more:hover,
.vallox-house-products__more:focus {
  background: #000000;
}

.vallox-house-products__more::after {
  content: none;
}

.vallox-house-products.is-expanded .vallox-house-products__more {
  display: none;
}

@media (min-width: 768px) {
  .vallox-page__content.is-why-page.is-editorial-page,
  .vallox-source-text-section,
  .vallox-breath-intro,
  .vallox-icon-highlights,
  .vallox-key-flag {
    width: min(1838px, calc(100vw - 7rem));
  }

  .vallox-source-text-section,
  .vallox-breath-intro,
  .vallox-icon-highlights,
  .vallox-key-flag {
    max-width: 1088px;
  }
}

@media (min-width: 1024px) {
  .vallox-page__content.is-why-page.is-editorial-page,
  .vallox-source-text-section,
  .vallox-breath-intro,
  .vallox-icon-highlights,
  .vallox-key-flag {
    width: min(1838px, calc(100vw - 10rem));
  }

  .vallox-source-text-section,
  .vallox-breath-intro,
  .vallox-icon-highlights,
  .vallox-key-flag {
    max-width: 1088px;
  }
}

@media (min-width: 1536px) {
  .vallox-page-hero.is-why-hero {
    padding-bottom: 31px;
  }

  .vallox-page-hero.is-why-hero .vallox-page-hero__inner {
    padding-right: 80px;
    padding-left: 80px;
  }

  .vallox-page-hero.is-why-hero .entry-title,
  .vallox-page-hero.is-why-hero h1 {
    font-size: 60px;
    line-height: 56px;
  }

  .vallox-source-page--why .vallox-visual-block__body h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .vallox-page__content.is-why-page.is-editorial-page,
  .vallox-source-text-section,
  .vallox-breath-intro,
  .vallox-icon-highlights,
  .vallox-key-flag {
    width: min(1838px, calc(100vw - 16rem));
  }

  .vallox-source-text-section,
  .vallox-breath-intro,
  .vallox-icon-highlights,
  .vallox-key-flag {
    max-width: 1088px;
  }
}

@media (min-width: 1280px) {
  .vallox-page__content.is-why-page.is-editorial-page {
    width: min(1838px, calc(100vw - 5rem));
  }
}

@media (min-width: 1536px) {
  .vallox-page-hero.is-breath-hero .vallox-page-hero__inner {
    margin-left: 80px;
  }

  .vallox-page-hero.is-breath-hero .entry-title,
  .vallox-page-hero.is-breath-hero h1 {
    max-width: 1200px;
    font-size: 60px;
    line-height: 56px;
  }

}

@media (min-width: 1081px) and (max-width: 1535px) {
  .vallox-source-page--why .vallox-history-band {
    width: min(1280px, 100%);
  }
}

@media (min-width: 1920px) {
  .vallox-house-visual,
  .vallox-house-visual--image-left,
  .vallox-house-visual--text-right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vallox-house-visual--text-left {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }

  .vallox-house-visual--text-right {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }

  .vallox-house-visual__body h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .vallox-house-info-band {
    min-height: 560px;
  }

  .vallox-house-info-band__body h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .vallox-house-spacer--after-info {
    height: 40px;
  }

  .vallox-house-visual--image-right::before,
  .vallox-house-visual--text-left::before {
    right: calc(50% - 284px);
    left: calc((100vw - 100%) / -2);
  }

  .vallox-house-visual--image-left::before,
  .vallox-house-visual--text-right::before {
    right: calc((100vw - 100%) / -2);
    left: calc(50% - 228px);
  }

  .vallox-source-page--why .vallox-visual-block,
  .vallox-source-page--why .vallox-history-band {
    width: 100%;
  }

  .vallox-source-page--why .vallox-visual-block--image-left::before {
    right: calc((100% - 100vw) / 2);
    left: calc(50% - 12rem);
  }

  .vallox-source-page--why .vallox-visual-block--image-right::before {
    right: calc(50% - 12.4rem);
    left: calc((100% - 100vw) / 2);
  }

  .vallox-source-page--why .vallox-visual-block__media {
    width: 50%;
    flex-basis: 50%;
  }

  .vallox-source-page--why .vallox-visual-block__body {
    width: 50%;
    flex-basis: 50%;
  }
}

@media (max-width: 1080px) {
  .vallox-page__content.is-why-page.is-editorial-page,
  .vallox-page__content.is-house-page.is-editorial-page {
    width: calc(100vw - 32px);
  }

  .vallox-page-hero.is-house-hero {
    width: 100%;
    min-height: 153px;
    margin: 0;
    border-radius: 0 0 70px 0;
  }

  .vallox-page-hero.is-house-hero .vallox-page-hero__inner {
    padding: 8px 0 0 16px;
  }

  .vallox-page-hero.is-house-hero .vallox-page-breadcrumbs {
    margin-bottom: 12px;
  }

  .vallox-page-hero.is-house-hero .entry-title,
  .vallox-page-hero.is-house-hero h1 {
    width: calc(100vw - 16px);
    max-width: none;
    margin: 0 0 32px;
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .vallox-source-page--why,
  .vallox-source-page--breath {
    gap: 48px;
  }

  .vallox-source-page--why > * + *,
  .vallox-source-page--why > .vallox-visual-block:first-child + .vallox-source-text-section,
  .vallox-source-page--why > .vallox-visual-block + .vallox-visual-block,
  .vallox-source-page--why > .vallox-visual-block + .vallox-history-band,
  .vallox-source-page--why > .vallox-history-band + .vallox-icon-highlights,
  .vallox-source-page--why > .vallox-icon-highlights + .vallox-key-flag {
    margin-top: 48px;
  }

  .vallox-visual-block,
  .vallox-visual-block--image-right,
  .vallox-history-band,
  .vallox-house-visual,
  .vallox-house-visual--image-left,
  .vallox-house-visual--text-right,
  .vallox-house-info-band {
    grid-template-columns: 1fr;
  }

  .vallox-visual-block--image-right .vallox-visual-block__body,
  .vallox-visual-block--image-right .vallox-visual-block__media,
  .vallox-house-visual--image-left .vallox-house-visual__body {
    order: initial;
  }

  .vallox-visual-block__media,
  .vallox-history-band__media {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  .vallox-visual-block__body,
  .vallox-visual-block--image-right .vallox-visual-block__body,
  .vallox-history-band__body {
    min-height: auto;
    margin: 0;
    padding: 34px 26px;
  }

  .vallox-house-visual {
    min-height: auto;
  }

  .vallox-house-visual::before {
    right: 0;
    left: 0;
    border-radius: 12px 0 0;
  }

  .vallox-house-visual--text-right .vallox-house-visual__body {
    grid-column: auto;
  }

  .vallox-house-visual__body,
  .vallox-house-visual--image-left .vallox-house-visual__body,
  .vallox-house-visual--text-right .vallox-house-visual__body {
    order: 1;
    min-height: auto;
    margin: 0;
    padding: 16px 0 0;
  }

  .vallox-house-visual--image-left .vallox-house-visual__body,
  .vallox-house-visual--text-right .vallox-house-visual__body {
    padding-left: 32px;
  }

  .vallox-house-visual__body h2,
  .vallox-house-visual--image-left .vallox-house-visual__body h2,
  .vallox-house-visual--text-right .vallox-house-visual__body h2 {
    margin: 0 0 16px;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem;
  }

  .vallox-house-visual__body p,
  .vallox-house-visual--image-left .vallox-house-visual__body p,
  .vallox-house-visual--text-right .vallox-house-visual__body p,
  .vallox-house-visual__body li {
    padding: 0 0 8px;
    font-size: 1rem;
    line-height: 1.3;
  }

  .vallox-house-visual__body ul,
  .vallox-house-visual__body ol {
    padding: 0 0 8px 26px;
  }

  .vallox-house-visual__body > .vallox-source-pill,
  .vallox-house-visual--image-left .vallox-house-visual__body > .vallox-source-pill,
  .vallox-house-visual--text-right .vallox-house-visual__body > .vallox-source-pill {
    max-width: 100%;
    margin-top: 0;
    margin-left: 0;
  }

  .vallox-house-visual__media,
  .vallox-house-visual__media--tall {
    order: 2;
    min-height: 0;
    margin: 32px 0 0;
    aspect-ratio: 16 / 9;
  }

  .vallox-house-visual--image-left .vallox-house-visual__media {
    margin-left: -32px;
  }

  .vallox-house-spacer,
  .vallox-house-spacer--short,
  .vallox-house-spacer--detached-products {
    height: 72px;
  }

  .vallox-house-spacer--after-info {
    height: 40px;
  }

  .vallox-house-info-band {
    min-height: auto;
  }

  .vallox-house-info-band__empty {
    display: none;
  }

  .vallox-house-info-band__body {
    min-height: auto;
    margin: 0;
    padding: 16px;
  }

  .vallox-house-info-band__body h2 {
    margin: 0 0 16px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
  }

  .vallox-house-info-band__body p {
    padding-bottom: 8px;
    font-size: 1rem;
    line-height: 1.3;
  }

  .vallox-house-info-band__body > .vallox-source-pill {
    max-width: 100%;
    margin-top: 24px;
  }

  .vallox-house-products__filters {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .vallox-house-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vallox-icon-highlights__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1279px) {
  #mobileMenuTrigger a[rel="home"] svg {
    width: 144px;
    height: 52px;
  }
}

@media (max-width: 640px) {
  .vallox-house-product-grid {
    grid-template-columns: 1fr;
  }

  .vallox-house-product-card {
    min-height: auto;
  }
}

@media (max-width: 960px) {
  .vallox-editorial {
    gap: 46px;
  }

  .vallox-editorial-card-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .vallox-page-hero.is-why-hero {
    width: calc(100% - 32px);
  }

  .vallox-page-hero.is-why-hero .vallox-page-hero__inner {
    padding: 0 24px;
  }

  .vallox-page-hero.is-why-hero .entry-title,
  .vallox-page-hero.is-why-hero h1 {
    font-size: 2.375rem;
    line-height: 2.5rem;
  }

  .HeroTall__cta {
    padding: 14px 24px;
    font-size: 1rem;
  }

  .ThreeHighlightedLinkCards .element > a > div {
    min-height: 190px;
  }

  .vallox-editorial-badge {
    align-items: flex-start;
    flex-direction: column;
    padding: 26px 22px;
  }

  .vallox-key-flag {
    align-items: flex-start;
    flex-direction: column;
    padding: 26px 22px;
  }
}

/* Keep the Why page on the same full-bleed source canvas as Breath. */
.vallox-page__content.is-why-page.is-editorial-page {
  width: 100vw;
}

@media (min-width: 641px) {
  .vallox-page-hero.is-why-hero .vallox-page-hero__inner {
    width: min(1280px, calc(100% - 40px));
    margin-right: 0;
    margin-left: 40px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1536px) {
  .vallox-page-hero.is-why-hero .vallox-page-hero__inner {
    margin-left: 80px;
  }
}

@media (min-width: 1280px) {
  .vallox-page-hero.is-source-hero {
    position: relative;
    z-index: 0;
    width: min(1838px, calc(100% - 5rem));
    min-height: 292px;
    height: 292px;
    margin-top: -96px;
    padding: 0;
    overflow: hidden;
    border-radius: 100px 0 70px;
    background: #0033a0;
  }

  .vallox-page-hero.is-source-hero .vallox-page-hero__inner {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 144px 40px 0;
  }

  .vallox-page-hero.is-source-hero .vallox-page-breadcrumbs {
    margin-bottom: 16px;
  }

  .vallox-page-hero.is-source-hero .entry-title,
  .vallox-page-hero.is-source-hero h1 {
    width: auto;
    max-width: none;
    margin: 0;
    font-size: 48px;
    line-height: 48px;
  }
}

@media (min-width: 1536px) {
  .vallox-page-hero.is-source-hero .vallox-page-hero__inner {
    padding: 139px 80px 0;
  }

  .vallox-page-hero.is-source-hero.is-why-hero .vallox-page-hero__inner {
    width: calc(100% - 160px);
    margin-left: 80px;
    padding-right: 0;
    padding-left: 0;
  }

  .vallox-page-hero.is-source-hero .entry-title,
  .vallox-page-hero.is-source-hero h1 {
    font-size: 60px;
    line-height: 56px;
  }
}

/* Source FAQ accordion contract: mirrors Vallox AccordionContent geometry. */
.is-faq-source-page.article-content {
  width: 1280px;
  max-width: calc(100% - 160px);
  margin-right: auto;
  margin-left: auto;
  padding: 0 0 80px;
  background: #ffffff;
}

.vallox-source-page--faq {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 0;
}

.vallox-source-page--faq .AccordionContent {
  width: 1120px;
  max-width: calc(100% - 160px);
  margin: 32px 80px 32px;
}

.vallox-source-page--faq .AccordionContent > .vallox-faq-list {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
}

.vallox-source-page--faq .vallox-faq-list details {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
  margin: 0 0 16px;
  padding: 32px;
  border: 1px solid #b0b0a9;
  border-radius: 12px;
  background: transparent;
  scroll-margin-top: 128px;
}

.vallox-source-page--faq .vallox-faq-list details:last-child {
  margin-bottom: 0;
}

.vallox-source-page--faq .vallox-faq-list summary {
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-height: 0;
  padding: 0;
  color: #000000;
  cursor: pointer;
  gap: 0;
  grid-template-columns: none;
  list-style: none;
}

.vallox-source-page--faq .vallox-faq-list summary::-webkit-details-marker {
  display: none;
}

.vallox-source-page--faq .vallox-faq-list summary::after {
  display: flex;
  flex: 0 0 24px;
  width: 24px;
  height: 32px;
  margin-left: 16px;
  border: 0;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  content: "";
  transform: none;
  transition: transform 160ms ease;
}

.vallox-source-page--faq .vallox-faq-list details[open] summary::after {
  transform: rotate(180deg);
}

.vallox-source-page--faq .vallox-faq-list summary span {
  flex: 1 1 auto;
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.vallox-source-page--faq .vallox-faq-list__copy {
  display: block;
  flex: 0 0 auto;
  min-height: 0;
  margin: 0;
  padding: 8px 16px;
  border: 0;
  border-radius: 9999px;
  background: #e6ecef;
  color: #0033a0;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease;
}

.vallox-source-page--faq .vallox-faq-list__copy:hover,
.vallox-source-page--faq .vallox-faq-list__copy:focus {
  background: #0033a0;
  color: #ffffff;
}

.vallox-source-page--faq .vallox-faq-list__answer {
  width: 100%;
  max-width: none;
  padding: 16px 0 0;
}

.vallox-source-page--faq .vallox-faq-list__answer p {
  margin: 0 0 16px;
  color: #646463;
  font-size: 19.2px;
  line-height: 27.2px;
}

.vallox-source-page--faq .vallox-faq-list__answer p:last-child {
  margin-bottom: 0;
}

.vallox-source-page--faq .vallox-faq-list__answer a {
  color: #0033a0;
  font-weight: 700;
  text-decoration: none;
}

.vallox-source-page--faq .vallox-faq-list__answer a:hover {
  color: #000000;
}

@media (max-width: 1279px) {
  .is-faq-source-page.article-content {
    width: auto;
    max-width: calc(100% - 32px);
  }

  .vallox-source-page--faq .AccordionContent {
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .vallox-source-page--faq .AccordionContent {
    margin-top: 24px;
  }

  .vallox-source-page--faq .vallox-faq-list details {
    padding: 20px;
  }

  .vallox-source-page--faq .vallox-faq-list summary {
    flex-wrap: wrap;
    row-gap: 14px;
  }

  .vallox-source-page--faq .vallox-faq-list summary span {
    flex-basis: calc(100% - 40px);
    font-size: 18px;
    line-height: 24px;
  }

  .vallox-source-page--faq .vallox-faq-list__copy {
    order: 3;
  }
}