@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;
}

:root {
  --dark-blue: #000;
  --silver: #fff;
}

.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;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

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: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Stixtwomath custom, 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: #fff;
  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: #fff;
  margin-bottom: 0;
}

a {
  color: #fff;
}

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

li {
  margin-bottom: .25rem;
}

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

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

blockquote {
  color: #fff;
  border-left: .25rem solid #e2e2e2;
  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 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility-page_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 20rem;
  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;
  inset: 0% auto auto 0%;
}

.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;
}

.padding-horizontal.padding-small {
  padding-left: 0;
  padding-right: 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 {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

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

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

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #0073e61a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

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

.overflow-auto {
  overflow: auto;
}

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

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

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

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

.text-weight-semibold {
  font-weight: 600;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-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 {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  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: #000;
  align-items: flex-end;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.text-color-grey.text-style-allcaps {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
}

.text-color-grey.text-size-small.text-weight-light {
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  transition: all .3s;
}

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

.styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  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-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.text-rich-text h1, .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
  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 {
  margin-bottom: 1rem;
}

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

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

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

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

.heading-style-h1 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

.padding-global {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.text-weight-normal {
  font-weight: 400;
}

.padding-section-small {
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: block;
}

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

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

.text-color-white.text-size-small {
  text-align: center;
  margin-left: 20px;
  font-family: Oswald, sans-serif;
  font-size: 3rem;
  font-weight: 300;
}

.text-color-white.slide-in-left_2 {
  font-family: Montserrat, sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
}

.text-color-white.fade-in {
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.text-color-white.fade-in.blacky {
  color: #000;
  text-align: center;
  text-transform: none;
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
}

.text-color-white.fade-in.tp {
  font-size: 1.3rem;
}

.text-style-italic {
  font-style: italic;
}

.text-weight-medium {
  font-weight: 500;
}

.text-weight-medium.text-color-dark-blue {
  color: var(--dark-blue);
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.overflow-hidden {
  overflow: hidden;
}

.styleguide_section-header {
  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;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.text-size-tiny {
  font-size: .75rem;
}

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

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

.overflow-visible {
  overflow: visible;
}

.styleguide_empty-box {
  z-index: -1;
  border: 1px dashed var(--dark-blue);
  background-color: #c6c6c736;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.text-weight-light {
  font-weight: 300;
}

.styleguide_heading-medium {
  color: #fff;
  font-size: 4rem;
}

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

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

.text-size-regular {
  font-size: 1rem;
}

.text-weight-xbold {
  font-weight: 800;
}

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

.text-weight-bold {
  font-weight: 700;
}

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

.styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  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;
  place-items: center start;
  display: grid;
}

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

.text-style-muted {
  opacity: .6;
}

.text-size-small {
  font-size: .875rem;
}

.heading-style-h4 {
  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 {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

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

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

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

.background-color-grey {
  background-color: var(--silver);
}

.form_input {
  background-color: #0000;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

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

.heading-style-h6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.padding-section-large {
  width: 100vw;
  padding-top: 8rem;
  padding-bottom: 8rem;
  font-family: Oswald, sans-serif;
  font-weight: 400;
  display: block;
  position: sticky;
}

.styleguide_3-col {
  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;
  width: 100%;
  display: grid;
}

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

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

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

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

.fs-styleguide_header {
  background-color: #0000000d;
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.page-wrapper.background-color-dark-blue, .page-wrapper.background-color-dark-blue.overflow-hidden {
  background-color: var(--dark-blue);
}

.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: var(--silver);
}

.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-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;
}

.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;
}

.main-wrapper {
  color: #000;
  text-align: left;
  background-color: #000;
}

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

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

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

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

.align-center.text-align-center.z-index-2 {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

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

.button:hover {
  background-color: var(--silver);
  color: var(--dark-blue);
  transform: translate(0, -.15rem);
}

.button.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

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

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

.button.is-secondary {
  color: #000;
  background-color: #0000;
  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.display-inlineflex {
  color: #000;
  padding-left: 2rem;
  padding-right: 2rem;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.button.display-inlineflex:hover {
  color: #050505;
  font-weight: 500;
}

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

.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-size: 1.25rem;
}

.styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-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;
}

.hide {
  display: none;
}

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

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

.container-medium.padding-top.padding-large {
  background-color: #000;
}

.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;
  place-content: center;
  place-items: center start;
  display: grid;
}

.home-message_component {
  color: #fff;
  min-height: 100vh;
  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 {
  color: #000;
  background-color: #0000000d;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  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 {
  color: #000;
  background-color: #fff;
  flex: none;
  width: 1.75rem;
  height: 1.75rem;
}

.home-message_logo {
  width: 4rem;
}

.styleguide_spacing-all {
  display: none;
}

.styleguide_color.is-1 {
  background-color: var(--dark-blue);
  color: var(--dark-blue);
}

.styleguide_color.is-2 {
  background-color: var(--silver);
}

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

.form_input-2 {
  color: #0b0b1f;
  background-color: #fff;
  border: .125rem solid #e9f0f1;
  height: 3.25rem;
  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::placeholder {
  color: #0b0b1f80;
}

.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: #e72f3c1a;
  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 {
  color: #000;
  background-color: #000;
  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: var(--silver);
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  display: flex;
}

.master_component {
  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;
  height: 80vh;
}

.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: Stixtwomath custom, sans-serif;
}

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

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

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

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

.berb-nav-link {
  color: var(--dark-blue);
  padding: .45rem 1.875rem;
  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: var(--silver);
}

.berb-navbar {
  background-color: #0000;
  margin-top: 2.5rem;
  position: fixed;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-menu-wrapper {
  grid-column-gap: 2rem;
  display: flex;
}

.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: 0;
  padding-right: 0;
}

.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: Montserrat, sans-serif;
  font-weight: 500;
}

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

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

.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;
  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: Stixtwomath custom, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-style-h2---berb.text-color-white {
  font-family: Lato, sans-serif;
  font-size: 3.5rem;
  font-weight: 300;
}

.heading-style-h2---berb.text-color-white.text-align-center.slide-in-up {
  font-family: Oswald, sans-serif;
  font-size: 3rem;
}

.heading-style-h2---berb.text-color-white.text-align-center.slide-in-up.small {
  margin-top: 20px;
  padding-bottom: 20px;
}

.heading-style-h2---berb.text-color-white.slide-in-left {
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Oswald, sans-serif;
  font-size: 4rem;
  font-weight: 300;
}

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

.heading-style-h2---berb.text-color-white.slide-in-left.espec {
  margin-bottom: 3rem;
}

.heading-style-h2---berb.slide-in-left.text-color-black {
  color: #000;
  margin-bottom: 4rem;
  font-family: Oswald, sans-serif;
  font-size: 4rem;
  font-weight: 400;
}

.heading-style-h2---berb.slide-in-left.text-color-dark-blue {
  color: var(--dark-blue);
  font-family: Oswald, sans-serif;
  font-size: 4rem;
  font-weight: 300;
}

.heading-style-h2---berb.fade-in-2.text-color-dark-blue {
  color: #fff;
  text-align: left;
  font-family: Oswald, sans-serif;
  font-size: 3rem;
  font-weight: 300;
  display: flex;
}

.heading-style-h2---berb.transform {
  direction: ltr;
  flex-flow: column;
  margin-left: 10px;
  margin-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 51% auto 0% 0%;
  transform: rotate(-90deg);
}

.heading-style-h2---berb.transform.spc1 {
  margin-left: 10px;
  font-size: 2rem;
}

.heading-style-h2---berb.transform.spc1.spc {
  margin-left: -5px;
}

.heading-style-h2---berb.text-color-dark-blue {
  color: var(--dark-blue);
  font-size: 1.3rem;
}

.circle-image.position-absolut {
  z-index: 10;
  display: block;
  position: absolute;
  top: -315%;
  left: auto;
  right: -37%;
  overflow: visible;
}

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

.hero-headline.text-color-white.mobile {
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 6rem;
  font-weight: 300;
}

.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;
  grid-auto-columns: 1fr;
  display: grid;
}

.sanitary-heating-solar-wrapper {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 100px;
  display: flex;
}

.button-secondary {
  text-align: center;
  color: #000;
  background-color: #fff;
  border-radius: 14rem;
  align-items: center;
  padding: .6rem 2.3rem;
  font-family: Montserrat, sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.25;
  transition-property: all;
  transition-duration: .35s;
  transition-timing-function: ease-in-out;
  display: flex;
}

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

.button-secondary.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

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

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

.button-secondary.is-secondary {
  color: #000;
  background-color: #0000;
  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;
}

.button-secondary.display-inlineflex.slide-in-up-2 {
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.button-secondary.buttonback {
  margin-left: 0;
  font-size: 1rem;
  font-weight: 500;
}

.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: 10rem;
  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 {
  background-image: url('../images/SnapInsta.to_575536409_18033659105720514_9194124572221948820_n.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 2rem;
  flex-direction: column;
  align-items: flex-start;
  width: 30rem;
  height: 20rem;
  margin-left: 0;
  display: flex;
  overflow: hidden;
}

.our-services-wrapper._2services {
  background-image: url('../images/SnapInsta.to_469930192_17994625055720514_6495968740239838244_n-1.jpg');
  background-position: 50% 100%;
}

.our-services-wrapper._3services {
  background-image: url('../images/SnapInsta.to_363844585_17930336264720514_4580204838155127429_n.jpg');
  background-position: 50%;
  display: flex;
}

.sanitary-image {
  object-fit: cover;
  background-image: url('../images/473739509_1381496879878266_44158661705694921_n.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.sanitary-image._3services {
  background-image: url('../images/473739509_1381496879878266_44158661705694921_n.jpg');
}

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

.learn-more-link {
  color: #fff;
  text-decoration: underline;
}

.learn-more-link.text-color-dark-blue {
  color: var(--dark-blue);
}

.image {
  width: .8rem;
}

.our-services-divider {
  background-color: var(--silver);
  height: .09rem;
}

.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 {
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 300;
}

.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 {
  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;
  height: 80vh;
}

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

.home-hero_component {
  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;
  height: 80vh;
}

.home-hero_component.padding-global {
  z-index: 52;
  background-image: linear-gradient(#0000004f, #0000004f), url('../images/3d-modern-lighting-lamp-design-2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 0;
  justify-content: center;
  max-width: none;
  height: 100vh;
  margin-top: 0;
  display: flex;
  position: relative;
}

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

.home-hero_content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.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(207deg, #000, #000 0%, #0000 0% 7%, #000), url('../images/kam-idris-hYb7kbu4x7E-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;
}

.home-cta-help_component {
  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;
  height: 80vh;
}

.home-cta-help_component.padding-global {
  z-index: 2;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  text-align: center;
  background-image: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  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 var(--silver);
  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 {
  object-fit: fill;
  border-radius: 2rem 2rem 0 0;
  width: 14.9rem;
  height: 13.3rem;
  margin-top: 2rem;
  margin-right: 15.7rem;
  display: none;
  overflow: hidden;
}

.image-2 {
  object-fit: cover;
  border-radius: 200px;
  width: 100%;
  height: 100%;
}

.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 {
  border: 0rem solid var(--silver);
  border-radius: 0;
  align-items: center;
  width: 5rem;
  height: 5rem;
  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: block;
  position: absolute;
  inset: auto 0% 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;
  color: #fff;
  background-color: #fff0;
  justify-content: flex-start;
  align-items: center;
  font-family: Ubuntu custom, sans-serif;
  text-decoration: none;
  display: flex;
  position: static;
}

.html-embed {
  color: #fff;
  height: .8rem;
  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 {
  background-color: #fff;
  border-radius: 2rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.berb-footer_component {
  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;
  height: 80vh;
}

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

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

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

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

.text-color-dark-grey.text-size-tiny {
  text-align: center;
}

.berb-footer-link {
  color: var(--dark-blue);
  text-decoration: none;
}

.berb-footer-link.text-size-tiny {
  text-align: center;
}

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

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

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

.footer-logo {
  color: var(--dark-blue);
  text-decoration: none;
}

.berb_footer-bottom {
  color: #000;
  background-color: #0000;
  border: 2px solid #fff;
  border-radius: 0 0 2rem 2rem;
  align-items: flex-end;
  margin-top: 0;
  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 {
  background-color: #fff;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: transform .3s cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

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

.social-icon-embed {
  color: var(--dark-blue);
  width: 1.2rem;
  height: 1.2rem;
}

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

.social-icon-embed.twitter {
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  display: flex;
  overflow: hidden;
}

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

.berb-footer-wrapper {
  z-index: 2;
  background-color: #000;
  margin-top: 0;
  padding-top: 40px;
  position: relative;
}

.clip {
  overflow: hidden;
}

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

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

.fade-in-3.text-color-dark-grey {
  color: #fff;
  text-align: left;
  font-family: Montserrat, sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
}

.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 {
  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;
  height: 80vh;
}

.sanitary-hero_component.padding-global {
  z-index: 2;
  background-image: linear-gradient(98deg, #0000009c 25%, #fff0 55%), url('../images/kam-idris-hYb7kbu4x7E-unsplash.jpg');
  background-position: 0 0, 50% 80%;
  background-size: auto, cover;
  justify-content: center;
  max-width: none;
  height: 70vh;
  display: flex;
  position: relative;
}

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

.section-sanitary.z-index-1 {
  z-index: 51;
  background-color: var(--dark-blue);
  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;
}

.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;
  inset: -775px 0% 0% 31%;
}

.sanitary-image-wrapper {
  border-radius: 2rem;
  flex-direction: column;
  align-items: flex-start;
  height: 31.1rem;
  margin-left: 0;
  display: flex;
  overflow: hidden;
}

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

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

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

.section-sanitary-checkpoints.z-index-1 {
  z-index: 51;
  background-color: var(--dark-blue);
  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 var(--silver);
  flex-direction: row;
  align-items: center;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  display: flex;
}

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

.section-sanitary-cta-help {
  z-index: 20;
  background-image: linear-gradient(282deg, #0000 40%, #fff), url('../images/berb-cta-help-image.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;
  inset: auto 0% -47%;
}

.heating-hero_component {
  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;
  height: 80vh;
}

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

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

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

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

.solar-hero_component {
  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;
  height: 80vh;
}

.solar-hero_component.padding-global {
  z-index: 2;
  background-image: linear-gradient(98deg, #0022409c 25%, #fff0 55%), url('../images/berb-solar-hero.jpg');
  background-position: 0 0, 50% 83%;
  background-size: auto, cover;
  justify-content: center;
  max-width: none;
  height: 70vh;
  display: flex;
  position: relative;
}

.contact-hero_component {
  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;
  height: 80vh;
}

.contact-hero_component.padding-global {
  z-index: 1;
  background-image: linear-gradient(98deg, #0022409c 25%, #fff0 55%), url('../images/berb-contact-hero-image.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  justify-content: center;
  max-width: none;
  height: 100vh;
  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 {
  color: var(--silver);
  width: .6rem;
}

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

.section-contact.z-index-1 {
  z-index: 51;
  background-color: var(--dark-blue);
  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: 2;
  background-color: #000;
  height: 120%;
  margin-left: 0;
  padding-top: 3rem;
  padding-bottom: 3.475rem;
}

.slider-references-maks {
  z-index: 2;
  overflow: visible;
}

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

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

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

.right-arrow {
  inset: 0% auto 0% 5%;
}

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

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

.left-arrow {
  inset: 0% auto 0% 0%;
}

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

.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: grid;
}

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

.licensing-headline-wrapper {
  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 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

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

.styleguide-nav {
  z-index: 999;
  background-color: var(--silver);
  color: var(--dark-blue);
  width: 18.75rem;
  padding: 3rem 2.5rem;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.navbar {
  background-color: var(--dark-blue);
  width: 18.75rem;
  padding: 3rem 2.5rem;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.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: var(--dark-blue);
}

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

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

.text-color-dark-blue {
  color: var(--dark-blue);
}

.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;
  font-family: Oswald, sans-serif;
  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: var(--dark-blue);
  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;
  inset: 0% auto auto 0%;
}

.references-hero_component-copy {
  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;
  height: 80vh;
}

.references-hero_component-copy.padding-global {
  z-index: 2;
  background-image: linear-gradient(98deg, #0000009c 25%, #fff0 55%), url('../images/dominik-ju42_XSpnYg-unsplash.jpg');
  background-position: 0 0, 50% 70%;
  background-size: auto, cover;
  justify-content: center;
  max-width: none;
  height: 70vh;
  display: flex;
  position: relative;
}

.marchdeptcom {
  color: #fff0;
}

.text-block-2 {
  color: #fffcfc;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding-bottom: 20px;
  font-family: Oswald, sans-serif;
  font-size: 1.3rem;
  display: block;
}

.container {
  text-align: center;
}

.navbar-2 {
  color: #fff;
  background-color: #040807;
  display: block;
}

.nav-link {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.nav-link.w--current {
  color: #fff;
  font-weight: 400;
}

.nav-link-2 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.nav-link-2.w--current {
  color: #fff;
}

.nav-link-3 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.nav-link-3.w--current {
  color: #fff;
}

.home-slider_list {
  display: flex;
}

.home-slider_list.swiper-wrapper {
  text-align: left;
}

.text-size-small-2 {
  padding-top: 0;
  font-size: 1rem;
}

.text-size-small-2.text-style-muted {
  font-family: Montserrat, sans-serif;
}

.text-size-regular-2 {
  font-family: Montserrat, sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.55;
}

.icon-1x1-small-2 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: .875rem;
  height: .875rem;
  display: flex;
  overflow: hidden;
}

.quote_slide {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 45rem;
  padding-right: 8rem;
  display: flex;
}

.quote_slide.swiper-slide {
  opacity: 1;
  cursor: pointer;
}

.clip-2 {
  z-index: 1;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

.quote_bottom {
  border-top: 1px dashed #ceccc8;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 2rem;
  display: flex;
}

.heading-style-h1-2 {
  letter-spacing: 0;
  font-family: Oswald, sans-serif;
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.1;
}

.hover-arrow {
  justify-content: center;
  align-items: center;
  padding: 2px;
  display: flex;
}

.hover-arrow.left-arrow {
  position: absolute;
  inset: 0% auto 0% -100%;
}

.hover-arrow.right-arrow {
  position: absolute;
  inset: 0% -100% 0% auto;
}

.quote_credit {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  align-items: center;
  display: flex;
}

.quote_slider {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  padding-bottom: 6rem;
  padding-left: 6rem;
  display: flex;
}

.quote_slider.swiper {
  justify-content: center;
  align-items: center;
  padding-bottom: 4rem;
}

.slider-arrows {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  display: flex;
  position: relative;
}

.text-size-xl {
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
}

.text-size-xl.changefont {
  font-size: 2rem;
}

.quick_com {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  text-align: center;
  background-color: #fff;
  border-radius: .625rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding: 2rem 3.5rem;
  display: flex;
  overflow: hidden;
}

.quote_top {
  align-items: flex-start;
  margin-bottom: -1.5rem;
  display: flex;
}

.slider-arrow {
  cursor: pointer;
  border: 1px solid #dfdedb;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.slider-arrow.swiper-prev.dark, .slider-arrow.swiper-next.dark {
  border-color: #ceccc8;
}

.quote_intro {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.section {
  width: auto;
  height: auto;
}

.section-2 {
  width: 100vw;
  height: auto;
}

.button-3 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #2e313a;
  border-radius: 100rem;
  padding: .75rem 1.05rem .75rem 1.15rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
}

.button-3.is-form-submit {
  background-color: #0b0c0f;
  border-style: none;
  width: 100%;
  margin-top: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.locations-hero_left {
  flex-direction: column;
  height: 100%;
  max-height: 100vh;
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: sticky;
  top: 0;
}

.form-input {
  background-color: #0000;
  border: 1px solid #ceccc8;
  border-radius: .4rem;
  min-height: 3.5rem;
  margin-bottom: .5rem;
  padding: .625rem 1.25rem;
  font-size: 1rem;
}

.form-input::placeholder {
  color: #111111a6;
}

.form-input.is-text-area {
  min-height: 8rem;
  padding-top: .875rem;
}

.apply-hero_com {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  background-color: var(--dark-blue);
  color: #040807;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  padding-top: 4rem;
  display: grid;
}

.image-overlay {
  z-index: 100;
  background-color: #11111173;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-overlay.light-overlay {
  background-color: #11111126;
  background-image: none;
}

.image-fill {
  z-index: 5;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.form-block {
  flex-direction: column;
  flex: 1;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.locations-hero_img {
  border-radius: .625rem;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.form-label {
  text-transform: capitalize;
  font-family: Montserrat, sans-serif;
  font-size: .875rem;
  font-weight: 400;
}

.success-message {
  justify-content: center;
  align-items: center;
  min-height: 40vh;
  display: flex;
}

.contact-intro {
  width: 100%;
  max-width: 25rem;
  margin-left: auto;
  margin-right: auto;
}

.heading-style-h1-3 {
  letter-spacing: 0;
  font-size: 5.5rem;
  font-weight: 400;
  line-height: 1.1;
}

.heading-style-h1-3.text-align-center {
  font-family: Oswald, sans-serif;
}

.form-dual-input {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  justify-content: space-between;
  display: flex;
}

.form-field-wrapper {
  margin-bottom: 1rem;
}

.apply-hero_right {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  text-transform: uppercase;
  background-color: #dfdedb;
  border-radius: .625rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  padding: 5rem 4rem 6rem;
  display: grid;
}

.form-wrapper {
  width: 100%;
  max-width: 35rem;
  margin-left: auto;
  margin-right: auto;
}

.form {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.apply-hero_intro {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: center;
  max-width: 45rem;
  display: flex;
}

.form_message-success-2 {
  background-color: #f1f0ed;
  border-radius: .625rem;
  padding: 0 1.25rem;
}

.button-4 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #2e313a;
  border-radius: 100rem;
  padding: .75rem 1.05rem .75rem 1.15rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
}

.button-4.is-form-submit {
  background-color: #0b0c0f;
  border-style: none;
  width: 50%;
  margin-top: 1rem;
  padding: .6rem 2rem;
  font-family: Montserrat, sans-serif;
}

.heading-style-h1-4 {
  letter-spacing: 0;
  font-size: 5.5rem;
  font-weight: 400;
  line-height: 1.1;
}

.heading-style-h1-4.text-align-center {
  color: #0f0c0c;
  font-family: Oswald, sans-serif;
  font-size: 4rem;
}

.section-3 {
  background-color: #000;
}

.is-word {
  transform-origin: 0 100%;
  display: inline-block;
}

.icon-16 {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 1rem;
  display: flex;
}

.text-size-medium-3 {
  font-family: Montserrat, sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
}

.margin-bottom-40 {
  margin-bottom: 2.5rem;
}

.container-large-2 {
  width: 90%;
  max-width: 72.5rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.text-size-eyebrow {
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .875rem;
  line-height: 1;
}

.margin-bottom-16 {
  margin-bottom: 1rem;
}

.wrap_flex {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.wrap_flex.is-align-bottom {
  justify-content: space-between;
  align-items: flex-end;
}

.margin-bottom-48 {
  margin-bottom: 3rem;
}

.max-width-440 {
  width: 100%;
  max-width: 27.5rem;
}

.player_list {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 60px;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.button-5 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #080808;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  padding: .6rem 2rem;
  text-decoration: none;
  transition: background-color .45s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-5:hover {
  color: #000;
  background-color: #fff;
}

.button-5.is-secondary {
  color: #fff;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding-top: .6rem;
  padding-bottom: .6rem;
}

.button-5.is-secondary:hover {
  color: #000;
  background-color: #fff;
}

.z-index-2-2 {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.heading-style-h2-2 {
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.04;
}

.heading-style-h2-2.esp1 {
  margin-top: 40px;
  font-size: 4rem;
}

.player_visual {
  aspect-ratio: 1;
  border-radius: 3.5rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.margin-bottom-24 {
  margin-bottom: 1.5rem;
}

.img-cover {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-top: 0;
  position: absolute;
  inset: 0%;
}

.player_item {
  flex: 1;
}

.paragraph, .paragraph-2, .paragraph-3, .paragraph-4, .paragraph-5 {
  color: #000;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.section-4 {
  color: #fff;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: block;
}

.div-block-3 {
  color: #fff;
  background-color: #030202;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.body {
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-3 {
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 1.3rem;
  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;
  }

  .text-color-white.slide-in-left_2 {
    margin-left: 25px;
  }

  .text-color-white.fade-in.tp {
    margin-right: 15px;
  }

  .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;
  }

  .text-size-medium-2.text-color-grey {
    font-size: 1.3rem;
  }

  .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;
    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 {
    align-items: center;
    position: static;
  }

  .about_component {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
  }

  .about-numbers-wrapper.fade-in {
    justify-content: center;
    align-items: center;
  }

  .heading-style-h2---berb.text-color-white.slide-in-left {
    margin-left: 25px;
  }

  .heading-style-h2---berb.slide-in-left.text-color-black {
    text-align: center;
  }

  .heading-style-h2---berb.slide-in-left.text-color-dark-blue, .heading-style-h2---berb.fade-in-2.text-color-dark-blue {
    margin-left: 25px;
  }

  .heading-style-h2---berb.transform {
    text-align: left;
    text-transform: none;
    margin-left: 15px;
    padding-bottom: 14px;
    font-family: Oswald, sans-serif;
    font-weight: 300;
    position: static;
    transform: none;
  }

  .heading-style-h2---berb.transform.spc1, .heading-style-h2---berb.transform.spc1.spc {
    margin-left: 15px;
  }

  .button-secondary {
    margin-left: 25px;
    transition: all .35s ease-in-out;
  }

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

  .our-services_component {
    grid-column-gap: 5rem;
    grid-auto-flow: row;
  }

  .our-team_component {
    margin-left: 25px;
  }

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

  .fade-in-3.text-color-dark-grey {
    margin-top: 15px;
    margin-left: 25px;
  }

  .menu-button.w--open {
    background-color: var(--dark-blue);
    border-radius: 50rem;
  }

  .sanitary-hero_component.padding-global {
    background-image: linear-gradient(98deg, #0000009c 25%, #fff0 55%), url('../images/kam-idris-hYb7kbu4x7E-unsplash.jpg');
  }

  .section-sanitary.z-index-1 {
    z-index: 40;
    background-color: var(--dark-blue);
    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: var(--dark-blue);
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    margin-top: -13rem;
  }

  .checkpoint-wrapper {
    font-size: 1.3rem;
  }

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

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

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

  .section-contact.z-index-1 {
    z-index: 40;
    background-color: var(--dark-blue);
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    margin-top: -13rem;
  }

  .slider-refrences {
    z-index: 2;
  }

  .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;
    inset: 0% 0% auto;
  }

  .nav-menu-2 {
    background-color: var(--dark-blue);
    padding: 0 2.6rem 2.6rem;
  }

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

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

  .icon {
    color: #fff;
  }

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

  .icon-2 {
    color: #fff;
  }

  .references-component {
    text-align: left;
    display: flex;
  }

  .section-references.z-index-1 {
    z-index: 40;
    background-color: var(--dark-blue);
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    margin-top: -13rem;
  }

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

  .text-block-2 {
    margin-left: 5px;
  }

  .quote_slide.swiper-slide {
    width: 80%;
    padding-right: 4rem;
  }

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

  .quote_slider.swiper {
    padding-left: 3rem;
  }

  .text-size-xl {
    font-size: 2rem;
  }

  .quick_com {
    padding: 1.7rem 1.7rem .5rem;
  }

  .locations-hero_left {
    min-height: 75vw;
    position: relative;
  }

  .apply-hero_com {
    grid-template-columns: 1fr;
  }

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

  .apply-hero_right {
    padding: 3.5rem 2rem;
  }

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

  .nav-menu-3 {
    color: #040807;
    background-color: #040807;
  }

  .text-size-medium-3 {
    font-size: 1.3rem;
  }

  .margin-bottom-40 {
    margin-bottom: 2.25rem;
  }

  .margin-bottom-48 {
    margin-bottom: 2.75rem;
  }

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

  .player_visual {
    border-radius: 1.5rem;
  }

  .margin-bottom-24 {
    margin-bottom: 1.25rem;
  }

  .text-block-3 {
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    padding-right: 0;
    font-size: 1.3rem;
  }
}

@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;
  }

  .text-color-grey.text-style-allcaps {
    text-align: center;
    font-size: 1.2rem;
  }

  .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;
  }

  .text-color-white.text-size-small {
    font-size: 2rem;
  }

  .text-color-white.slide-in-left_2 {
    margin-left: 20px;
    font-size: 1.2rem;
  }

  .text-color-white.fade-in {
    font-size: 1.2rem;
  }

  .text-color-white.fade-in.blacky {
    font-size: 1rem;
  }

  .text-color-white.fade-in.tp {
    margin-left: 10px;
    margin-right: 40px;
    font-size: 1.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;
  }

  .text-size-large.text-color-white {
    font-size: 1.2rem;
  }

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

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

  .align-center.text-align-center.z-index-2 {
    text-align: center;
  }

  .button.display-inlineflex {
    font-size: .87rem;
  }

  .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;
  }

  .text-size-medium-2.text-color-grey {
    font-size: 1.2rem;
  }

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

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

  .nav-menu {
    margin-top: 0;
    inset: 0% 0% auto;
  }

  .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;
  }

  .heading-style-h2---berb.text-color-white, .heading-style-h2---berb.text-color-white.text-align-center.slide-in-up {
    font-size: 2.5rem;
  }

  .heading-style-h2---berb.text-color-white.slide-in-left {
    margin-left: 20px;
    font-size: 3rem;
  }

  .heading-style-h2---berb.slide-in-left.text-color-black {
    font-size: 3rem;
  }

  .heading-style-h2---berb.slide-in-left.text-color-dark-blue {
    margin-left: 15px;
    font-size: 3rem;
  }

  .heading-style-h2---berb.fade-in-2.text-color-dark-blue {
    margin-left: 15px;
    font-size: 2.5rem;
  }

  .heading-style-h2---berb.transform, .heading-style-h2---berb.transform.spc1 {
    font-size: 1.5rem;
  }

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

  .hero-headline.text-color-white.mobile {
    text-align: center;
    font-size: 4.5rem;
  }

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

  .button-secondary {
    margin-left: 20px;
    font-size: 1.2rem;
  }

  .button-secondary.buttonback {
    margin-left: 0;
  }

  .our-services_component {
    grid-column-gap: 4.75rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

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

  .heading-style-our-services.text-color-white {
    text-align: left;
    margin-left: 10px;
    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-hero_component.padding-global {
    background-position: 70% 0;
    height: 100vh;
  }

  .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;
  }

  .our-team_component {
    margin-left: 20px;
  }

  .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 {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .fade-in-3.text-color-dark-grey {
    margin-left: 15px;
    font-size: 1.2rem;
  }

  .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;
  }

  .checkpoint-wrapper {
    font-size: 1.2rem;
  }

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

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

  .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 {
    grid-row-gap: 1.75rem;
    grid-template-columns: 1fr;
    width: auto;
  }

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

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

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

  .marchdeptcom {
    font-size: .02rem;
  }

  .text-block-2 {
    margin-left: 10px;
  }

  .text-size-regular-2 {
    font-size: 1.2rem;
  }

  .quote_slide.swiper-slide {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 0;
  }

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

  .quote_slider.swiper {
    padding-bottom: 2.5rem;
    padding-left: 0;
  }

  .slider-arrows {
    grid-column-gap: .625rem;
  }

  .text-size-xl {
    font-size: 1.5rem;
  }

  .quick_com {
    padding: 1.3rem 1.3rem .25rem;
  }

  .quote_top {
    margin-bottom: -.5rem;
  }

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

  .apply-hero_right {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    padding: 2.5rem 1rem;
  }

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

  .heading-style-h1-4.text-align-center {
    font-size: 3rem;
  }

  .text-size-medium-3 {
    font-size: 1.2rem;
  }

  .margin-bottom-40 {
    margin-bottom: 2rem;
  }

  .margin-bottom-48 {
    margin-bottom: 2.25rem;
  }

  .player_list {
    grid-column-gap: 3.2rem;
    grid-row-gap: 3.2rem;
    flex-flow: column;
    display: flex;
  }

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

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

  .margin-bottom-24 {
    margin-bottom: 1rem;
  }

  .div-block-2 {
    flex-flow: column;
  }

  .text-block-3 {
    font-size: 1.2rem;
  }
}

@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;
  }

  .text-color-grey {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-color-grey.text-style-allcaps {
    font-size: 1rem;
  }

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

  .padding-global {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-section-small {
    text-align: center;
    flex-flow: row;
    display: block;
  }

  .text-color-white.slide-in-left_2 {
    margin-left: 25px;
    font-size: 1rem;
  }

  .text-color-white.fade-in {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 1rem;
  }

  .text-color-white.fade-in.blacky {
    text-align: left;
    font-size: 1rem;
  }

  .text-color-white.fade-in.tp {
    font-size: 1rem;
  }

  .text-weight-medium.text-color-dark-blue {
    padding-left: 20px;
    font-size: 1.3rem;
  }

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

  .styleguide_component {
    margin-top: 8.6rem;
  }

  .text-size-large.text-color-white {
    text-align: left;
    font-size: 1rem;
  }

  .container-medium {
    margin-left: 0;
    margin-right: 0;
  }

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

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

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

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

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

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

  .nav-menu-wrapper {
    grid-column-gap: 1rem;
  }

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

  .padding-global-small {
    padding-left: 0;
    padding-right: 0;
  }

  .about_component {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
    justify-content: flex-start;
    align-items: center;
    margin-left: 20px;
  }

  .heading-style-h2---berb.text-color-white, .heading-style-h2---berb.text-color-white.text-align-center.slide-in-up {
    font-size: 2rem;
  }

  .heading-style-h2---berb.text-color-white.text-align-center.slide-in-up.small {
    margin: 20px;
    font-size: 2rem;
  }

  .heading-style-h2---berb.text-color-white.slide-in-left {
    margin-left: 25px;
    padding-left: 0;
    padding-right: 10px;
    font-size: 2.5rem;
  }

  .heading-style-h2---berb.text-color-white.slide-in-left.espec.esp1 {
    margin-left: 0;
  }

  .heading-style-h2---berb.slide-in-left.text-color-black {
    text-align: left;
    margin-left: 25px;
    font-size: 2.5rem;
  }

  .heading-style-h2---berb.slide-in-left.text-color-dark-blue {
    text-align: left;
    margin-left: 25px;
    padding-left: 0;
    padding-right: 0;
    font-size: 2.5rem;
  }

  .heading-style-h2---berb.fade-in-2.text-color-dark-blue {
    margin-left: 20px;
    font-size: 1.5rem;
  }

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

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

  .button-secondary {
    margin-left: 30px;
    font-size: 1rem;
  }

  .button-secondary.buttonback {
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: block;
  }

  .our-services_component {
    grid-column-gap: 1rem;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .our-services-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 15rem;
  }

  .heading-style-our-services.text-color-white {
    text-align: center;
    margin-top: 1.8rem;
    margin-left: 0;
    font-size: 1.3rem;
  }

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

  .home-hero_component.padding-global {
    background-position: 50%;
    height: 80vh;
  }

  .section-home-cta-help {
    background-image: linear-gradient(293deg, #000, #0000 26%, #000000d4 69%), url('../images/kam-idris-hYb7kbu4x7E-unsplash.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

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

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

  .testimonial-card-wrapper {
    text-align: left;
    padding: 2.3rem 1rem;
  }

  .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;
  }

  .fade-in-3.text-color-dark-grey {
    margin-left: 20px;
    font-size: 1rem;
  }

  .menu-button {
    background-color: #0000;
  }

  .menu-button.w--open {
    background-color: var(--dark-blue);
  }

  .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 {
    flex-direction: column;
    width: 100%;
  }

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

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

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

  .section-sanitary-cta-help {
    background-image: linear-gradient(312deg, #0000, #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: 1;
  }

  .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: flex;
  }

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

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

  .marchdeptcom {
    display: none;
  }

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

  .text-size-xl {
    font-size: 1.3rem;
  }

  .heading-style-h1-4.text-align-center {
    font-size: 2.5rem;
  }

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

  .wrap_flex {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

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

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

  .div-block-2 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .text-block-3 {
    font-size: 1rem;
  }
}

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

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

#w-node-_8bd26ec8-c5de-5866-3b3f-1d975a76f191-364143c0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

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

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

#w-node-_655461bc-0008-76a8-59f5-ec05d43817e6-364143c0, #w-node-_9f7b0c76-7af5-af9a-d234-8e9b99726439-364143c0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_37b5660c-0ee6-64c9-9eb6-40bb60b4941a-364143c0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5189c41a-5d38-fafa-28f8-62d03413b843-364143c0, #w-node-_5189c41a-5d38-fafa-28f8-62d03413b846-364143c0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_59fb666d-ebc0-ee58-0e1d-e115d4420c55-364143c0, #w-node-b8210df0-e325-73c9-d8ea-90ade18f3abf-364143c0, #w-node-c55df942-37b4-339c-4b67-5d9c3d01dc6a-364143c0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7552602d-2f19-9bbf-1854-43b799cae18a-364143c0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_8b76a9e0-2bea-8b92-eeb7-43cc2b11208c-364143c0, #w-node-_8b76a9e0-2bea-8b92-eeb7-43cc2b11208f-364143c0, #w-node-_39a728c4-9692-e785-705b-f9d595df25e0-364143c0, #w-node-_39a728c4-9692-e785-705b-f9d595df25e3-364143c0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_39a728c4-9692-e785-705b-f9d595df25ea-364143c0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_5f7bdbec-ffc8-7599-637e-caa45ec0043a-364143c0, #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-_698776cc-e761-e5f9-f68e-19434961c77a-364143c3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_698776cc-e761-e5f9-f68e-19434961c77b-364143c3, #w-node-_698776cc-e761-e5f9-f68e-19434961c782-364143c3, #w-node-_698776cc-e761-e5f9-f68e-19434961c79e-364143c3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

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

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

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

#w-node-fe55df29-9463-d27d-4e56-dc3050dabf8a-364143c5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fe55df29-9463-d27d-4e56-dc3050dabf8c-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabf93-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabf94-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabf95-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabf96-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabf97-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabf98-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabf99-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabf9a-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabf9b-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabf9c-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabf9d-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabf9e-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabf9f-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfa0-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfa1-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfa2-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfa3-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfa4-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfa5-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfa6-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfa7-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfa8-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfa9-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfaa-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfab-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfac-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfad-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfae-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfaf-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfb0-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfb1-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfb2-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfb3-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfb4-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfb5-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfb6-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfb7-364143c5, #w-node-fe55df29-9463-d27d-4e56-dc3050dabfb8-364143c5, #w-node-_4d894ae7-4cfe-b1bb-b3e8-becc809aa1a6-364143c5, #w-node-_4d894ae7-4cfe-b1bb-b3e8-becc809aa1a7-364143c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

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

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

#w-node-_3a84a043-0ead-06b6-5486-c09c599ffe23-364143c5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_87101243-08e6-5763-d2f2-88d9b09479e3-364143c5, #w-node-e7236404-bb50-66bf-bac8-0de6e8951116-364143c5, #w-node-c592e8fd-5275-4218-01dc-73c7b7803400-364143c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

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

#w-node-a1174638-4db5-d1b6-6bfa-6805ab16715a-364143c5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-a1174638-4db5-d1b6-6bfa-6805ab16715e-364143c5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a1174638-4db5-d1b6-6bfa-6805ab167160-364143c5, #w-node-a1174638-4db5-d1b6-6bfa-6805ab167168-364143c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b70e726e-3eb8-0dab-39ac-d703b581ef31-364143c6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

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

#w-node-_5f7bdbec-ffc8-7599-637e-caa45ec0043a-364143c6, #w-node-_5f7bdbec-ffc8-7599-637e-caa45ec0043a-364143c7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca17-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca1c-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca21-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca26-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca2c-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca32-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca38-364143c9 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb45-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb5e-364143c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb61-364143c9 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb63-364143c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb66-364143c9 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbb8-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc2-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc3-364143c9, #w-node-_66dbba2b-2b02-863c-b068-c531a08625eb-364143c9, #w-node-_98e261b7-bde7-0d58-2284-f257909032b3-364143c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc31-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc36-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc3b-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc40-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc45-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc4a-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc54-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc59-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc5e-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc63-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc68-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc6d-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc72-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc77-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc7c-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc81-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc86-364143c9 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8a-364143c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8b-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc90-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc95-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc9a-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccaf-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb4-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb9-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccbe-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc3-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc8-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd2-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd7-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccdc-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce1-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce6-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cceb-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf0-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf5-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccfa-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccff-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd04-364143c9 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd08-364143c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd09-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd0e-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd13-364143c9, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd18-364143c9 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd6b-364143c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cdc7-364143c9 {
  justify-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-_28a214a8-b504-608d-dc71-eb3b3cc846ba-364143c0 {
    justify-self: start;
  }

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

  #w-node-_698776cc-e761-e5f9-f68e-19434961c77a-364143c3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b70e726e-3eb8-0dab-39ac-d703b581ef31-364143c6 {
    grid-area: span 1 / span 6 / span 1 / span 6;
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e648c49e-67c7-fabb-7e8e-619791f0bb66-364143c0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_37b5660c-0ee6-64c9-9eb6-40bb60b4941a-364143c0, #w-node-_59fb666d-ebc0-ee58-0e1d-e115d4420c55-364143c0 {
    grid-column: span 2 / span 2;
  }

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

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

  #w-node-fe55df29-9463-d27d-4e56-dc3050dabf8e-364143c5, #w-node-_36b9f34d-cacf-6b62-94a8-34d9a18dfa88-364143c5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

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

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

  #w-node-a1174638-4db5-d1b6-6bfa-6805ab16715a-364143c5 {
    grid-column: span 3 / span 3;
  }

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

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

  #w-node-_8865343b-50d4-3b33-325a-983dd5d773fc-364143c0, #w-node-e648c49e-67c7-fabb-7e8e-619791f0bb66-364143c0, #w-node-_06d98277-505d-26be-73a4-50689fb7abc8-364143c0, #w-node-_37b5660c-0ee6-64c9-9eb6-40bb60b4941a-364143c0, #w-node-_3b0c98d5-653d-8184-6cca-967c975ef1c9-364143c0, #w-node-_59fb666d-ebc0-ee58-0e1d-e115d4420c55-364143c0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

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

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

  #w-node-fe55df29-9463-d27d-4e56-dc3050dabf8a-364143c5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-decc4284-3cd1-96e0-f2d1-a091798bc176-364143c5, #w-node-a1174638-4db5-d1b6-6bfa-6805ab16715a-364143c5, #w-node-b70e726e-3eb8-0dab-39ac-d703b581ef31-364143c6 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: center;
  }
}


@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;
}