/**
*
* column widths
*
*/
[data-appearance="full-bleed"] {
  width: 100%;
  max-width: 100%;
}
[data-appearance="full-width"].section-blue,
[data-appearance="contained"].section-blue {
  background: var(--brand6l4);
}
[data-appearance="full-width"].section-yellow,
[data-appearance="contained"].section-yellow {
  background: var(--brand5);
}
[data-appearance="full-width"] > .section-blue,
[data-appearance="contained"] > .section-blue {
  background: var(--brand6l4);
}
[data-appearance="full-width"] > .section-yellow,
[data-appearance="contained"] > .section-yellow {
  background: var(--brand5);
}
[data-appearance="full-width"] .row-full-width-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (min-width: 1200px) {
  [data-appearance="full-width"] .row-full-width-inner {
    width: calc(1200px - 10px);
  }
}
@media (min-width: 1800px) {
  [data-appearance="full-width"] .row-full-width-inner {
    width: 1720px;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  [data-appearance="full-width"] .row-full-width-inner {
    width: calc(1200px - 10px);
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  [data-appearance="full-width"] .row-full-width-inner {
    width: 85vw;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  [data-appearance="full-width"] .row-full-width-inner {
    width: calc(900px - 10px);
  }
}
@media (max-width: 599px) {
  [data-appearance="full-width"] .row-full-width-inner {
    width: calc(100vw - 20px);
  }
}
[data-appearance="contained"] > div >div {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (min-width: 1200px) {
  [data-appearance="contained"] > div >div {
    width: calc(1200px - 10px);
  }
}
@media (min-width: 1800px) {
  [data-appearance="contained"] > div >div {
    width: 1320px;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  [data-appearance="contained"] > div >div {
    width: calc(1200px - 10px);
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  [data-appearance="contained"] > div >div {
    width: 85vw;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  [data-appearance="contained"] > div >div {
    width: calc(900px - 10px);
  }
}
@media (max-width: 599px) {
  [data-appearance="contained"] > div >div {
    width: calc(100vw - 20px);
  }
}
/**
*
* element styling
*
*/
[data-content-type="column-line"] {
  gap: 50px;
}
h1[data-content-type="heading"] {
  font-size: 2.8rem;
  line-height: normal;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: var(--brand3d1);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
h1[data-content-type="heading"]:after {
  content: "";
  display: inline-block;
  background-image: url(../../media/three-dots.png);
  background-repeat: no-repeat;
  width: 23px;
  height: 7px;
  background-size: contain;
}
h2[data-content-type="heading"] {
  font-size: 2.4rem;
  line-height: normal;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: var(--brand3d1);
}
[data-content-type="column-group"] [data-content-type="column-line"] {
  margin-bottom: 20px;
}
[data-content-type="column-group"] [data-content-type="column-line"]:last-of-type {
  margin-bottom: 0;
}
/**
*
* images
*
*/
[data-content-type="image"].offset img {
  position: relative;
  box-shadow: 20px 20px var(--white);
}
/**
* buttons
*/
[data-content-type="buttons"] {
  margin-top: 20px;
}
[data-content-type="buttons"][data-appearance="inline"] {
  display: grid;
  width: fit-content;
  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
}
[data-content-type="buttons"][data-appearance="inline"] [data-content-type="button-item"] .pagebuilder-button-primary {
  width: 100%;
}
[data-content-type="buttons"] [data-content-type="button-item"]:nth-of-type(1) .pagebuilder-button-primary {
  background: var(--brand6l3);
}
[data-content-type="buttons"] [data-content-type="button-item"]:nth-of-type(2) .pagebuilder-button-primary {
  background: var(--brand6l2);
}
[data-content-type="buttons"] [data-content-type="button-item"]:nth-of-type(3) .pagebuilder-button-primary {
  background: var(--brand6l1);
}
[data-content-type="buttons"] [data-content-type="button-item"]:nth-of-type(4) .pagebuilder-button-primary {
  background: var(--brand6);
}
[data-content-type="buttons"] [data-content-type="button-item"] .pagebuilder-button-link {
  font-size: 2.4rem;
  line-height: normal;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: var(--brand3d1);
}
ol.three-steps {
  counter-reset: three-steps;
  padding-left: 100px;
}
ol.three-steps li {
  counter-increment: three-steps;
  position: relative;
  list-style: none;
}
ol.three-steps li:before {
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: var(--brand1);
  content: "Step " counter(three-steps);
  display: block;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.cms-index-index header.page-header {
  margin-bottom: 0;
}
.cms-index-index .page-main {
  width: 100vw;
  max-width: 100%;
}
.cms-index-index .page-main .columns .column.main [data-appearance="full-width"].section-blue,
.cms-index-index .page-main .columns .column.main [data-appearance="full-width"].section-yellow {
  padding-top: 0;
  padding-bottom: 0;
}
.cms-index-index .page-main .columns .column.main [data-appearance="full-width"].section-blue > div,
.cms-index-index .page-main .columns .column.main [data-appearance="full-width"].section-yellow > div {
  padding-top: 100px;
  padding-bottom: 100px;
}
.cms-index-index .page-main .columns .column.main [data-appearance="contained"] > .section-blue,
.cms-index-index .page-main .columns .column.main [data-appearance="contained"] > .section-yellow {
  margin-top: -100px;
  margin-bottom: -100px;
  padding-top: 100px;
  padding-bottom: 100px;
}
.cms-index-index .page-main .columns .column.main > [data-content-type="row"] {
  padding-top: 100px;
  padding-bottom: 100px;
}
.cms-index-index .page-main .columns .column.main > [data-content-type="row"] [data-content-type="banner"] {
  margin-top: -100px;
  margin-bottom: -100px;
}
.block-static-block .widget,
.block-cms-link .widget {
  display: grid;
  grid-template-columns: 100%;
  gap: 15px;
}