.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #000;
  font-family: Ubuntu custom, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Stixtwomath custom, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

h2 {
  color: #161723;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  color: #161723;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

p {
  color: #161723;
  margin-bottom: 0;
}

a {
  color: #fff;
}

ul, ol {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

li {
  color: #161723;
  margin-bottom: .25rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  color: #161723;
  border-left: .25rem solid #161723;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.utility-page_component {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility-page_wrapper {
  max-width: 20rem;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.utility-page_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.utility-page_image {
  margin-left: auto;
  margin-right: auto;
}

.global-styles {
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.margin-custom2 {
  margin: 2.5rem;
}

.padding-xlarge {
  padding: 4rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xsmall {
  margin: .5rem;
}

.padding-xhuge {
  padding: 8rem;
}

.margin-custom1 {
  margin: 1.5rem;
}

.padding-0 {
  padding: 0;
}

.padding-xxhuge {
  padding: 12rem;
}

.padding-huge {
  padding: 6rem;
}

.margin-large {
  margin: 3rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.margin-xxsmall {
  margin: .25rem;
}

.padding-custom3 {
  padding: 3.5rem;
}

.padding-large {
  padding: 3rem;
}

.margin-tiny {
  margin: .125rem;
}

.padding-small {
  padding: 1rem;
}

.padding-custom2 {
  padding: 2.5rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.padding-custom1 {
  padding: 1.5rem;
}

.margin-huge {
  margin: 6rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-xsmall {
  padding: .5rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.padding-xxsmall {
  padding: .25rem;
}

.margin-xhuge {
  margin: 8rem;
}

.padding-tiny {
  padding: .125rem;
}

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.margin-0 {
  margin: 0;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.form_checkbox-icon {
  width: .875rem;
  height: .875rem;
  border-radius: .125rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  width: .875rem;
  height: .875rem;
  background-size: 90%;
  border-radius: .125rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  border-radius: .125rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.fs-styleguide_background {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, .1);
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, rgba(0, 115, 230, .1), rgba(255, 255, 255, 0));
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-content: start;
  align-items: start;
  justify-items: stretch;
  display: grid;
  position: relative;
}

.icon-1x1-small {
  width: 1rem;
  height: 1rem;
  color: #fff;
  flex: none;
}

.overflow-auto {
  overflow: auto;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
  color: #fff;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.text-weight-semibold {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.text-style-strikethrough {
  font-family: Montserrat, sans-serif;
  text-decoration: line-through;
}

.styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-content: start;
  align-items: start;
  justify-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.styleguide_item.is-stretch {
  justify-items: stretch;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.styleguide_item-header {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding-bottom: 2rem;
}

.fs-styleguide_heading-large {
  font-size: 6rem;
}

.background-color-black {
  color: #f5f5f5;
  border: 1px solid #fff;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.text-color-black {
  color: #000;
}

.text-color-grey {
  color: gray;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.text-color-grey.text-style-allcaps {
  font-family: Hanken Grotesk, sans-serif;
}

.text-color-grey.text-size-small.text-weight-light {
  font-family: Hanken Grotesk, sans-serif;
  transition: all .3s;
}

.text-color-grey.text-size-small.text-weight-light:hover {
  color: #fff;
}

.styleguide_2-col {
  width: 100%;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.styleguide_2-col.is-align-start {
  align-items: start;
}

.form_message-success {
  padding: 1.25rem;
}

.styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-style-h3 {
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.text-rich-text {
  color: #161723;
  font-family: Hanken Grotesk, sans-serif;
}

.text-rich-text h1, .text-rich-text h2 {
  color: #161723;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-family: Hanken Grotesk, sans-serif;
}

.text-rich-text h3, .text-rich-text h4 {
  color: #161723;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  color: #161723;
  margin-bottom: 1rem;
}

.text-rich-text ul, .text-rich-text ol {
  margin-bottom: 1.5rem;
}

.text-rich-text a {
  color: #161723;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.icon-height-small {
  height: 1rem;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
  color: #fff;
}

.heading-style-h1 {
  font-family: Montserrat, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.text-weight-normal {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.padding-section-small.color-bg {
  background-image: linear-gradient(1deg, #289bd3, #262261 63%, rgba(0, 0, 0, 0));
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.text-color-white {
  color: #fff;
  text-decoration: none;
}

.text-color-white.slide-in-left_2, .text-color-white.fade-in {
  font-family: Hanken Grotesk, sans-serif;
}

.text-style-italic {
  font-family: Montserrat, sans-serif;
  font-style: italic;
}

.text-weight-medium {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.text-weight-medium.text-color-dark-blue {
  color: #161723;
}

.overflow-hidden {
  overflow: hidden;
}

.styleguide_section-header {
  width: 100%;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.text-size-tiny {
  font-family: Montserrat, sans-serif;
  font-size: .75rem;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.styleguide_1-col {
  width: 100%;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.overflow-visible {
  overflow: visible;
}

.styleguide_empty-box {
  z-index: -1;
  height: 3rem;
  min-width: 3rem;
  background-color: rgba(198, 198, 199, .21);
  border: 1px dashed #161723;
  position: relative;
}

.text-weight-light {
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.styleguide_heading-medium {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 4rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.fs-styleguide_4-col {
  width: 100%;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-size-regular {
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
}

.text-weight-xbold {
  font-family: Montserrat, sans-serif;
  font-weight: 800;
}

.text-align-right {
  text-align: right;
}

.text-weight-bold {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.styleguide_item-wrapper {
  width: 100%;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.styleguide_component {
  margin-left: 18.75rem;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.fs-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: start;
  display: grid;
}

.background-color-white {
  background-color: #fff;
}

.text-style-muted {
  opacity: .6;
  font-family: Montserrat, sans-serif;
}

.text-size-small {
  font-family: Montserrat, sans-serif;
  font-size: .875rem;
}

.heading-style-h4 {
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.form_label {
  color: #fff;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  width: .875rem;
  height: .875rem;
  border-width: .25rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.text-style-nowrap {
  white-space: nowrap;
  font-family: Montserrat, sans-serif;
}

.text-align-left {
  text-align: left;
  font-family: Montserrat, sans-serif;
}

.background-color-grey {
  background-color: #c6c6c7;
}

.form_input {
  min-height: 3rem;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
}

.heading-style-h6 {
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.styleguide_3-col {
  width: 100%;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.styleguide_3-col.is-align-start {
  align-items: start;
}

.text-style-link {
  color: #fff;
  font-family: Montserrat, sans-serif;
  text-decoration: underline;
}

.text-size-large {
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
}

.fs-styleguide_header {
  background-color: rgba(0, 0, 0, .05);
}

.heading-style-h2 {
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.page-wrapper.background-color-dark-blue {
  background-color: #161723;
}

.styleguide_label {
  color: #fff;
  background-color: #36364b;
  border-radius: 5px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
}

.styleguide_label.is-tag {
  background-color: #c6c6c7;
}

.styleguide_label.is-hex {
  color: #000;
  background-color: #f5f5f5;
}

.fs-styleguide_version {
  z-index: 5;
  color: #000;
  font-weight: 500;
  text-decoration: none;
}

.heading-style-h5 {
  font-family: Montserrat, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.icon-height-medium {
  height: 2rem;
}

.text-style-allcaps {
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
}

.overflow-scroll {
  overflow: scroll;
}

.form_message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.icon-height-large {
  height: 3rem;
}

.text-align-center {
  text-align: center;
}

.form_component {
  margin-bottom: 0;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-family: Montserrat, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.button {
  color: #fff;
  text-align: center;
  background-color: #161723;
  border-radius: 14rem;
  align-items: center;
  padding: .6rem 2.3rem;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 400;
  line-height: 1.25;
  transition: all .35s cubic-bezier(.755, .05, .855, .06);
  display: flex;
}

.button:hover {
  color: #161723;
  background-color: #c6c6c7;
  transform: translate(0, -.15rem);
}

.button.is-text {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid rgba(0, 0, 0, 0);
}

.button.is-small {
  padding: .5rem 1.25rem;
}

.button.is-large {
  padding: 1rem 2rem;
}

.button.is-secondary {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #000;
  border-bottom-width: .125rem;
}

.button.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button._401, .button.submit {
  justify-content: center;
}

.text-style-2lines {
  font-family: Montserrat, sans-serif;
}

.styleguide_classes {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-size-medium {
  font-family: Montserrat, sans-serif;
  font-size: 1.25rem;
}

.text-size-medium.text-color-white {
  font-family: Montserrat, sans-serif;
}

.styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: start;
  display: grid;
}

.styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-style-3lines {
  font-family: Montserrat, sans-serif;
}

.hide {
  display: none;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.container-medium {
  width: 100%;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}

.container-medium.z-index-2 {
  color: #161723;
}

.form_radio {
  color: #fff;
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.home-message_content-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: start;
  display: grid;
}

.home-message_component {
  min-height: 100vh;
  color: #fff;
  padding: 3rem;
  display: flex;
}

.home-message_list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.home-message_content {
  width: 100%;
  color: #000;
  background-color: rgba(0, 0, 0, .05);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  display: flex;
}

.home-message_heading-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.home-message_item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.home-message_item-icon {
  width: 1.75rem;
  height: 1.75rem;
  color: #000;
  background-color: #fff;
  flex: none;
}

.home-message_logo {
  width: 4rem;
}

.styleguide_spacing-all {
  display: none;
}

.styleguide_color.is-1 {
  color: #161723;
  background-color: #161723;
}

.styleguide_color.is-2 {
  background-color: #c6c6c7;
}

.styleguide_color.is-3 {
  background-color: #fff;
}

.form_input-2 {
  height: 3.25rem;
  color: #0b0b1f;
  background-color: #fff;
  border: .125rem solid #e9f0f1;
  margin-bottom: 0;
  padding: .5rem 1.5rem;
  font-size: 1rem;
  transition: background-color .25s, border-color .25s;
}

.form_input-2:focus {
  border-color: #dae5e7;
}

.form_input-2::-ms-input-placeholder {
  color: rgba(11, 11, 31, .5);
}

.form_input-2::placeholder {
  color: rgba(11, 11, 31, .5);
}

.padding-bottom-2 {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.max-width-xxsmall-2 {
  max-width: 24rem;
}

.layout2_image {
  object-fit: cover;
}

.form_success-message {
  text-align: left;
  background-color: #e9f0f1;
  padding: .5rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
}

.button-2 {
  color: #fff;
  background-color: #302dd7;
  flex: none;
  padding: .75rem 2rem;
  font-weight: 600;
  transition: background-color .25s;
}

.button-2:hover {
  color: #fff;
  background-color: #211fb9;
}

.form_error-message {
  color: #e72f3c;
  background-color: rgba(231, 47, 60, .1);
  border-left: .125rem solid #e72f3c;
  margin-top: .5rem;
  padding: .5rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
}

.layout2_form {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.padding-section-large-2 {
  padding: 3rem 0;
}

.layout2_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  align-items: center;
}

.layout2_form-wrapper {
  margin-bottom: 0;
}

.text-size-medium-2 {
  font-size: 1.25rem;
}

.text-size-medium-2.text-color-grey {
  color: #c6c6c7;
  font-family: Hanken Grotesk, sans-serif;
}

.master_component {
  height: 80vh;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-image: url('../images/berb-webflow-template-hero.jpg');
  background-position: 30% 37%;
  background-size: auto;
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
}

.master_component.padding-global {
  z-index: 2;
  height: 100vh;
  display: flex;
  position: relative;
}

.heading, .heading-2 {
  font-family: Stixtwomath custom, sans-serif;
}

.heading-3, .heading-4 {
  color: #fff;
  font-family: Montserrat, sans-serif;
}

.text-block {
  font-family: Stixtwomath custom, sans-serif;
}

.brand-logo {
  width: 140px;
}

.brand-logo.text-color-white {
  font-family: Hanken Grotesk, sans-serif;
  font-size: 1.4rem;
}

.navbar-wrapper {
  grid-column-gap: 2rem;
  justify-content: space-around;
  align-items: center;
  display: block;
}

.nav-menu {
  background-color: #fff;
  border-radius: 50rem;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  font-family: Stixtwomath custom, sans-serif;
  display: flex;
}

.berb-nav-link {
  color: #161723;
  padding: .45rem 1.875rem;
  font-family: Hanken Grotesk, sans-serif;
  transition: all .35s cubic-bezier(.755, .05, .855, .06);
}

.berb-nav-link:hover {
  color: #fff;
  background-color: #161723;
  border-radius: 100rem;
}

.berb-nav-link.w--current {
  color: #32344a;
}

.berb-nav-link.w--current:hover {
  color: #c6c6c7;
}

.berb-navbar {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 2.5rem;
  position: fixed;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-menu-wrapper {
  width: 100%;
  grid-column-gap: 2rem;
  background-color: #fff;
  border-radius: 50rem;
  justify-content: space-around;
  align-items: center;
  padding-left: 1rem;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.section-home-hero {
  z-index: 2;
  justify-content: space-around;
  margin-left: 1rem;
  margin-right: 1rem;
  display: block;
  position: static;
}

.padding-global-small {
  padding-left: 1rem;
  padding-right: 1rem;
}

.padding-navbar {
  padding-left: 3rem;
  padding-right: 3rem;
}

.berb-home-hero_component {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}

.hero-button-wrapper {
  grid-column-gap: 2rem;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.learn-more-text-button {
  font-family: Stixtwomath custom, sans-serif;
  text-decoration: none;
}

.link-block {
  text-decoration: none;
}

.lern-more-text {
  color: #fff;
  font-family: Hanken Grotesk, sans-serif;
}

.learn-more-link-block {
  grid-column-gap: .75rem;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.learn-more-icon {
  width: .8rem;
  height: auto;
  color: #fff;
  flex: none;
}

.section-home-about.position-relativ {
  position: relative;
}

.about_component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-numbers-wrapper {
  z-index: 1;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.heading-style-h2---berb {
  font-family: Hanken Grotesk, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-style-h2---berb.text-color-white {
  font-family: Hanken Grotesk, sans-serif;
}

.heading-style-h2---berb.text-color-white.slide-in-left.transform {
  flex-direction: row;
  flex: none;
  margin-left: auto;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 21%;
  left: -19%;
  right: auto;
  transform: rotate(90deg);
}

.heading-style-h2---berb.slide-in-left.text-color-black {
  font-family: Hanken Grotesk, sans-serif;
}

.heading-style-h2---berb.slide-in-left.text-color-dark-blue {
  color: #161723;
  font-family: Hanken Grotesk, sans-serif;
}

.heading-style-h2---berb.fade-in-2.text-color-dark-blue {
  font-family: Hanken Grotesk, sans-serif;
}

.heading-style-h2---berb.transform {
  position: absolute;
  top: 51%;
  bottom: 0%;
  left: -7%;
  right: auto;
  transform: rotate(-90deg);
}

.heading-style-h2---berb.text-color-dark-blue {
  color: #161723;
}

.circle-image.position-absolut {
  z-index: 10;
  display: block;
  position: absolute;
  top: -273%;
  bottom: auto;
  left: 655px;
  right: 0%;
}

.hero-headline {
  font-size: 3.1rem;
}

.hero-headline.text-color-white.mobile {
  font-family: Hanken Grotesk, sans-serif;
}

.section-home-sanitary-heating-solar.position-relativ {
  position: relative;
}

.section-home-sanitary-heating-solar.z-index-middle {
  z-index: 10;
  position: relative;
}

.sanitary-heating-solar_component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sanitary-heating-solar-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.button-secondary {
  color: #161723;
  text-align: center;
  background-color: #fff;
  border-radius: 14rem;
  align-items: center;
  padding: .6rem 2.3rem;
  font-family: Hanken Grotesk, sans-serif;
  font-weight: 400;
  line-height: 1.25;
  transition: all .35s ease-in-out;
  display: flex;
}

.button-secondary:hover {
  background-color: #c6c6c7;
  transform: translate(0, -.15rem);
}

.button-secondary.is-text {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid rgba(0, 0, 0, 0);
}

.button-secondary.is-small {
  padding: .5rem 1.25rem;
}

.button-secondary.is-large {
  padding: 1rem 2rem;
}

.button-secondary.is-secondary {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #000;
  border-bottom-width: .125rem;
}

.button-secondary.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.max-width-medium-xl {
  width: 100%;
  max-width: 33.9rem;
}

.section-sanitary-heating-solar-copy.position-relativ, .section-home-services.position-relativ {
  position: relative;
}

.our-services_component {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.our-services-wrapper {
  min-height: 300px;
  min-width: 300px;
  border-radius: 1em;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.sanitary-image {
  width: 500px;
  object-fit: cover;
}

.our-service-home-content {
  flex-direction: column;
  justify-content: space-around;
  display: flex;
}

.our-services-link-wrapper {
  grid-column-gap: .5rem;
  align-items: center;
  display: flex;
}

.learn-more-link {
  color: #fff;
  font-family: Hanken Grotesk, sans-serif;
  text-decoration: underline;
}

.learn-more-link.text-color-dark-blue {
  color: #161723;
}

.image {
  width: .8rem;
}

.our-services-divider {
  height: .09rem;
  background-color: #c6c6c7;
}

.heading-style-our-services {
  font-family: Ubuntu custom, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.heading-style-our-services.text-color-white {
  font-family: Hanken Grotesk, sans-serif;
}

.section-home-references {
  background-color: #fff;
  border-radius: 2rem 2rem 0 0;
  margin-left: 1rem;
  margin-right: 1rem;
  overflow: hidden;
}

.berb-home-references_component {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.home-references_component {
  height: 80vh;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-image: url('../images/berb-webflow-template-hero.jpg');
  background-position: 30% 37%;
  background-size: auto;
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
}

.home-references_component.padding-global {
  z-index: 2;
  width: 100%;
  height: auto;
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  background-image: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  position: relative;
}

.home-hero_component {
  height: 80vh;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-image: url('../images/berb-webflow-template-hero.jpg');
  background-position: 30% 37%;
  background-size: auto;
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
}

.home-hero_component.padding-global {
  z-index: 52;
  height: 100vh;
  max-width: none;
  background-image: linear-gradient(172deg, rgba(0, 34, 64, .61) 17%, rgba(255, 255, 255, 0) 72%), url('../images/panolar-tm-light.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  display: flex;
  position: relative;
}

.home-references-content-left {
  width: 100%;
}

.home-references-images {
  width: 100%;
  border-radius: 2rem;
}

.home-references-content-right {
  margin-top: -4.225rem;
}

.home-references-link-wrapper {
  grid-column-gap: .5rem;
  align-items: center;
  display: flex;
}

.section-home-cta-help {
  background-image: linear-gradient(282deg, rgba(0, 0, 0, 0) 40%, #fff), url('../images/electric-g6d406d83f_1920.jpg');
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  border-radius: 2rem;
  margin-top: -1.9rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.home-cta-help_component {
  height: 80vh;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-image: url('../images/berb-webflow-template-hero.jpg');
  background-position: 30% 37%;
  background-size: auto;
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
}

.home-cta-help_component.padding-global {
  z-index: 2;
  width: 100%;
  height: auto;
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  background-image: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.home-cta-help-wrapper {
  width: 50%;
}

.section-home-team.position-relativ {
  position: relative;
}

.our-team_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #c6c6c7;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  overflow: hidden;
}

.team-image-wrapper {
  width: 14.9rem;
  height: 13.3rem;
  object-fit: fill;
  border-radius: 2rem 2rem 0 0;
  margin-top: 2rem;
  margin-right: 15.7rem;
  display: none;
  overflow: hidden;
}

.image-2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-home-testimonials {
  z-index: 10;
  background-color: #fff;
  border-radius: 2rem;
  margin-left: 1rem;
  margin-right: 1rem;
  position: relative;
  overflow: hidden;
}

.home-testimonials-content-left {
  width: 100%;
}

.testimonial-card-wrapper {
  background-color: #f7f7f7;
  border-radius: 2rem;
  padding: 2.9rem;
}

.customer-testimonial-wrapper {
  grid-column-gap: 1rem;
  display: flex;
}

.testimonial-name-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.testimonial-image-wrapper {
  width: 5rem;
  height: 5rem;
  border: .2rem solid #c6c6c7;
  border-radius: 100rem;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.section-home-cta-call-us.position-relativ {
  position: relative;
}

.cta-call-us_component {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: relative;
}

.circle-image-call-us.position-absolut {
  z-index: -1;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.contact-infos-wrapper {
  grid-column-gap: 2rem;
  flex-direction: row;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.infos-on-top-wrapper {
  grid-column-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.html-embed {
  height: .8rem;
  color: gray;
  margin-top: -.425rem;
  transition: all .3s;
}

.html-embed:hover {
  color: #fff;
}

.html-embed.mail {
  height: .7rem;
  margin-top: -.7rem;
}

.padding-hero-section-small {
  padding-bottom: 3rem;
}

.berb_footer {
  border-radius: 2rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.berb-footer_component {
  height: 80vh;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-image: url('../images/berb-webflow-template-hero.jpg');
  background-position: 30% 37%;
  background-size: auto;
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
}

.berb-footer_component.padding-global {
  z-index: 2;
  width: 100%;
  height: auto;
  grid-column-gap: 1.25rem;
  grid-row-gap: 4rem;
  background-image: none;
  grid-template-rows: auto;
  grid-template-columns: 7.25fr 1.5fr 1.5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  position: relative;
}

.berb-footer-top {
  width: 100%;
  border-bottom: 1px solid #289bd3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.berb-footer-content-left {
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.text-color-dark-grey {
  color: #4d4d4d;
}

.text-color-dark-grey.text-size-tiny {
  color: #289bd3;
}

.berb-footer-link {
  color: #c6c6c7;
  text-decoration: none;
}

.berb-footer-link.w--current {
  color: #7bc7ad;
}

.berb-footer-link.text-size-tiny {
  color: #289bd3;
}

.berb-footer-content-middle {
  width: 100%;
  flex-direction: column;
  justify-content: space-around;
  display: flex;
}

.berb-footer-content-right {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.berb-footer-divider {
  border-top: 1px solid #7bc7ad;
}

.footer-logo {
  color: #161723;
  text-decoration: none;
}

.berb_footer-bottom {
  border: 2px solid #7bc7ad;
  border-radius: 0 0 2rem 2rem;
  align-items: flex-end;
  margin-top: -3.1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 2rem;
  padding-bottom: .8rem;
  display: flex;
}

.berb-footer-bottom_component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: .5rem;
  display: grid;
}

.berb-footer-bottom-wrapper-right {
  grid-column-gap: 1rem;
  display: block;
}

.social-icon {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #fff;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  transition: transform .3s cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

.social-icon:hover {
  transform: scale(1.12);
}

.social-icon-embed {
  width: 1.2rem;
  height: 1.2rem;
  color: #161723;
}

.social-icon-embed.youtube {
  width: auto;
  height: 1rem;
}

.social-icon-embed.twitter {
  width: 1.2rem;
}

.footer-social-media-icons-wrapper {
  grid-column-gap: 1rem;
  display: flex;
}

.berb-footer-wrapper {
  z-index: 2;
  position: relative;
}

.clip {
  overflow: hidden;
}

.padding-section-large-3rem {
  padding: 3rem 0;
}

.numers-plus {
  padding-left: .375rem;
  font-size: 1.3rem;
}

.fade-in-3, .fade-in-3.text-color-dark-grey {
  font-family: Hanken Grotesk, sans-serif;
}

.section-sanitary-hero {
  justify-content: space-around;
  margin-left: 1rem;
  margin-right: 1rem;
  display: block;
}

.berb-sanitary-hero_component-wrapper {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}

.sanitary-hero_component {
  height: 80vh;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-image: url('../images/berb-webflow-template-hero.jpg');
  background-position: 30% 37%;
  background-size: auto;
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
}

.sanitary-hero_component.padding-global {
  z-index: 2;
  height: 30vh;
  max-width: none;
  background-image: linear-gradient(205deg, rgba(0, 34, 64, .61) 25%, rgba(255, 255, 255, 0) 55%), url('../images/panolar-tm.png');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  justify-content: center;
  display: flex;
  position: relative;
}

.section-rounded.position-relativ {
  position: relative;
}

.section-rounded.z-index-1 {
  z-index: 51;
  background-color: #fff;
  border-top-left-radius: 3rem;
  border-top-right-radius: 3rem;
  margin-top: -9.2rem;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 4.2rem;
  overflow: hidden;
}

.section-rounded.z-index-1.none {
  background-color: #13133d;
}

.sanitary-component {
  grid-column-gap: 1rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.sanitary-link-wrapper {
  grid-column-gap: .5rem;
  align-items: center;
  display: flex;
}

.sanitary-circle-image.position-absolut {
  z-index: auto;
  display: block;
  position: absolute;
  top: -775px;
  bottom: 0%;
  left: 31%;
  right: 0%;
}

.sanitary-image-wrapper {
  border-radius: 2rem;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0;
  position: relative;
}

.saniatary-headline-wrapper {
  padding-left: 0;
}

.sanitary-paragraph-wrapper {
  color: #161723;
  padding-left: .8rem;
  padding-right: .8rem;
}

.section-sanitary-checkpoints.position-relativ {
  position: relative;
}

.section-sanitary-checkpoints.z-index-1 {
  z-index: 51;
  background-color: #161723;
  border-top-left-radius: 3rem;
  border-top-right-radius: 3rem;
  margin-top: 0;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 4.2rem;
  overflow: hidden;
}

.sanitary-checkponts_component {
  grid-column-gap: 1rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.checkpoint-wrapper {
  grid-column-gap: 1.5rem;
  border-top: .05rem solid #c6c6c7;
  flex-direction: row;
  align-items: center;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  display: flex;
}

.checkpoin-circle {
  width: .7rem;
  height: .7rem;
  color: #fff;
  background-color: #fff;
  border-radius: 100rem;
}

.section-sanitary-cta-help {
  z-index: 20;
  background-image: linear-gradient(282deg, rgba(0, 0, 0, 0) 40%, #fff), url('../images/robert-linder-BJILnzj53_M-unsplash.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-radius: 2rem;
  margin-top: 1.9rem;
  margin-left: 1rem;
  margin-right: 1rem;
  position: relative;
}

.circle-image-call-us-sanitary.position-absolut {
  z-index: -1;
  display: block;
  position: absolute;
  top: auto;
  bottom: -47%;
  left: 0%;
  right: 0%;
}

.heating-hero_component {
  height: 80vh;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-image: url('../images/berb-webflow-template-hero.jpg');
  background-position: 30% 37%;
  background-size: auto;
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
}

.heating-hero_component.padding-global {
  z-index: 2;
  height: 70vh;
  max-width: none;
  background-image: linear-gradient(98deg, rgba(0, 34, 64, .61) 25%, rgba(255, 255, 255, 0) 55%), url('../images/berb-heating-hero.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  justify-content: center;
  display: flex;
  position: relative;
}

.services-circle-image.position-absolut {
  z-index: auto;
  display: block;
  position: absolute;
  top: -923px;
  bottom: 0%;
  left: 31%;
  right: 0%;
}

.services-circle-image.position-absolut.references {
  top: -1032px;
}

.heating-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 66% 50%;
  padding-right: 0;
}

.solar-hero_component {
  height: 80vh;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-image: url('../images/berb-webflow-template-hero.jpg');
  background-position: 30% 37%;
  background-size: auto;
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
}

.solar-hero_component.padding-global {
  z-index: 2;
  height: 40vh;
  max-width: none;
  background-image: linear-gradient(98deg, rgba(0, 34, 64, .61) 25%, rgba(255, 255, 255, 0) 55%), url('../images/panolar-tm.png');
  background-position: 0 0, 50% 83%;
  background-size: auto, cover;
  justify-content: center;
  display: flex;
  position: relative;
}

.contact-hero_component {
  height: 80vh;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-image: url('../images/berb-webflow-template-hero.jpg');
  background-position: 30% 37%;
  background-size: auto;
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
}

.contact-hero_component.padding-global {
  z-index: 1;
  height: 100vh;
  max-width: none;
  background-image: linear-gradient(98deg, rgba(0, 34, 64, .61) 25%, rgba(255, 255, 255, 0) 55%), url('../images/panolar-tm.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  display: flex;
  position: relative;
}

.contact_component {
  grid-column-gap: 1rem;
  grid-row-gap: 2.75rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.contact-content-wrapper {
  padding-left: .8rem;
  padding-right: .8rem;
}

.contact-link-block {
  grid-column-gap: .5rem;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.contact-icon {
  width: .6rem;
  color: #c6c6c7;
}

.section-contact.position-relativ {
  position: relative;
}

.section-contact.z-index-1 {
  z-index: 51;
  background-color: #161723;
  border-top-left-radius: 3rem;
  border-top-right-radius: 3rem;
  margin-top: -9.2rem;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 4.2rem;
  overflow: hidden;
}

.section-contact.z-index-1.contact {
  border-bottom-right-radius: 3rem;
  border-bottom-left-radius: 3rem;
  margin-top: -31.6rem;
  margin-bottom: 4rem;
}

.slide-show-component {
  overflow: hidden;
}

.slider-image-wrapper {
  border-radius: 3rem;
}

.mask {
  width: 12.9rem;
}

.slider-refrences {
  z-index: 1;
  height: 120%;
  background-color: rgba(0, 0, 0, 0);
  margin-left: 0;
  padding-top: 3rem;
  padding-bottom: 3.475rem;
}

.slider-references-maks {
  overflow: visible;
}

.references-item {
  width: 38%;
  height: 37.9rem;
  border-radius: 1.2rem;
  margin-right: 4.4rem;
  overflow: hidden;
}

.references-item.margin-left {
  width: 20.3rem;
  margin-left: 0;
  padding-left: 0;
}

.image-3 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.right-arrow {
  top: 0%;
  bottom: 0%;
  left: 5%;
  right: auto;
}

.slide-nav {
  z-index: 0;
  font-size: 0;
}

.arrow-slider-left {
  z-index: 10;
  width: 1.9rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.left-arrow {
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.circle-image-references.position-absolut {
  z-index: 10;
  width: 45rem;
  display: block;
  position: absolute;
  top: -253%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.slider-references-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-licensing {
  justify-content: space-around;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 13.5rem;
  display: block;
}

.licensing_component {
  grid-column-gap: 1rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.licensing-richt-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: .8rem;
  padding-right: .8rem;
  display: block;
}

.licensing-richt-wrapper.display-flex {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.license-link-wrapper {
  color: #fff;
  text-decoration: underline;
}

.licensing-headline-wrapper {
  width: 100%;
  padding-left: 0;
}

.licensing-image-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.images-link-block {
  width: 100%;
  height: 4.2rem;
}

.license-images {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.divider-licensing {
  height: .05rem;
  background-color: #fff;
}

.styleguide-nav {
  z-index: 999;
  width: 18.75rem;
  color: #161723;
  background-color: #c6c6c7;
  padding: 3rem 2.5rem;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.navbar {
  width: 18.75rem;
  background-color: #161723;
  padding: 3rem 2.5rem;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.navbar.styleguide {
  border-right: .5px solid #fff;
}

.nav-menu-2, .styleguide-nav-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.nav-link-styleguide {
  color: #fff;
  margin-left: 0;
  padding-left: 0;
}

.nav-link-styleguide.w--current {
  color: #8a7e7e;
}

.brand-styleguide {
  margin-left: 6.6px;
  padding-left: 0;
}

.body-styleguide {
  background-color: #161723;
}

.div-block {
  flex-direction: column;
  display: flex;
}

.nav-button-link {
  text-decoration: none;
}

.text-color-dark-blue {
  color: #161723;
}

.references-component {
  grid-column-gap: 1rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.section-references-hero {
  justify-content: space-around;
  margin-left: 1rem;
  margin-right: 1rem;
  display: block;
}

.section-references.position-relativ {
  position: relative;
}

.section-references.z-index-1 {
  z-index: 51;
  background-color: #161723;
  border-top-left-radius: 3rem;
  border-top-right-radius: 3rem;
  margin-top: -9.2rem;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 4.2rem;
  overflow: hidden;
}

.references-headline-wrapper {
  padding-left: 0;
}

.hero-image-circle.position-absolut {
  z-index: -1;
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.heading-5, .heading-6, .heading-7, .heading-8, .paragraph, .list, .block-quote, .link, .list-2 {
  font-family: Montserrat, sans-serif;
}

.category-home-block {
  min-width: 50%;
  grid-column-gap: 20px;
  grid-row-gap: 5px;
  background-color: rgba(255, 255, 255, .09);
  border-radius: 5px;
  justify-content: space-between;
  padding-right: 20px;
  display: flex;
  box-shadow: 0 10px 5px rgba(0, 0, 0, .07);
}

.category-image-block {
  width: 100%;
  height: 100%;
  background-image: url('../images/Frame-2_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.category-image-block.zumrut {
  background-image: url('../images/Frame-2_2.png');
}

.category-image-block.safir {
  background-image: url('../images/Frame-3-1_4.png');
}

.category-image-block.inci {
  background-image: url('../images/74Zx1b2x.png');
}

.category-image-block.yakut {
  background-image: url('../images/Frame-3-1.png');
}

.category-image-block.alya {
  background-image: url('../images/Frame-3-1_3.png');
}

.category-image-block.kuvars {
  background-image: url('../images/Kuvars2x.png');
}

.div-block-2 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0%;
  background-size: auto;
}

.category-badge {
  width: auto;
  height: 60px;
  background-image: linear-gradient(99deg, #7bc7ad, #6cabdc);
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 5px 40px 5px 20px;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.category-badge.zumrut {
  background-image: linear-gradient(99deg, #ed5165, #f07677);
}

.category-badge.safir {
  background-image: linear-gradient(99deg, #8fc53e, #40b249);
}

.category-badge.inci {
  background-image: linear-gradient(99deg, #2f3643, #4a9ea8);
}

.category-badge.yakut {
  background-image: linear-gradient(99deg, #ffdb00, #fab712);
}

.category-badge.alya {
  background-image: linear-gradient(99deg, #7b63a8, #96a8d4);
}

.category-badge.kuvars {
  background-image: linear-gradient(99deg, #c2e5a8, #387f4a);
}

.category-label {
  text-align: center;
  text-transform: uppercase;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
}

.corner-image {
  width: 70px;
  height: 70px;
  background-image: url('../images/Asset-18.svg');
  background-position: 100% 100%;
  background-size: cover;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.corner-image.zumrut {
  background-image: url('../images/Asset-16.svg');
}

.corner-image.safir {
  background-image: url('../images/Asset-14.svg');
}

.corner-image.inci {
  background-image: url('../images/Asset-12.svg');
}

.corner-image.yakut {
  background-image: url('../images/Asset-15.svg');
}

.corner-image.alya {
  background-image: url('../images/Asset-17.svg');
}

.corner-image.kuvars {
  background-image: url('../images/Asset-13.svg');
}

.image-4 {
  width: 140px;
}

.footer-logo {
  width: 200px;
}

.description-text {
  color: #000;
}

.product-component {
  color: #161723;
  justify-content: space-between;
  align-items: center;
  font-family: Hanken Grotesk, sans-serif;
  display: flex;
}

.description-wrapper {
  align-self: auto;
  position: relative;
}

.decription-border {
  height: 100%;
  border: 2px solid #6cabdc;
  border-radius: 10px;
  padding: 40px 20px;
}

.collection-item {
  width: 200px;
  height: 200px;
  align-items: center;
  display: flex;
}

.gallery-images, .technical-drawing {
  width: 200px;
}

.main-page-logo {
  max-width: 30%;
}

.patlatmal {
  width: 140%;
}

.gallery {
  display: flex;
}

.cert-image, .cover {
  background-color: #fff;
}

.link-block-2 {
  display: block;
}

@media screen and (max-width: 991px) {
  .padding-xlarge {
    padding: 3rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hide-tablet {
    display: none;
  }

  .styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .styleguide_heading-medium {
    font-size: 3rem;
  }

  .fs-styleguide_4-col {
    grid-template-columns: 1fr;
  }

  .styleguide_component {
    margin-top: 5rem;
    margin-left: 0;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-bottom-2 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-wrapper {
    justify-content: space-between;
  }

  .nav-menu {
    object-fit: fill;
    border-radius: .8rem;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    top: 59%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .berb-nav-link {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

  .berb-navbar {
    height: 8.2rem;
  }

  .nav-menu-wrapper {
    justify-content: space-between;
    align-items: center;
    padding-left: 2.5rem;
    position: static;
  }

  .about_component {
    justify-content: stretch;
  }

  .heading-style-h2---berb.transform {
    text-align: left;
    padding-bottom: 14px;
    position: static;
    transform: none;
  }

  .button-secondary {
    transition: all .35s ease-in-out;
  }

  .button-secondary:hover {
    background-color: #c6c6c7;
    transform: translate(0, -.15rem);
  }

  .our-services_component {
    grid-column-gap: 11.25rem;
    grid-template-columns: 1fr;
    display: block;
  }

  .team-image-wrapper {
    margin-right: 7.6rem;
    display: none;
  }

  .menu-button, .menu-button.w--open {
    background-color: #161723;
    border-radius: 50rem;
  }

  .section-rounded.z-index-1 {
    z-index: 40;
    background-color: #fff;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    margin-top: -13rem;
  }

  .saniatary-headline-wrapper {
    padding-left: 0;
  }

  .sanitary-paragraph-wrapper {
    padding-left: 2.1rem;
  }

  .section-sanitary-checkpoints.z-index-1 {
    z-index: 40;
    background-color: #161723;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    margin-top: -13rem;
  }

  .services-circle-image.position-absolut {
    top: -455px;
  }

  .contact-content-wrapper {
    padding-left: 2.1rem;
  }

  .section-contact.z-index-1 {
    z-index: 40;
    background-color: #161723;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    margin-top: -13rem;
  }

  .references-item {
    width: 51%;
    margin-left: .8rem;
    margin-right: .8rem;
  }

  .licensing_component {
    grid-template-columns: 1fr;
  }

  .licensing-richt-wrapper {
    padding-left: 2.1rem;
  }

  .licensing-headline-wrapper {
    padding-left: 0;
  }

  .navbar.styleguide {
    width: auto;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .nav-menu-2 {
    background-color: #161723;
    padding: 0 2.6rem 2.6rem;
  }

  .styleguide-nav-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .div-block {
    height: auto;
    flex-direction: row;
    justify-content: space-between;
  }

  .icon {
    color: #fff;
  }

  .menu-button-2, .menu-button-2.w--open {
    background-color: #000;
    border-radius: 100rem;
  }

  .icon-2 {
    color: #fff;
  }

  .section-references.z-index-1 {
    z-index: 40;
    background-color: #161723;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    margin-top: -13rem;
  }

  .references-headline-wrapper {
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .fs-styleguide_heading-large {
    font-size: 3rem;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .styleguide_section-header {
    font-size: .875rem;
  }

  .styleguide_heading-medium {
    font-size: 2rem;
  }

  .styleguide_component {
    margin-top: 8.4rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .heading-style-h4 {
    font-size: 1rem;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .heading-style-h6 {
    font-size: .75rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .heading-style-h2 {
    font-size: 2rem;
  }

  .fs-styleguide_version, .heading-style-h5 {
    font-size: .875rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .home-message_component {
    padding: 0;
  }

  .home-message_content {
    border-radius: 0;
  }

  .padding-bottom-2 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .button-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .layout2_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .text-size-medium-2 {
    font-size: 1rem;
  }

  .master_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .navbar-wrapper {
    justify-content: space-between;
  }

  .nav-menu {
    margin-top: 0;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .berb-navbar {
    height: 8.5rem;
    margin-top: 2.8rem;
  }

  .padding-global-small, .padding-navbar {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .heading-style-h2---berb {
    font-size: 2rem;
  }

  .circle-image.position-absolut {
    top: -17%;
  }

  .sanitary-heating-solar_component {
    grid-template-columns: 1fr;
  }

  .our-services_component {
    grid-column-gap: 4.75rem;
  }

  .heading-style-our-services {
    font-size: 1.5rem;
  }

  .section-home-references {
    padding-bottom: 2.5625rem;
  }

  .home-references_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .home-references_component.padding-global {
    grid-column-gap: .75rem;
  }

  .home-hero_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .home-references-content-right {
    margin-top: -1.425rem;
  }

  .section-home-cta-help {
    margin-top: -1.7rem;
  }

  .home-cta-help_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .testimonial-card-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .customer-testimonial-wrapper {
    flex-direction: column;
    padding-top: .5rem;
  }

  .padding-hero-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .berb-footer_component, .sanitary-hero_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .sanitary-component {
    width: auto;
  }

  .saniatary-headline-wrapper {
    padding-left: 0;
  }

  .sanitary-paragraph-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .heating-hero_component, .solar-hero_component, .contact-hero_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .contact_component {
    width: auto;
    grid-template-columns: 1fr;
  }

  .contact-content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .section-contact.z-index-1.contact {
    margin-top: -35.4rem;
  }

  .right-arrow {
    left: 8%;
  }

  .circle-image-references.position-absolut {
    top: -173%;
  }

  .licensing_component {
    width: auto;
  }

  .licensing-richt-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .licensing-headline-wrapper {
    padding-left: 0;
  }

  .references-component {
    width: auto;
    grid-row-gap: 1.75rem;
    grid-template-columns: 1fr;
  }

  .section-references.z-index-1 {
    margin-top: -10.7rem;
  }

  .references-headline-wrapper {
    padding-left: 0;
  }

  .gallery-images {
    width: 140px;
  }
}

@media screen and (max-width: 479px) {
  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .styleguide_component {
    margin-top: 8.6rem;
  }

  .padding-bottom-2 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .layout2_form {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .navbar-wrapper {
    justify-content: space-between;
  }

  .nav-menu {
    border-radius: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    top: 72%;
  }

  .berb-navbar {
    height: 6rem;
    margin-top: 1.1rem;
  }

  .nav-menu-wrapper {
    grid-column-gap: 1rem;
    justify-content: space-between;
  }

  .section-home-hero {
    overflow: hidden;
  }

  .about_component {
    grid-template-columns: 1fr 1fr;
  }

  .circle-image.position-absolut {
    top: -8%;
    right: -27%;
  }

  .hero-headline.text-color-white.mobile {
    font-size: 2.5rem;
  }

  .our-services_component {
    width: 100%;
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: stretch;
    display: flex;
  }

  .our-services-wrapper {
    width: 100%;
    min-height: 20vh;
    min-width: 100%;
    flex-direction: column;
  }

  .heading-style-our-services.text-color-white {
    margin-top: 1.8rem;
  }

  .home-references_component.padding-global {
    grid-template-columns: 1fr;
  }

  .home-hero_component.padding-global {
    height: 100vh;
  }

  .section-home-cta-help {
    background-image: linear-gradient(312deg, rgba(0, 0, 0, 0), #fff 47%), url('../images/berb-cta-help-image.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .home-cta-help-wrapper {
    width: 100%;
  }

  .team-image-wrapper {
    width: 8rem;
    height: 8rem;
    justify-content: space-between;
    margin-right: 0;
    display: flex;
  }

  .testimonial-card-wrapper {
    padding: 2.3rem .9rem;
  }

  .circle-image-call-us.position-absolut {
    z-index: 0;
  }

  .contact-infos-wrapper {
    flex-direction: column;
    align-items: flex-start;
    display: none;
  }

  .berb-footer_component.padding-global {
    grid-template-columns: 7.25fr;
  }

  .berb-footer-bottom_component {
    grid-template-columns: 1fr;
  }

  .menu-button, .menu-button.w--open {
    background-color: #161723;
  }

  .sanitary-component {
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  .sanitary-circle-image.position-absolut {
    top: -64%;
    right: -27%;
  }

  .sanitary-image-wrapper {
    width: 100%;
    flex-direction: column;
  }

  .saniatary-headline-wrapper {
    padding-left: 0;
  }

  .checkpoint-wrapper {
    grid-column-gap: 1.75rem;
    justify-content: flex-start;
    align-items: center;
  }

  .checkpoin-circle {
    min-width: .7rem;
  }

  .section-sanitary-cta-help {
    background-image: linear-gradient(312deg, rgba(0, 0, 0, 0), #fff 47%), url('../images/berb-cta-help-image.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .circle-image-call-us-sanitary.position-absolut {
    z-index: 0;
  }

  .services-circle-image.position-absolut {
    top: -64%;
    right: -27%;
  }

  .contact_component {
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  .section-contact.z-index-1.contact {
    margin-top: -37.9rem;
  }

  .references-item {
    width: 90%;
    margin-left: 0;
  }

  .right-arrow {
    left: 15%;
  }

  .circle-image-references.position-absolut {
    top: -64%;
    right: -27%;
  }

  .licensing_component {
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  .licensing-headline-wrapper {
    padding-left: 0;
  }

  .references-component {
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  .references-headline-wrapper {
    padding-left: 0;
  }

  .hero-image-circle.position-absolut {
    z-index: 0;
  }

  .category-home-block {
    flex-direction: column;
    padding-right: 0;
  }

  .category-image-block {
    min-height: 40vh;
  }

  .product-component {
    flex-direction: column;
  }

  .gallery {
    order: -1;
  }
}

#w-node-_5f8e0033-9e36-2832-1960-f6d8ece6a561-219a293e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_28a214a8-b504-608d-dc71-eb3b3cc846ba-219a293e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_60036c26-2504-9790-a7df-8977dccf5f57-219a293e, #w-node-_8bd26ec8-c5de-5866-3b3f-1d975a76f191-219a293e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e936ce7f-9a4e-d7bb-308c-66ae88f2f776-219a293e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-efb8b664-3689-267e-30b6-80ec32d48f8c-219a293e {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ba0629e7-4bdb-9b7c-7c82-806472f1979e-219a293e, #w-node-c4d5519d-948c-539a-c0ed-5fd30285229c-219a293e, #w-node-_26b547c6-8dfc-8d37-87ff-68b11dde44b0-219a293e, #w-node-_70e2cd90-10c9-8f3c-29a5-05d5f22d7a0a-219a293e, #w-node-_70e2cd90-10c9-8f3c-29a5-05d5f22d7a1c-219a293e, #w-node-_9e45d06d-18c4-0724-7200-839ae3f41ded-219a293e, #w-node-_9e45d06d-18c4-0724-7200-839ae3f41dff-219a293e, #w-node-_5a74b98b-ad4c-9306-ba2e-74d998019102-219a293e, #w-node-_8b76a9e0-2bea-8b92-eeb7-43cc2b11208c-219a293e, #w-node-_8b76a9e0-2bea-8b92-eeb7-43cc2b11208f-219a293e, #w-node-_5f7bdbec-ffc8-7599-637e-caa45ec0043a-219a293e, #w-node-_7a0c9bb8-c24d-d1ea-c60d-22314c889463-4c889460 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7a0c9bb8-c24d-d1ea-c60d-22314c889466-4c889460 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  justify-self: center;
}

#w-node-_7a0c9bb8-c24d-d1ea-c60d-22314c88946c-4c889460 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_7a0c9bb8-c24d-d1ea-c60d-22314c88947b-4c889460, #w-node-_7a0c9bb8-c24d-d1ea-c60d-22314c889487-4c889460 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
  justify-self: center;
}

#w-node-_7a0c9bb8-c24d-d1ea-c60d-22314c889493-4c889460 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_7a0c9bb8-c24d-d1ea-c60d-22314c889498-4c889460 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7a0c9bb8-c24d-d1ea-c60d-22314c88949c-4c889460 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-b70e726e-3eb8-0dab-39ac-d703b581ef31-689a2943 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_67b4a064-0a6c-2a38-15c2-40fa02a8075e-689a2943 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-decc4284-3cd1-96e0-f2d1-a091798bc176-689a2943, #w-node-ae81be09-a2e7-cdbc-89b9-de4d03fc2f74-689a2943 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_24d5b473-c3aa-7dec-e73b-0c816e930b39-689a2943 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b70e726e-3eb8-0dab-39ac-d703b581ef31-fe9a2945 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_67b4a064-0a6c-2a38-15c2-40fa02a8075e-fe9a2945 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fe55df29-9463-d27d-4e56-dc3050dabf86-fe9a2945 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_36b9f34d-cacf-6b62-94a8-34d9a18dfa88-fe9a2945 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-decc4284-3cd1-96e0-f2d1-a091798bc176-fe9a2945 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_3f682517-7133-88ee-471a-4099fa850533-fe9a2945 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d5fb9e98-96fe-ce06-e2d4-ca01ad96c34c-2f95e1e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-d5fb9e98-96fe-ce06-e2d4-ca01ad96c34d-2f95e1e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d5fb9e98-96fe-ce06-e2d4-ca01ad96c34f-2f95e1e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-d5fb9e98-96fe-ce06-e2d4-ca01ad96c352-2f95e1e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
  justify-self: center;
}

#w-node-bb0ff27f-6063-d4ce-3868-a96f81fffe86-2f95e1e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d5fb9e98-96fe-ce06-e2d4-ca01ad96c377-2f95e1e6, #w-node-d5fb9e98-96fe-ce06-e2d4-ca01ad96c37a-2f95e1e6, #w-node-_2ce4958b-48df-f50e-73e4-cc86b0037770-2f95e1e6, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141b97-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141ba9-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141bbb-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141bcd-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141be0-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141bf0-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141c02-37a25610, #w-node-_8b76a9e0-2bea-8b92-eeb7-43cc2b11208c-37a25610, #w-node-_8b76a9e0-2bea-8b92-eeb7-43cc2b11208f-37a25610, #w-node-_5f7bdbec-ffc8-7599-637e-caa45ec0043a-37a25610 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-c47413e1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635257-c47413e1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-c47413e1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b72963525c-c47413e1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
  justify-self: center;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635279-c47413e1, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963527c-c47413e1, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963528b-c47413e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-cb323ad3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635257-cb323ad3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-cb323ad3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_0fa62668-33ad-ad38-6b61-2b8a53fc6d1f-cb323ad3 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635279-cb323ad3, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963527c-cb323ad3, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963528b-cb323ad3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-de93e3ac {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635257-de93e3ac {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-de93e3ac {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-baba0a1e-1c06-27c8-ba1a-385aab43ac93-de93e3ac {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635279-de93e3ac, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963527c-de93e3ac, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963528b-de93e3ac {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-5be2e1d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635257-5be2e1d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-5be2e1d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_455f8017-a892-c485-e47f-925206ba0009-5be2e1d0 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635279-5be2e1d0, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963527c-5be2e1d0, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963528b-5be2e1d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-4d78cba6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635257-4d78cba6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-4d78cba6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_20d55266-2481-1959-3520-390f57fe0fc9-4d78cba6 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635279-4d78cba6, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963527c-4d78cba6, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963528b-4d78cba6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-39e2e2bd {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635257-39e2e2bd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-dc998260-e16f-4754-8003-90d2e2384ce7-39e2e2bd {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635279-39e2e2bd, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963527c-39e2e2bd, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963528b-39e2e2bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-7df3cdb8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635257-7df3cdb8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-7df3cdb8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b72963525c-7df3cdb8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
  justify-self: center;
}

#w-node-_7ce529d7-e067-dc43-2d4a-57b729635279-7df3cdb8, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963527c-7df3cdb8, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963528b-7df3cdb8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_28a214a8-b504-608d-dc71-eb3b3cc846ba-219a293e, #w-node-_60036c26-2504-9790-a7df-8977dccf5f57-219a293e {
    justify-self: start;
  }

  #w-node-_8bd26ec8-c5de-5866-3b3f-1d975a76f191-219a293e, #w-node-e936ce7f-9a4e-d7bb-308c-66ae88f2f776-219a293e {
    justify-self: end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-b70e726e-3eb8-0dab-39ac-d703b581ef31-689a2943 {
    grid-area: span 1 / span 5 / span 1 / span 5;
    justify-self: start;
  }

  #w-node-d3742a45-9cd0-0b14-e5dd-747487a9350f-689a2943 {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-decc4284-3cd1-96e0-f2d1-a091798bc176-689a2943, #w-node-ae81be09-a2e7-cdbc-89b9-de4d03fc2f74-689a2943 {
    grid-column: span 3 / span 3;
  }

  #w-node-_24d5b473-c3aa-7dec-e73b-0c816e930b39-689a2943 {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-b70e726e-3eb8-0dab-39ac-d703b581ef31-fe9a2945 {
    grid-column: span 6 / span 6;
  }

  #w-node-fe55df29-9463-d27d-4e56-dc3050dabf86-fe9a2945 {
    grid-area: span 1 / span 6 / span 1 / span 6;
    justify-self: center;
  }

  #w-node-_36b9f34d-cacf-6b62-94a8-34d9a18dfa88-fe9a2945 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-decc4284-3cd1-96e0-f2d1-a091798bc176-fe9a2945 {
    grid-column: span 3 / span 3;
  }

  #w-node-_3f682517-7133-88ee-471a-4099fa850533-fe9a2945 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-d5fb9e98-96fe-ce06-e2d4-ca01ad96c34c-2f95e1e6 {
    grid-column: span 6 / span 6;
  }

  #w-node-d5fb9e98-96fe-ce06-e2d4-ca01ad96c34f-2f95e1e6, #w-node-d5fb9e98-96fe-ce06-e2d4-ca01ad96c352-2f95e1e6 {
    grid-column: span 3 / span 3;
  }

  #w-node-bb0ff27f-6063-d4ce-3868-a96f81fffe86-2f95e1e6 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-c47413e1 {
    grid-column: span 6 / span 6;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-c47413e1, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525c-c47413e1 {
    grid-column: span 3 / span 3;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-cb323ad3 {
    grid-column: span 6 / span 6;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-cb323ad3 {
    grid-column: span 3 / span 3;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-de93e3ac {
    grid-column: span 6 / span 6;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-de93e3ac {
    grid-column: span 3 / span 3;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-5be2e1d0 {
    grid-column: span 6 / span 6;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-5be2e1d0 {
    grid-column: span 3 / span 3;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-4d78cba6 {
    grid-column: span 6 / span 6;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-4d78cba6 {
    grid-column: span 3 / span 3;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-39e2e2bd, #w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-7df3cdb8 {
    grid-column: span 6 / span 6;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-7df3cdb8, #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525c-7df3cdb8 {
    grid-column: span 3 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_28a214a8-b504-608d-dc71-eb3b3cc846ba-219a293e, #w-node-_60036c26-2504-9790-a7df-8977dccf5f57-219a293e, #w-node-_8bd26ec8-c5de-5866-3b3f-1d975a76f191-219a293e, #w-node-e936ce7f-9a4e-d7bb-308c-66ae88f2f776-219a293e {
    justify-self: center;
  }

  #w-node-_8865343b-50d4-3b33-325a-983dd5d773fc-219a293e, #w-node-e648c49e-67c7-fabb-7e8e-619791f0bb66-219a293e, #w-node-_26b547c6-8dfc-8d37-87ff-68b11dde44b1-219a293e, #w-node-_26b547c6-8dfc-8d37-87ff-68b11dde44b7-219a293e, #w-node-_70e2cd90-10c9-8f3c-29a5-05d5f22d7a0b-219a293e, #w-node-_70e2cd90-10c9-8f3c-29a5-05d5f22d7a11-219a293e, #w-node-_70e2cd90-10c9-8f3c-29a5-05d5f22d7a1d-219a293e, #w-node-_70e2cd90-10c9-8f3c-29a5-05d5f22d7a23-219a293e, #w-node-_9e45d06d-18c4-0724-7200-839ae3f41dee-219a293e, #w-node-_9e45d06d-18c4-0724-7200-839ae3f41df4-219a293e, #w-node-_9e45d06d-18c4-0724-7200-839ae3f41e00-219a293e, #w-node-_9e45d06d-18c4-0724-7200-839ae3f41e06-219a293e, #w-node-_5a74b98b-ad4c-9306-ba2e-74d998019103-219a293e, #w-node-_5a74b98b-ad4c-9306-ba2e-74d998019109-219a293e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7a0c9bb8-c24d-d1ea-c60d-22314c88946c-4c889460 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }

  #w-node-_7a0c9bb8-c24d-d1ea-c60d-22314c889487-4c889460 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: stretch;
    justify-self: center;
  }

  #w-node-b70e726e-3eb8-0dab-39ac-d703b581ef31-689a2943 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
  }

  #w-node-d3742a45-9cd0-0b14-e5dd-747487a9350f-689a2943 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-decc4284-3cd1-96e0-f2d1-a091798bc176-689a2943, #w-node-ae81be09-a2e7-cdbc-89b9-de4d03fc2f74-689a2943 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }

  #w-node-_24d5b473-c3aa-7dec-e73b-0c816e930b39-689a2943 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-b70e726e-3eb8-0dab-39ac-d703b581ef31-fe9a2945 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
  }

  #w-node-fe55df29-9463-d27d-4e56-dc3050dabf86-fe9a2945, #w-node-decc4284-3cd1-96e0-f2d1-a091798bc176-fe9a2945 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }

  #w-node-d5fb9e98-96fe-ce06-e2d4-ca01ad96c34c-2f95e1e6 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
  }

  #w-node-d5fb9e98-96fe-ce06-e2d4-ca01ad96c34f-2f95e1e6 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }

  #w-node-d5fb9e98-96fe-ce06-e2d4-ca01ad96c352-2f95e1e6 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: start;
    justify-self: start;
  }

  #w-node-bb0ff27f-6063-d4ce-3868-a96f81fffe86-2f95e1e6 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141b98-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141b9e-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141baa-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141bb0-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141bbc-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141bc2-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141bce-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141bd4-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141be1-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141be7-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141bf1-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141bf7-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141c03-37a25610, #w-node-_9cf95dfe-9c00-ac6e-d32e-4ef5d0141c09-37a25610 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-c47413e1 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-c47413e1 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525c-c47413e1 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: start;
    justify-self: start;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-cb323ad3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-cb323ad3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-de93e3ac {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-de93e3ac {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-5be2e1d0 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-5be2e1d0 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-4d78cba6 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-4d78cba6 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-39e2e2bd, #w-node-_7ce529d7-e067-dc43-2d4a-57b729635256-7df3cdb8 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525b-7df3cdb8 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }

  #w-node-_7ce529d7-e067-dc43-2d4a-57b72963525c-7df3cdb8 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: start;
    justify-self: start;
  }
}


@font-face {
  font-family: 'Ubuntu custom';
  src: url('../fonts/Ubuntu-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu custom';
  src: url('../fonts/Ubuntu-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu custom';
  src: url('../fonts/Ubuntu-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu custom';
  src: url('../fonts/Ubuntu-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu custom';
  src: url('../fonts/Ubuntu-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu custom';
  src: url('../fonts/Ubuntu-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu custom';
  src: url('../fonts/Ubuntu-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu custom';
  src: url('../fonts/Ubuntu-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Stixtwomath custom';
  src: url('../fonts/STIXTwoMath.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}