:root {
  --primary: #a1cd3a;
  --text: #231f20;
  --grey-500: #6c6c6c;
  --secondary: black;
  --white: white;
  --background: white;
  --grey-100: #e2e2e2;
  --red: #cd3b3b;
  --green: #a1cd3a;
  --grey-25: #f8f8f8;
  --grey-50: #f0f0f0;
  --grey-200: #c4c4c4;
  --grey-300: #a7a7a7;
  --grey-400: #898989;
  --grey-600: #5c5c5c;
  --grey-700: #4c4c4c;
  --grey-800: #3b3b3b;
  --grey-900: #2b2b2b;
  --grey-950: #202020;
  --accent: #8b8b8b;
  --tertieary: #b2df4a;
  --grey-951: #231f20;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.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-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 {
  background-color: var(--primary);
  margin: 0;
  padding: 0;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 100%;
  font-weight: 300;
  line-height: 1.5;
}

h1 {
  color: var(--text);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8vw;
  font-weight: 400;
  line-height: .9;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.9rem;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4;
}

h5 {
  color: var(--text);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

h6 {
  color: var(--text);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

p {
  margin-bottom: 1rem;
  line-height: 1.4;
}

a {
  padding: 0;
  text-decoration: none;
}

ul, ol {
  color: #303030;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

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

label {
  color: var(--grey-500);
  margin-bottom: 5px;
  margin-left: 10px;
  font-size: 1rem;
  display: block;
}

em {
  font-style: italic;
}

blockquote {
  color: #303030;
  background-color: #303030;
  background-image: linear-gradient(#fffffff2, #fffffff2);
  border: 1px solid #303030;
  border-left-width: 5px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
}

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

.container--xl-90rem-1440px {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

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

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

.top-bottom__spacing--xl {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.top-bottom__spacing--l {
  width: 100%;
  padding-top: 8rem;
  padding-bottom: 8rem;
  overflow: hidden;
}

.top-bottom__spacing--m {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.top-bottom__spacing--xs {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.heading__style--h3 {
  color: var(--text);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading__style--h4 {
  color: var(--text);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

.heading__style--h6 {
  color: var(--text);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.text__size--l {
  font-size: 1.25rem;
}

.text__size--m {
  font-size: 1rem;
}

.text__size--s {
  font-size: .875rem;
}

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

.text__align--center {
  text-align: center;
  flex-flow: wrap;
  justify-content: center;
}

.button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  cursor: pointer;
  background-color: #303030;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: .8rem 1rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.button.secondary {
  border: 2px solid var(--primary);
  color: #303030;
  mix-blend-mode: normal;
  background-color: #0000;
  position: static;
}

.button.icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.button.text {
  color: #303030;
  background-color: #0000;
  border-radius: 0;
  justify-content: flex-start;
  padding: .25rem;
}

.button.text:hover {
  background-image: none;
}

.button.tertiary {
  color: #303030;
  background-color: #0000;
}

.button.tertiary:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
}

.button.secondary {
  color: #303030;
  mix-blend-mode: normal;
  background-color: #0000;
  border: 2px solid #303030;
  position: static;
}

.button.secondary:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
}

.padding--5rem-80px {
  padding: 5rem;
}

.padding--2-5rem-40px {
  padding: 2.5rem;
}

.padding--2rem-32px {
  padding: 2rem;
}

.padding--1-5rem-24px {
  padding: 1.5rem;
}

.padding--1rem-16px {
  padding: 1rem;
}

.padding--0-5rem-8px {
  padding: .5rem;
}

.margin--1-5rem-24px {
  margin: 1.5rem;
}

.hide {
  display: none;
  overflow: visible;
}

.hide--tablet-down {
  overflow: visible;
}

.max-w--xs-32rem-512px {
  max-width: 32rem;
}

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

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

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

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

.hide--desktop {
  display: none;
}

.icon {
  min-width: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  position: static;
}

._5rem {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
}

._6rem {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
}

._1rem {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

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

.radius--xs {
  border-radius: .25rem;
  overflow: hidden;
}

.radius--s {
  border-radius: .5rem;
  overflow: hidden;
}

.radius--m {
  border-radius: 1rem;
  overflow: hidden;
}

.dropdown-2__link-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-start;
  display: flex;
}

.navbar-2__dropdown__link-1 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dropdown-2__title {
  color: #1f1f1f;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.flex.align--center._0-5rem.w--current {
  color: #ff2828;
}

.flex.align--center {
  align-items: center;
}

.flex.vertical {
  flex-direction: column;
}

.flex.horizontal {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar-2__dropdown--link-wrap {
  flex: 1;
}

.container--infinite {
  width: 100%;
  max-width: 160rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.link__icon {
  border-radius: 0;
}

.navbar-4__dropdown--card {
  border: 5px dashed #027df2;
  margin-top: 1rem;
  box-shadow: 1px 1px 6px #1f1f1f1a;
}

.navbar-4__dropdown--card.radius--m {
  margin-top: .5rem;
}

.border-left {
  border-left: 1px solid #d5d5d5;
}

.border-right {
  border-right: 1px solid #d5d5d5;
}

.border-right-left {
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
}

.dropdown--center {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: -100%;
  right: auto;
}

.dropdown--center.w--open {
  background-color: #0000;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: -100%;
  right: auto;
}

.dropdown--center.medium {
  width: 50vw;
  min-width: 50vw;
}

.dropdown--center.large {
  width: 80vw;
  min-width: 80vw;
}

.dropdown--center.small {
  width: 30vw;
  min-width: 30vw;
}

.grid-tosupp {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-tosupp.desk-2-tosupp.tab-1.mob-1.dropdown-2__gap {
  grid-column-gap: 1rem;
}

._8rem {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
}

.desk-2-tosupp {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.desk-3-tosupp {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.spacer {
  width: 100%;
  padding: 0;
}

.spacer.auto-3xs {
  height: .5rem;
}

.spacer.auto-2xs {
  height: 1em;
}

.spacer.auto-xs {
  height: 1.5rem;
}

.spacer.auto-s {
  height: 2rem;
}

.spacer.auto-m {
  height: 2.5rem;
}

.spacer.auto-xl {
  height: 4rem;
}

.spacer.auto-l {
  height: 3rem;
}

.spacer.auto-2xl {
  height: 6rem;
}

.spacer.auto-3xl {
  height: 10rem;
}

.spacer.hero--section {
  height: 6rem;
}

.spacer.h2--section {
  height: 5rem;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 90%;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.text__align--left {
  text-align: left;
  font-size: 1rem;
}

._0-5rem {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.navbar--left-side-2 {
  flex-direction: column;
  justify-content: center;
  margin-top: .5rem;
  margin-bottom: 2rem;
  padding-left: 0;
}

.styleguide-header__section {
  border-bottom: 1px solid #eaeaea;
  position: relative;
}

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

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

.text__weight--200-extralight {
  font-weight: 200;
}

.border-bottom {
  border-bottom: 1px solid #d5d5d5;
}

.text__size--xs {
  font-size: .75rem;
}

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

.styleguide-box {
  background-color: #027df21a;
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.box-sahdow--m {
  box-shadow: 0 3px 8px 3px #0000001a;
}

.padding--0 {
  padding: 0;
}

.border-top-bottom {
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}

.green-tag {
  color: #fff;
  background-color: #4ba361;
  border-radius: 6px;
  margin-bottom: 1rem;
  padding: .25rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: inline-block;
}

.margin--5rem-80px {
  margin: 5rem;
}

.content-here {
  z-index: -1;
  border: 1px dashed #027df2;
  width: 100%;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

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

.top-bottom__spacing--s {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

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

.border-top {
  border-top: 1px solid #d5d5d5;
}

.text__style--allcaps {
  text-transform: uppercase;
}

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

.tag-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  display: flex;
}

.tag-wrapper._2lines {
  flex-direction: column;
  align-items: flex-start;
}

.max-w--m-64rem-1024px {
  max-width: 64rem;
}

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

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

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

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

.margin-2-5rem-40px {
  margin: 2.5rem;
}

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

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

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

.max-w--s-48rem-768px {
  max-width: 48rem;
}

.radius--xl {
  border-radius: 2rem;
  overflow: hidden;
}

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

.radius--l {
  border-radius: 1.5rem;
  overflow: hidden;
}

.purple-tag {
  color: #fff;
  background-color: #be4ba5;
  border-radius: 6px;
  margin-bottom: 0;
  padding: .25rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: inline-block;
}

.purple-tag.tag-small {
  padding: 0 .5rem;
}

.blue-tag {
  color: #fff;
  background-color: #027df2;
  border-radius: 6px;
  margin-bottom: 0;
  padding: .25rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: inline-block;
}

.blue-tag.small {
  align-self: center;
  padding: 0 .3rem;
  font-size: .825rem;
}

._4rem {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

._3rem {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.text__weight--100-thin {
  font-weight: 100;
}

.border-all {
  border: 1px solid #d5d5d5;
}

.heading__style--h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.navbar-left-side-2__link {
  color: gray;
  border-left: 1px solid #d5d5d5;
  margin-left: -1px;
  padding-left: 1rem;
  font-size: .875rem;
  font-weight: 300;
  display: block;
}

.navbar-left-side-2__link:hover {
  color: #1f1f1f;
  border-left-width: 2px;
  border-left-color: #aaa;
  position: relative;
  left: -1px;
}

.navbar-left-side-2__link.w--current {
  border-left-width: 2px;
  border-left-color: var(--primary);
  color: var(--primary);
  font-weight: 600;
}

.navbar-left-side-2__link.w--current:hover {
  left: 0;
}

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

.hide--mobile-landscape-down {
  overflow: visible;
}

.padding--4rem-64px {
  padding: 4rem;
}

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

.text__style--underline {
  text-decoration: underline;
}

.text__weight--800-extrabold {
  font-weight: 800;
}

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

.padding--8rem-128px {
  padding: 8rem;
}

.navbar-left-side-2__list-item {
  border-left: 1px solid #d5d5d5;
  padding-top: .3rem;
  padding-bottom: .3rem;
}

.heading__style--h5 {
  color: var(--text);
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

.navbar__dashboard-2 {
  background-color: #0000;
  font-size: 1rem;
  line-height: 1.6;
}

.container--xs-32rem-512px {
  width: 100%;
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
}

.padding--3rem-48px {
  padding: 3rem;
}

.text__align--justify {
  text-align: justify;
}

.text__style--striketrought {
  text-decoration: line-through;
}

._wf-styleguide-box {
  background-color: #0000;
  margin-bottom: 3rem;
}

.box-sahdow--l {
  box-shadow: 0 4px 10px 4px #0000001a, 0 2px 3px #0000001a;
}

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

.heading__style--h1 {
  color: var(--text);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.1;
}

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

.hide--mobile-vertical {
  overflow: visible;
}

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

.box-sahdow--xl {
  box-shadow: 0 6px 12px 7px #0000001a, 0 4px 4px #0000001a;
}

.margin--0-5rem-8px {
  margin: .5rem;
}

.form-submit-button {
  background-color: #000;
  padding: .8rem 1.5rem;
}

.margin--0 {
  margin: 0;
}

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

.max-w--l-80rem-1280px {
  max-width: 80rem;
}

.max-w--xl-90rem-1440px {
  max-width: 90rem;
}

.box-sahdow--xs {
  box-shadow: 0 1px 8px 1px #0000000d;
}

.box-sahdow--s {
  box-shadow: 0 2px 6px 2px #00000014;
}

.margin--2rem-32px {
  margin: 2rem;
}

.text__weight--900-black {
  font-weight: 900;
}

.margin--8rem-128px {
  margin: 8rem;
}

.styleguide-class {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #d5d5d5;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-top: 2rem;
}

.margin--4rem-64px {
  margin: 4rem;
}

.justify--space-between {
  justify-content: space-between;
  display: flex;
}

.justify--center {
  justify-content: center;
  display: flex;
}

.delete-this {
  background-image: linear-gradient(120deg, #ffefe9, #fedbd1 5%, #d9d3fc 40%, #ecfcff 75%);
  min-height: 100vh;
}

.starter-kit__card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  width: 440px;
  padding: 4rem;
  display: flex;
  position: relative;
  top: 8rem;
  left: 4rem;
}

.icon-small__1x1--16px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.icon-small__1x1--16px.text-color--white.rotate-90 {
  transform: rotate(-90deg);
}

.icon-small__1x1--24px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.icon-small__1x1--24px.rotate90d {
  transform: rotate(90deg);
}

.icon-medium__1x1--32px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.icon-medium__1x1--48px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.icon-large__1x1--80px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.icon-large--96px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 96px;
  display: flex;
}

.icon-small--16px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 16px;
  display: flex;
}

.icon-small--24px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 24px;
  display: flex;
}

.icon-medium--32px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 32px;
  display: flex;
}

.icon-medium--48px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 48px;
  display: flex;
}

.icon-large--80px {
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 80px;
  display: flex;
}

.button__wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.button__wrapper.align-center {
  justify-content: center;
}

.color-swatches__content {
  width: 1px;
  height: 1px;
  margin-left: 4rem;
  margin-right: 4rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.color--primary {
  background-color: var(--primary);
}

.color--primary-light {
  background-color: var(--primary);
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.color--primary-dark {
  background-color: var(--primary);
  background-image: linear-gradient(#00000080, #00000080);
}

.color--secondary {
  background-color: var(--secondary);
}

.color--secondary-light {
  background-color: var(--secondary);
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.color--secondary-dark {
  background-color: var(--secondary);
  background-image: linear-gradient(#0000001a, #0000001a);
}

.small {
  padding: .5rem;
}

.dropdown__icon {
  color: #fff;
  margin-right: 0;
  display: block;
  position: static;
}

.dropdown__icon.hide--desktop, .dropdown__icon.hide {
  display: none;
}

.dropdown-toggle {
  padding: .8rem 1rem;
}

.dropdown-toggle.small {
  padding: .5rem;
}

.wrap {
  flex-wrap: wrap;
  display: flex;
}

.flex-child__align--center {
  align-self: center;
}

.justify--space-around {
  justify-content: space-around;
  display: flex;
}

.flex-child__align--stretch {
  align-self: stretch;
}

.flex-child__grow {
  flex: 1;
}

.justify--start {
  justify-content: flex-start;
  display: flex;
}

.justify--end {
  justify-content: flex-end;
  display: flex;
}

.align--center {
  align-items: center;
  display: flex;
}

.flex-child__align--bottom {
  align-self: flex-end;
}

.flex-child__align--top {
  align-self: flex-start;
}

.grid-child {
  align-items: center;
  display: flex;
}

.quick-setup-menu {
  position: fixed;
  inset: auto 0% 1rem;
}

.fixed-content {
  background-color: var(--white);
  border-radius: 16px;
  box-shadow: 0 2px 5px #0000001a;
}

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

.color--text {
  background-color: var(--text);
}

.banner-1__content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.text__size-m {
  font-size: 1.125rem;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
  display: block;
}

.image {
  object-fit: cover;
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.dropdown__list {
  background-color: #0000;
  display: none;
  position: absolute;
}

.dropdown__list._100--left {
  margin-left: auto;
  margin-right: auto;
  left: -100%;
  right: auto;
}

.dropdown__list.fullwidth {
  inset: 100% 0% auto;
}

.dropdown__list.fullwidth.w--open {
  position: absolute;
  left: 0%;
  right: 0%;
}

.dropdown__list.center-l {
  width: 700%;
  margin-left: auto;
  margin-right: auto;
  left: -300%;
  right: auto;
}

.dropdown__list.center-m {
  width: 500%;
  margin-left: auto;
  margin-right: auto;
  left: -200%;
  right: auto;
}

.dropdown__list.center-s {
  width: 300%;
  margin-left: auto;
  margin-right: auto;
  left: -100%;
  right: auto;
}

.navbar-1__title {
  color: #1f1f1f;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.text-block-6 {
  color: #1f1f1f;
}

.navbar2__card--content {
  background-color: #fff;
  flex: 1;
}

.dropdown--card {
  background-color: #fff;
  border-radius: 16px;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  box-shadow: 1px 1px 6px #1f1f1f1a;
}

.divider-horizontal-2 {
  border-bottom: 1px solid #d5d5d5;
  height: 1px;
}

.navbar-2__card {
  background-color: #fff;
  border: 1px solid #1f1f1f4d;
  border-radius: 16px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.navbar-2__card:hover {
  box-shadow: 1px 2px 9px #1f1f1f33;
}

.dropdown-4__title {
  color: #1f1f1f;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.navbar-2__dropdown--link-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-2__dropdown--link-2:hover {
  background-color: #1f1f1f0d;
}

.navbar-2__dropdown--right-wrap {
  flex: none;
  min-width: 20%;
}

.navbar__link-wrap {
  grid-column-gap: 1rem;
  background-color: #0000;
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.table--wrapper {
  border: 1px solid #eaeaea;
  border-radius: 1rem;
  width: 100%;
  overflow: hidden;
}

.table--wrapper.table1 {
  border-width: 0;
  border-radius: 0;
}

.table--wrapper.tab2 {
  border-width: 0 0 1px;
  border-bottom-color: #eaeaea;
  border-radius: 0;
}

.table--wrapper.table--naked {
  border-width: 0;
  border-radius: 0;
}

.table--wrapper.table--naked.overflow--visible {
  overflow: visible;
}

.table--row {
  border-bottom: 1px solid #eaeaea;
  justify-content: space-between;
  padding: .5rem 1rem;
  display: flex;
}

.table--row.header {
  color: #565656;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: default;
  background-color: #fafafa;
  font-size: .825rem;
  font-weight: 600;
}

.table--row.last {
  border-bottom-width: 0;
}

.table--row.table1--header {
  color: #565656;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: default;
  font-size: .825rem;
  font-weight: 600;
}

.table--row.test {
  justify-content: flex-start;
}

.table--container.tab--text-weight {
  height: 20rem;
  overflow: auto;
}

.table--container.table-24rem {
  border-bottom: 1px solid var(--grey-100);
  height: 24rem;
  overflow: auto;
}

.table--box {
  flex: 1;
  align-items: center;
  width: auto;
  display: flex;
}

.table--box.large {
  flex: 0 auto;
  width: 35%;
}

.table--box.xlarge {
  flex: 0 auto;
  width: 50%;
}

.table--box._2lines {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.table--box._w-70 {
  flex: 0 auto;
  width: 70%;
}

.table--box._w-30 {
  flex: 0 auto;
  width: 10%;
}

.table--box.table1--col3 {
  flex: 0 auto;
  width: 20%;
}

.table--box.table-h--col1, .table--box.table-heading--col1 {
  flex: 0 auto;
  width: 35%;
}

.table--box.button-text {
  padding-left: .75rem;
}

.table--box._w-8 {
  flex: 0 auto;
  width: 8%;
}

.table--box.table-30 {
  flex: 0 auto;
  width: 30%;
}

.table--box.table-40 {
  flex: 0 auto;
  width: 40%;
}

.table--box.table1--col1 {
  flex: 0 auto;
  width: 60%;
}

.table--box.table1--col2 {
  flex: 0 auto;
  width: 20%;
}

.table--box._w-40 {
  flex: 0 auto;
  width: 40%;
}

.table--box.size {
  flex: 0 auto;
}

.width--2rem-32px {
  width: 2rem;
}

.div-block-11 {
  background-color: #ff7474;
  width: 1rem;
  height: 1rem;
}

.div-block-11-copy {
  background-color: #b2d7ff;
  width: 1rem;
  height: 1rem;
}

.div-block-12 {
  width: 100%;
}

.code {
  color: #303030;
  font-family: Inconsolata, monospace;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

._wf-navigator {
  background-color: #404040;
  border-radius: 8px;
  overflow: hidden;
}

._wf-navigator--top {
  background-color: #2b2b2b;
  justify-content: space-between;
  padding: .3rem .5rem;
  display: flex;
}

._wf-navigator--wrap {
  padding: .5rem .5rem 1rem;
}

.square {
  border: 1px solid var(--white);
  width: 12px;
  height: 12px;
  margin-right: 4px;
  padding-left: 2px;
}

._wf-navigator--line {
  border-left: 1px solid #666;
  width: 1px;
  height: 22px;
  margin-left: 8px;
  margin-right: 8px;
}

._wf-navigator--line.transparent {
  border-left-color: #0000;
}

.h--0-5rem-8px {
  height: .5rem;
}

.h--1rem-16px {
  height: 1rem;
}

.h--1-5rem-24px {
  height: 1.5rem;
}

.h--2rem-32px {
  height: 2rem;
}

.h--2-5rem-40px {
  height: 2.5rem;
}

.h--3rem-48px {
  height: 3rem;
}

.h--4rem-64px {
  height: 4rem;
}

.h--5rem-80px {
  height: 5rem;
}

.h--8rem-128px {
  height: 8rem;
}

.swatch-div {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f7faff;
  border: 1px solid #eaeaea;
  border-radius: 1rem;
  flex: 1;
  align-items: flex-start;
  padding: 1.5rem;
}

.swatch-div.typo {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  display: flex;
}

.swatch-div.heading-layout {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem 6rem;
  display: flex;
}

.h2-title__wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 4rem;
  display: flex;
}

.h2-title__wrap.margin--0 {
  margin-bottom: 0;
}

.h1-title--wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: flex;
}

.color-swatch-box {
  border-radius: .5rem;
  width: 3rem;
  height: 2rem;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.fff6f6 {
  background-color: #fff6f6;
  position: absolute;
  inset: 0%;
}

.feecec {
  background-color: #feecec;
  position: absolute;
  inset: 0%;
}

.ffd8d8 {
  background-color: #ffd8d8;
  position: absolute;
  inset: 0%;
}

.ffb2b2 {
  background-color: #ffb2b2;
  position: absolute;
  inset: 0%;
}

.f59090 {
  background-color: #f59090;
  position: absolute;
  inset: 0%;
}

.ed6d6d {
  background-color: #ed6d6d;
  position: absolute;
  inset: 0%;
}

.e34b4b {
  background-color: #e34b4b;
  position: absolute;
  inset: 0%;
}

.cd3b3b {
  background-color: var(--red);
  position: absolute;
  inset: 0%;
}

.b22d2d {
  background-color: #b22d2d;
  position: absolute;
  inset: 0%;
}

._951f1f {
  background-color: #951f1f;
  position: absolute;
  inset: 0%;
}

._731414 {
  background-color: #731414;
  position: absolute;
  inset: 0%;
}

._5f0b0b {
  background-color: #5f0b0b;
  position: absolute;
  inset: 0%;
}

.text-color-hexadecimal {
  color: #565656;
  text-transform: lowercase;
  font-size: .75rem;
}

.text-swatch-color {
  color: #303030;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: .75rem;
  display: flex;
}

.text-swatch-color.text-color--white {
  color: var(--white);
}

.fff8f5 {
  background-color: #fff8f5;
}

.fff1e9 {
  background-color: #fff1e9;
  position: absolute;
  inset: 0%;
}

.ffe3d4 {
  background-color: #ffe3d4;
  position: absolute;
  inset: 0%;
}

.ffc8a8 {
  background-color: #ffc8a8;
  position: absolute;
  inset: 0%;
}

.fcad81 {
  background-color: #fcad81;
  position: absolute;
  inset: 0%;
}

.f99358 {
  background-color: #f99358;
  position: absolute;
  inset: 0%;
}

.f67830 {
  background-color: #f67830;
  position: absolute;
  inset: 0%;
}

.d96421 {
  background-color: #d96421;
  position: absolute;
  inset: 0%;
}

.b2521b {
  background-color: #b2521b;
  position: absolute;
  inset: 0%;
}

._8d4013 {
  background-color: #8d4013;
  position: absolute;
  inset: 0%;
}

._682e0c {
  background-color: #682e0c;
  position: absolute;
  inset: 0%;
}

._512207 {
  background-color: #512207;
  position: absolute;
  inset: 0%;
}

.fffaf3 {
  background-color: #fffaf3;
  position: absolute;
  inset: 0%;
}

.fff5e8 {
  background-color: #fff5e8;
  position: absolute;
  inset: 0%;
}

.ffecce {
  background-color: #ffecce;
  position: absolute;
  inset: 0%;
}

.ffd89d {
  background-color: #ffd89d;
  position: absolute;
  inset: 0%;
}

.fbc674 {
  background-color: #fbc674;
  position: absolute;
  inset: 0%;
}

.f9b349 {
  background-color: #f9b349;
  position: absolute;
  inset: 0%;
}

.f5a01f {
  background-color: #f5a01f;
  position: absolute;
  inset: 0%;
}

.d38815 {
  background-color: #d38815;
  position: absolute;
  inset: 0%;
}

.ad7012 {
  background-color: #ad7012;
  position: absolute;
  inset: 0%;
}

._89580d {
  background-color: #89580d;
  position: absolute;
  inset: 0%;
}

._644008 {
  background-color: #644008;
  position: absolute;
  inset: 0%;
}

._4c3004 {
  background-color: #4c3004;
  position: absolute;
  inset: 0%;
}

.fffdf3 {
  background-color: #fffdf3;
  position: absolute;
  inset: 0%;
}

.fffbe7 {
  background-color: #fffbe7;
  position: absolute;
  inset: 0%;
}

.fff7d0 {
  background-color: #fff7d0;
  position: absolute;
  inset: 0%;
}

.fff0a1 {
  background-color: #fff0a1;
  position: absolute;
  inset: 0%;
}

.ffe871 {
  background-color: #ffe871;
  position: absolute;
  inset: 0%;
}

.ffe142 {
  background-color: #ffe142;
  position: absolute;
  inset: 0%;
}

.ffd913 {
  background-color: #ffd913;
  position: absolute;
  inset: 0%;
}

.dab80d {
  background-color: #dab80d;
  position: absolute;
  inset: 0%;
}

.b3980a {
  background-color: #b3980a;
  position: absolute;
  inset: 0%;
}

._8d7707 {
  background-color: #8d7707;
  position: absolute;
  inset: 0%;
}

._675705 {
  background-color: #675705;
  position: absolute;
  inset: 0%;
}

._4e4103 {
  background-color: #4e4103;
  position: absolute;
  inset: 0%;
}

.fdfff0 {
  background-color: #fdfff0;
  position: absolute;
  inset: 0%;
}

.fdffdf {
  background-color: #fdffdf;
  position: absolute;
  inset: 0%;
}

.faffbb {
  background-color: #faffbb;
  position: absolute;
  inset: 0%;
}

.f5ff7e {
  background-color: #f5ff7e;
  position: absolute;
  inset: 0%;
}

.edf864 {
  background-color: #edf864;
  position: absolute;
  inset: 0%;
}

.e6f446 {
  background-color: #e6f446;
  position: absolute;
  inset: 0%;
}

.deed2d {
  background-color: #deed2d;
  position: absolute;
  inset: 0%;
}

.beca1e {
  background-color: #beca1e;
  position: absolute;
  inset: 0%;
}

._9ba71a {
  background-color: #9ba71a;
  position: absolute;
  inset: 0%;
}

._7a8313 {
  background-color: #7a8313;
  position: absolute;
  inset: 0%;
}

._59600c {
  background-color: #59600c;
  position: absolute;
  inset: 0%;
}

._434807 {
  background-color: #434807;
  position: absolute;
  inset: 0%;
}

.page-anchor {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 3rem;
}

.typo-swatch--wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.auto-card-1 {
  background-color: var(--white);
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 0 14px -4px #0000001a;
}

.block-quote {
  z-index: 0;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--grey-500);
  background-color: #fafafa;
  border: 1px solid #d5d5d5;
  border-radius: .5rem;
  align-items: center;
  width: 100%;
  padding: 1rem;
  display: flex;
  position: relative;
}

.block-quote.green {
  color: var(--green);
  background-color: #f3fef8;
  background-image: none;
  border-color: #30b175;
}

.block-quote.red {
  color: var(--red);
  background-color: #fff6f6;
  border-color: #ffb2b2;
}

.block-quote.z-index-1 {
  z-index: -1;
}

.f9fef1 {
  background-color: #f9fef1;
  position: absolute;
  inset: 0%;
}

.f3fee1 {
  background-color: #f3fee1;
  position: absolute;
  inset: 0%;
}

.e5ffbd {
  background-color: #e5ffbd;
  position: absolute;
  inset: 0%;
}

.ccff7f {
  background-color: #ccff7f;
  position: absolute;
  inset: 0%;
}

.bcf16c {
  background-color: #bcf16c;
  position: absolute;
  inset: 0%;
}

.abe750 {
  background-color: #abe750;
  position: absolute;
  inset: 0%;
}

._9bd93d {
  background-color: #9bd93d;
  position: absolute;
  inset: 0%;
}

._82bb2a {
  background-color: #82bb2a;
  position: absolute;
  inset: 0%;
}

._6b9b22 {
  background-color: #6b9b22;
  position: absolute;
  inset: 0%;
}

._537a19 {
  background-color: #537a19;
  position: absolute;
  inset: 0%;
}

._3c5910 {
  background-color: #3c5910;
  position: absolute;
  inset: 0%;
}

._2d4409 {
  background-color: #2d4409;
  position: absolute;
  inset: 0%;
}

.f3fef5 {
  background-color: #f3fef5;
  position: absolute;
  inset: 0%;
}

.e7fee9 {
  background-color: #e7fee9;
  position: absolute;
  inset: 0%;
}

.c8ffd0 {
  background-color: #c8ffd0;
  position: absolute;
  inset: 0%;
}

._94ffa0 {
  background-color: #94ffa0;
  position: absolute;
  inset: 0%;
}

._80e88b {
  background-color: #80e88b;
  position: absolute;
  inset: 0%;
}

._66d771 {
  background-color: #66d771;
  position: absolute;
  inset: 0%;
}

._52c05e {
  background-color: #52c05e;
  position: absolute;
  inset: 0%;
}

._38ac45 {
  background-color: var(--green);
  position: absolute;
  inset: 0%;
}

._2e8e39 {
  background-color: #2e8e39;
  position: absolute;
  inset: 0%;
}

._22712b {
  background-color: #22712b;
  position: absolute;
  inset: 0%;
}

._15551d {
  background-color: #15551d;
  position: absolute;
  inset: 0%;
}

._0c4211 {
  background-color: #0c4211;
  position: absolute;
  inset: 0%;
}

.text-green {
  color: var(--green);
  font-weight: 500;
}

.text-red {
  color: var(--red);
  font-weight: 500;
}

.text-grey {
  color: var(--grey-500);
  font-weight: 500;
}

.menu-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  margin-bottom: 0;
  padding-top: 5rem;
  padding-left: 2rem;
  padding-right: 4rem;
  display: flex;
  position: sticky;
  top: 0;
  bottom: auto;
  overflow: auto;
}

.styleguide__section-title {
  border-bottom: 1px solid #eaeaea;
  margin-top: 6rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}

.flex-vertical {
  flex-direction: column;
  display: flex;
}

.flex-vertical._2-5rem {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
}

.customization-anchor {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 3rem;
}

.samples {
  flex: 1;
}

.samples.hidelayers {
  flex: 0 auto;
  height: 62px;
  overflow: hidden;
}

.div-block-23 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-around;
  display: flex;
}

.icon-large__1x1--96px {
  flex: none;
  width: 96px;
  height: 96px;
}

.content-here-2 {
  z-index: -1;
  background-color: #c3e2ff;
  min-width: 6rem;
  height: 3rem;
  position: relative;
  inset: 100% 100% 0% 0%;
}

.content-here-3 {
  z-index: -1;
  background-color: #fafafa;
  min-width: 3rem;
  height: 3rem;
  position: relative;
  inset: 100% 100% 0% 0%;
}

.content-here-3.white {
  background-color: var(--white);
}

.hide--tablet-up, .hide--mobile-landscape-up {
  display: none;
}

.flex-child__align--baseline {
  align-self: baseline;
}

.flex-child__dont-grow {
  flex: none;
}

.flex-child__shrink {
  flex: 0 auto;
}

.vertical {
  flex-direction: column;
  display: flex;
}

.horizontal {
  grid-column-gap: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.align--top {
  align-items: flex-start;
  display: flex;
}

.align--bottom {
  align-items: flex-end;
  display: flex;
}

.align--stretch {
  align-items: stretch;
  display: flex;
}

.align--baseline {
  align-items: baseline;
  display: flex;
}

.mob-vertical, .tab-vertical, .mob-vertical-reverse, .tab-vertical-reverse {
  display: flex;
}

.f8f8f8 {
  background-color: var(--grey-25);
  position: absolute;
  inset: 0%;
}

.f0f0f0 {
  background-color: var(--grey-50);
  position: absolute;
  inset: 0%;
}

.e2e2e2 {
  background-color: var(--grey-100);
  position: absolute;
  inset: 0%;
}

.c4c4c4 {
  background-color: var(--grey-200);
  position: absolute;
  inset: 0%;
}

.a7a7a7 {
  background-color: var(--grey-300);
  position: absolute;
  inset: 0%;
}

._898989 {
  background-color: var(--grey-400);
  position: absolute;
  inset: 0%;
}

._6c6c6c {
  background-color: var(--grey-500);
  position: absolute;
  inset: 0%;
}

._5c5c5c {
  background-color: var(--grey-600);
  position: absolute;
  inset: 0%;
}

._4c4c4c {
  background-color: var(--grey-700);
  position: absolute;
  inset: 0%;
}

._3b3b3b {
  background-color: var(--grey-800);
  position: absolute;
  inset: 0%;
}

._2b2b2b {
  background-color: var(--grey-900);
  position: absolute;
  inset: 0%;
}

._202020 {
  background-color: var(--grey-950);
  position: absolute;
  inset: 0%;
}

.secondary {
  background-color: #d1d1d1;
  position: absolute;
  inset: 0%;
}

.tagline {
  color: var(--accent);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 600;
}

.navbar__navlink {
  color: #303030;
  background-color: #0000;
}

.navbar__navlink.static {
  position: static;
}

.paragraph {
  background-color: #0000;
}

.color--accent {
  background-color: var(--accent);
}

.container {
  color: var(--text);
  margin-left: auto;
  margin-right: auto;
  padding-left: 6rem;
  padding-right: 6rem;
  position: relative;
  overflow: hidden;
}

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

.container.menu {
  z-index: 1;
}

.container.grey {
  background-color: var(--text);
  color: var(--primary);
  max-width: none;
}

.container.grey.text-green {
  color: var(--primary);
}

.container.section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.container.section.first {
  padding-top: 6rem;
}

.container.add-bottom-padding {
  padding-bottom: 4rem;
}

.container.white {
  background-color: #fff;
  font-size: 1rem;
}

.container.text-green {
  color: var(--primary);
}

.container.drop-trigger.anim-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.background {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.background-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.h--15rem-240px {
  height: 15rem;
}

.image__wrap {
  flex-direction: column;
  align-items: stretch;
  min-height: 100%;
  position: relative;
  overflow: hidden;
}

.image__wrap.size--15rem {
  padding-top: 15rem;
}

.max-w--60ch {
  max-width: 60ch;
}

.f3fefb {
  background-color: #f3fefb;
  position: absolute;
  inset: 0%;
}

.e2fefa {
  background-color: #e2fefa;
  position: absolute;
  inset: 0%;
}

.c2fff7 {
  background-color: #c2fff7;
  position: absolute;
  inset: 0%;
}

._88ffed {
  background-color: #88ffed;
  position: absolute;
  inset: 0%;
}

._71eeda {
  background-color: #71eeda;
  position: absolute;
  inset: 0%;
}

._53e1ca {
  background-color: #53e1ca;
  position: absolute;
  inset: 0%;
}

._3ccfb8 {
  background-color: #3ccfb8;
  position: absolute;
  inset: 0%;
}

._29b59e {
  background-color: #29b59e;
  position: absolute;
  inset: 0%;
}

._229583 {
  background-color: #229583;
  position: absolute;
  inset: 0%;
}

._197667 {
  background-color: #197667;
  position: absolute;
  inset: 0%;
}

._10574c {
  background-color: #10574c;
  position: absolute;
  inset: 0%;
}

._094239 {
  background-color: #094239;
  position: absolute;
  inset: 0%;
}

.f4fcfe {
  background-color: #f4fcfe;
  position: absolute;
  inset: 0%;
}

.e7f9fe {
  background-color: #e7f9fe;
  position: absolute;
  inset: 0%;
}

.caf4ff {
  background-color: #caf4ff;
  position: absolute;
  inset: 0%;
}

._98e8ff {
  background-color: #98e8ff;
  position: absolute;
  inset: 0%;
}

._7cd3ee {
  background-color: #7cd3ee;
  position: absolute;
  inset: 0%;
}

._5ac2e1 {
  background-color: #5ac2e1;
  position: absolute;
  inset: 0%;
}

._3daecf {
  background-color: #3daecf;
  position: absolute;
  inset: 0%;
}

._2a98b8 {
  background-color: #2a98b8;
  position: absolute;
  inset: 0%;
}

._227d98 {
  background-color: #227d98;
  position: absolute;
  inset: 0%;
}

._196379 {
  background-color: #196379;
  position: absolute;
  inset: 0%;
}

._104959 {
  background-color: #104959;
  position: absolute;
  inset: 0%;
}

._093745 {
  background-color: #093745;
  position: absolute;
  inset: 0%;
}

.f5faff {
  background-color: #f5faff;
  position: absolute;
  inset: 0%;
}

.e9f6fe {
  background-color: #e9f6fe;
  position: absolute;
  inset: 0%;
}

.d3ecff {
  background-color: #d3ecff;
  position: absolute;
  inset: 0%;
}

.a6daff {
  background-color: #a6daff;
  position: absolute;
  inset: 0%;
}

._83c6f5 {
  background-color: #83c6f5;
  position: absolute;
  inset: 0%;
}

._5db1ed {
  background-color: #5db1ed;
  position: absolute;
  inset: 0%;
}

._3a9ce2 {
  background-color: #3a9ce2;
  position: absolute;
  inset: 0%;
}

._2788cc {
  background-color: #2788cc;
  position: absolute;
  inset: 0%;
}

._216fa8 {
  background-color: #216fa8;
  position: absolute;
  inset: 0%;
}

._185886 {
  background-color: #185886;
  position: absolute;
  inset: 0%;
}

._0f4064 {
  background-color: #0f4064;
  position: absolute;
  inset: 0%;
}

._08314e {
  background-color: #08314e;
  position: absolute;
  inset: 0%;
}

.radius--0 {
  border-radius: 0;
  overflow: hidden;
}

.tab__radius--0 {
  overflow: hidden;
}

.h--100vh {
  height: 100vh;
}

.component-anchor {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 3rem;
}

.f5f8ff {
  background-color: #f5f8ff;
  position: absolute;
  inset: 0%;
}

.ecf1ff {
  background-color: #ecf1ff;
  position: absolute;
  inset: 0%;
}

.d7e4ff {
  background-color: #d7e4ff;
  position: absolute;
  inset: 0%;
}

.b0c8ff {
  background-color: #b0c8ff;
  position: absolute;
  inset: 0%;
}

._8aadfa {
  background-color: #8aadfa;
  position: absolute;
  inset: 0%;
}

._6491f7 {
  background-color: #6491f7;
  position: absolute;
  inset: 0%;
}

._3e76f2 {
  background-color: #3e76f2;
  position: absolute;
  inset: 0%;
}

._3164d8 {
  background-color: #3164d8;
  position: absolute;
  inset: 0%;
}

._2453ba {
  background-color: #2453ba;
  position: absolute;
  inset: 0%;
}

._194299 {
  background-color: #194299;
  position: absolute;
  inset: 0%;
}

._102f76 {
  background-color: #102f76;
  position: absolute;
  inset: 0%;
}

._092361 {
  background-color: #092361;
  position: absolute;
  inset: 0%;
}

.f7f7ff {
  background-color: #f7f7ff;
  position: absolute;
  inset: 0%;
}

.efefff {
  background-color: #efefff;
  position: absolute;
  inset: 0%;
}

.dfdfff {
  background-color: #dfdfff;
  position: absolute;
  inset: 0%;
}

.bebeff {
  background-color: #bebeff;
  position: absolute;
  inset: 0%;
}

._9d9ff8 {
  background-color: #9d9ff8;
  position: absolute;
  inset: 0%;
}

._7e80f4 {
  background-color: #7e80f4;
  position: absolute;
  inset: 0%;
}

._5e60ed {
  background-color: #5e60ed;
  position: absolute;
  inset: 0%;
}

._4f51d4 {
  background-color: #4f51d4;
  position: absolute;
  inset: 0%;
}

._4041b8 {
  background-color: #4041b8;
  position: absolute;
  inset: 0%;
}

._3031a1 {
  background-color: #3031a1;
  position: absolute;
  inset: 0%;
}

._1f1f97 {
  background-color: #1f1f97;
  position: absolute;
  inset: 0%;
}

._0f12a3 {
  background-color: #0f12a3;
  position: absolute;
  inset: 0%;
}

.f8f6ff {
  background-color: #f8f6ff;
  position: absolute;
  inset: 0%;
}

.f2edfe {
  background-color: #f2edfe;
  position: absolute;
  inset: 0%;
}

.e4dcff {
  background-color: #e4dcff;
  position: absolute;
  inset: 0%;
}

.cbb8ff {
  background-color: #cbb8ff;
  position: absolute;
  inset: 0%;
}

.b097f5 {
  background-color: #b097f5;
  position: absolute;
  inset: 0%;
}

._9575ed {
  background-color: #9575ed;
  position: absolute;
  inset: 0%;
}

._7a54e4 {
  background-color: #7a54e4;
  position: absolute;
  inset: 0%;
}

._6944ce {
  background-color: #6944ce;
  position: absolute;
  inset: 0%;
}

._5737b3 {
  background-color: #5737b3;
  position: absolute;
  inset: 0%;
}

._46269e {
  background-color: #46269e;
  position: absolute;
  inset: 0%;
}

._36168e {
  background-color: #36168e;
  position: absolute;
  inset: 0%;
}

._2b0c78 {
  background-color: #2b0c78;
  position: absolute;
  inset: 0%;
}

.faf6fe {
  background-color: #faf6fe;
  position: absolute;
  inset: 0%;
}

.f8ecfe {
  background-color: #f8ecfe;
  position: absolute;
  inset: 0%;
}

.f0d8ff {
  background-color: #f0d8ff;
  position: absolute;
  inset: 0%;
}

.e1b1ff {
  background-color: #e1b1ff;
  position: absolute;
  inset: 0%;
}

.cc91ef {
  background-color: #cc91ef;
  position: absolute;
  inset: 0%;
}

.b76ee4 {
  background-color: #b76ee4;
  position: absolute;
  inset: 0%;
}

.a14ed4 {
  background-color: #a14ed4;
  position: absolute;
  inset: 0%;
}

._903cc3 {
  background-color: #903cc3;
  position: absolute;
  inset: 0%;
}

._7b2ea9 {
  background-color: #7b2ea9;
  position: absolute;
  inset: 0%;
}

._65208f {
  background-color: #65208f;
  position: absolute;
  inset: 0%;
}

._4c146f {
  background-color: #4c146f;
  position: absolute;
  inset: 0%;
}

._3c0b5c {
  background-color: #3c0b5c;
  position: absolute;
  inset: 0%;
}

.fef5fd {
  background-color: #fef5fd;
  position: absolute;
  inset: 0%;
}

.feebfb {
  background-color: #feebfb;
  position: absolute;
  inset: 0%;
}

.ffd6fc-copy {
  background-color: #ffd6fc;
  position: absolute;
  inset: 0%;
}

.ffadf7 {
  background-color: #ffadf7;
  position: absolute;
  inset: 0%;
}

.ef8ee6 {
  background-color: #ef8ee6;
  position: absolute;
  inset: 0%;
}

.e46cd8 {
  background-color: #e46cd8;
  position: absolute;
  inset: 0%;
}

.d44ec7 {
  background-color: #d44ec7;
  position: absolute;
  inset: 0%;
}

.c338b6 {
  background-color: #c338b6;
  position: absolute;
  inset: 0%;
}

.a52c99 {
  background-color: #a52c99;
  position: absolute;
  inset: 0%;
}

._85207a {
  background-color: #85207a;
  position: absolute;
  inset: 0%;
}

._65145e {
  background-color: #65145e;
  position: absolute;
  inset: 0%;
}

._510b4b {
  background-color: #510b4b;
  position: absolute;
  inset: 0%;
}

.fef5f9 {
  background-color: #fef5f9;
  position: absolute;
  inset: 0%;
}

.feebf5 {
  background-color: #feebf5;
  position: absolute;
  inset: 0%;
}

.ffd7eb {
  background-color: #ffd7eb;
  position: absolute;
  inset: 0%;
}

.ffafd5 {
  background-color: #ffafd5;
  position: absolute;
  inset: 0%;
}

.ef8fbe {
  background-color: #ef8fbe;
  position: absolute;
  inset: 0%;
}

.e46da6 {
  background-color: #e46da6;
  position: absolute;
  inset: 0%;
}

.d44e8f {
  background-color: #d44e8f;
  position: absolute;
  inset: 0%;
}

.c33a7d {
  background-color: #c33a7d;
  position: absolute;
  inset: 0%;
}

.a82c68 {
  background-color: #a82c68;
  position: absolute;
  inset: 0%;
}

._892053 {
  background-color: #892053;
  position: absolute;
  inset: 0%;
}

._69143d {
  background-color: #69143d;
  position: absolute;
  inset: 0%;
}

._550b2f {
  background-color: #550b2f;
  position: absolute;
  inset: 0%;
}

.fff7f8 {
  background-color: #fff7f8;
  position: absolute;
  inset: 0%;
}

.feeef2 {
  background-color: #feeef2;
  position: absolute;
  inset: 0%;
}

.ffdee3 {
  background-color: #ffdee3;
  position: absolute;
  inset: 0%;
}

.ffbbc8 {
  background-color: #ffbbc8;
  position: absolute;
  inset: 0%;
}

.f59eae {
  background-color: #f59eae;
  position: absolute;
  inset: 0%;
}

.ed7f94 {
  background-color: #ed7f94;
  position: absolute;
  inset: 0%;
}

.e4627a {
  background-color: #e4627a;
  position: absolute;
  inset: 0%;
}

.ce4d66 {
  background-color: #ce4d66;
  position: absolute;
  inset: 0%;
}

.b33c51 {
  background-color: #b33c51;
  position: absolute;
  inset: 0%;
}

._9a283d {
  background-color: #9a283d;
  position: absolute;
  inset: 0%;
}

._78192c {
  background-color: #78192c;
  position: absolute;
  inset: 0%;
}

._630e20 {
  background-color: #630e20;
  position: absolute;
  inset: 0%;
}

.h--50vh {
  height: 50vh;
}

.min-h--0-5rem-8px {
  min-height: .5rem;
}

.min-h--1rem-16px {
  min-height: 1rem;
}

.min-h--1-5rem-24px {
  min-height: 1.5rem;
}

.min-h--2rem-32px {
  min-height: 2rem;
}

.min-h--2-5rem-40px {
  min-height: 2.5rem;
}

.min-h--3rem-48px {
  min-height: 3rem;
}

.min-h--4rem-64px {
  min-height: 4rem;
}

.min-h--5rem-80px {
  min-height: 5rem;
}

.min-h--8rem-128px {
  min-height: 8rem;
}

.min-h--15rem-240px {
  min-height: 15rem;
}

.max-h--0-5rem-8px {
  max-height: .5rem;
}

.max-h--1rem-16px {
  max-height: 1rem;
}

.max-h--1-5rem-24px {
  max-height: 1.5rem;
}

.max-h--2rem-32px {
  max-height: 2rem;
}

.max-h--2-5rem-40px {
  max-height: 2.5rem;
}

.max-h--3rem-48px {
  max-height: 3rem;
}

.max-h--4rem-64px {
  max-height: 4rem;
}

.max-h--5rem-80px {
  max-height: 5rem;
}

.max-h--8rem-128px {
  max-height: 8rem;
}

.max-h--15rem-240px {
  max-height: 15rem;
}

.h--0 {
  height: 0;
}

.view-div {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f7faff;
  border: 1px solid #eaeaea;
  border-radius: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-items: stretch;
  padding: 1.5rem;
  display: flex;
  position: static;
}

.inside-div {
  background-color: #027df2;
  border-radius: 4px;
  width: 2rem;
  height: 100%;
  position: static;
}

.h--24rem-384px {
  height: 24rem;
}

.view-div-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: static;
}

.h--auto {
  height: auto;
}

.h--100 {
  height: 100%;
}

.h--50 {
  height: 50%;
}

.h--33 {
  height: 33.3333%;
}

.h--66 {
  height: 66.6667%;
}

.h--20 {
  height: 20%;
}

.h--40 {
  height: 40%;
}

.h--60 {
  height: 60%;
}

.h--80 {
  height: 80%;
}

.min-h--100vh {
  min-height: 100vh;
}

.min-h--50vh {
  min-height: 50vh;
}

.min-h--20 {
  min-height: 20%;
}

.min-h--33 {
  min-height: 33.3333%;
}

.min-h--40 {
  min-height: 40%;
}

.min-h--50 {
  min-height: 50%;
}

.min-h--60 {
  min-height: 60%;
}

.min-h--66 {
  min-height: 66.6667%;
}

.min-h--80 {
  min-height: 80%;
}

.min-h--100 {
  min-height: 100%;
}

.min-h--24rem-384px {
  min-height: 24rem;
}

.min-h--0 {
  min-height: 0;
}

.h--25 {
  height: 25%;
}

.h--75 {
  height: 75%;
}

.min-h--25 {
  min-height: 25%;
}

.min-h--75 {
  min-height: 75%;
}

.min-h--20vh {
  min-height: 20vh;
}

.min-h--25vh {
  min-height: 25vh;
}

.min-h--33vh {
  min-height: 33.3333vh;
}

.min-h--40vh {
  min-height: 40vh;
}

.min-h--60vh {
  min-height: 60vh;
}

.min-h--66vh {
  min-height: 66.6667vh;
}

.min-h--75vh {
  min-height: 75vh;
}

.min-h--80vh {
  min-height: 80vh;
}

.max-h--0 {
  max-height: 0;
}

.max-h--1px {
  max-height: 1px;
}

.max-h--100 {
  max-height: 100%;
}

.max-h--100vh {
  max-height: 100vh;
}

._w--0-5rem-8px {
  width: .5rem;
}

._w--1rem-16px {
  width: 1rem;
}

._w--1-5rem-24px {
  width: 1.5rem;
}

._w--2rem-32px {
  width: 2rem;
}

._w--2-5rem-40px {
  width: 2.5rem;
}

._w--3rem-48px {
  width: 3rem;
}

._w--4rem-64px {
  width: 4rem;
}

._w--5rem-80px {
  width: 5rem;
}

._w--8rem-128px {
  width: 8rem;
}

._w--15rem-240px {
  width: 15rem;
}

._w--24rem-384px {
  width: 24rem;
}

._w--auto {
  width: auto;
}

._w--20 {
  width: 20%;
}

._w--25 {
  width: 25%;
}

._w--33 {
  width: 33.3333%;
}

._w--40 {
  width: 40%;
}

._w--50 {
  width: 50%;
}

._w--60 {
  width: 60%;
}

._w--66 {
  width: 66.6667%;
}

._w--75 {
  width: 75%;
}

._w--80 {
  width: 80%;
}

._w--100 {
  width: 100%;
}

._w--100vw {
  width: 100vw;
}

._w--50vw {
  width: 50vw;
}

.min-w--0 {
  min-width: 0;
}

.min-w--100 {
  min-width: 100%;
}

.min-w--100vw {
  min-width: 100vw;
}

.max-w--15rem-240px {
  max-width: 15rem;
}

.max-w--0 {
  max-width: 0;
}

.max-w--1px {
  max-width: 1px;
}

.max-w--100 {
  max-width: 100%;
}

.max-w--100vw {
  max-width: 100vw;
}

.max-w--24rem-384px {
  max-width: 24rem;
}

._10rem {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
}

._7rem {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(26vw, 1fr));
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: stretch stretch;
  display: grid;
}

.grid.desk-2--2-1 {
  grid-template-columns: 2fr 1fr;
}

.grid.desk-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid.desk-2 {
  grid-template-columns: 1fr 1fr;
}

.grid.desk-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

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

.grid.desk-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid.auto {
  grid-template-columns: auto auto;
}

.grid.desk-6 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid.desk-2--1-2 {
  grid-template-columns: 1fr 2fr;
}

.grid.horizontal {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

._0rem {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

._9rem {
  grid-column-gap: 9rem;
  grid-row-gap: 9rem;
}

.swatch-grid {
  background-color: #027df2;
  border-radius: 4px;
  width: 100%;
  min-width: 3rem;
  height: 3rem;
}

.column.desk-10 {
  width: 83.33%;
}

.column.desk-12 {
  width: 100%;
}

.column.desk-3 {
  width: 25%;
}

.column.desk-11 {
  width: 91.66%;
}

.column.desk-5 {
  width: 41.66%;
}

.column.desk-4 {
  width: 33.33%;
}

.column.desk-2 {
  width: 16.66%;
}

.column.desk-1 {
  width: 8.33%;
}

.column.desk-6 {
  width: 50%;
}

.column.desk-8 {
  width: 66.66%;
}

.column.desk-7 {
  width: 58.3333%;
}

.column.desk-9 {
  width: 75%;
}

._12-column-row {
  display: flex;
}

.swatch-column {
  background-color: #027df2;
  border-radius: 4px;
  width: 100%;
  height: 3rem;
}

.auto-card-2 {
  background-color: #fff;
  border-radius: 1rem;
  width: 100%;
  padding: 2rem;
  box-shadow: 0 0 14px -4px #0000001a;
}

.text__color--text {
  color: var(--text);
}

._w--45rem-720px {
  width: 45rem;
}

.min-w--20vw {
  min-width: 20vw;
}

.min-w--25vw {
  min-width: 25vw;
}

.min-w--33vw {
  min-width: 33.3333vw;
}

.min-w--40vw {
  min-width: 40vw;
}

.min-w--50vw {
  min-width: 50vw;
}

.min-w--60vw {
  min-width: 60vw;
}

.min-w--66vw {
  min-width: 66.6667vw;
}

.min-w--75vw {
  min-width: 75vw;
}

.min-w--80vw {
  min-width: 80vw;
}

.overflow--auto {
  overflow: auto;
}

.overflow--visible {
  overflow: visible;
}

.overflow--hidden {
  overflow: hidden;
}

.overflow--scroll {
  overflow: scroll;
}

.text__color--grey-950 {
  color: var(--grey-950);
}

.text__color--grey-900 {
  color: var(--grey-900);
}

.text__color--grey-800 {
  color: var(--grey-800);
}

.text__color--grey-700 {
  color: var(--grey-700);
}

.text__color--grey-600 {
  color: var(--grey-600);
}

.text__color--grey-500 {
  color: var(--grey-500);
}

.text__color--grey-400 {
  color: var(--grey-400);
}

.text__color--grey-300 {
  color: var(--grey-300);
}

.text__color--grey-200 {
  color: var(--grey-200);
}

.text__color--grey-100 {
  color: var(--grey-100);
}

.text__color--grey-50 {
  color: var(--grey-50);
}

.text__color--grey-25 {
  color: var(--grey-25);
}

.text__color--white {
  color: var(--white);
}

.text__color--green {
  color: var(--green);
}

.text__color--red {
  color: var(--red);
}

._w--10 {
  width: 10%;
}

._w--30 {
  width: 30%;
}

._w--70 {
  width: 70%;
}

._w--90 {
  width: 90%;
}

.primary-absolute {
  background-color: var(--primary);
  position: absolute;
  inset: 0%;
}

.secondary-absolute {
  background-color: var(--secondary);
  position: absolute;
  inset: 0%;
}

.accent-absolute {
  background-color: var(--accent);
  position: absolute;
  inset: 0%;
}

.background-absolute {
  background-color: var(--background);
  position: absolute;
  inset: 0%;
}

.primary-light-absolute {
  background-color: var(--primary);
  background-image: linear-gradient(#ffffff80, #ffffff80);
  position: absolute;
  inset: 0%;
}

.primary-dark-absolute {
  background-color: var(--primary);
  background-image: linear-gradient(#00000080, #00000080);
  position: absolute;
  inset: 0%;
}

.secondary-light-absolute {
  background-color: var(--secondary);
  background-image: linear-gradient(#ffffff80, #ffffff80);
  position: absolute;
  inset: 0%;
}

.secondary-dark-absolute {
  background-color: var(--secondary);
  background-image: linear-gradient(#0000001a, #0000001a);
  position: absolute;
  inset: 0%;
}

.quick-setup {
  height: 10rem;
}

.style-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.mockup {
  background-image: url('../images/MM02_Milmonde_Website_02.jpg');
  background-position: 0 0;
  background-size: cover;
}

.navbar-logo-center-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.navbar-logo-center-container.shadow-three {
  width: 100%;
  max-width: 1140px;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6rem;
  max-height: 40vh;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.navbar-brand {
  z-index: 5;
  width: 190px;
  position: absolute;
}

.nav-menu-wrapper-ol {
  background-color: var(--text);
  flex-direction: column;
  align-self: flex-start;
  width: 100vw;
  height: 100vh;
  margin-left: 0;
  padding-top: 280px;
  padding-bottom: 80px;
  display: none;
  position: fixed;
  inset: 0%;
}

.nav-menu-wrapper-ol.show {
  display: block;
}

.nav-menu {
  color: var(--primary);
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 1440px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-menu-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary {
  border: .1rem solid var(--text);
  color: var(--text);
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border-radius: 60px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  min-width: 210px;
  height: 3rem;
  padding: 1rem 1.2rem 1rem 2.1rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 20px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-primary:hover {
  color: #fff;
}

.button-primary:active {
  background-color: #43464d;
}

.button-primary.green {
  border-color: var(--primary);
  color: var(--primary);
  padding-right: 2.1rem;
}

.button-primary.green:hover {
  color: #fff;
}

.button-primary.green.arrow.padding-top {
  background-color: var(--primary);
  color: var(--text);
  border-style: solid;
  border-color: #a1cd3a00;
  margin-top: 30px;
  padding-right: 2rem;
  font-size: 1rem;
}

.button-primary.green.arrow.padding-top:hover {
  color: var(--white);
  border-style: solid;
  border-color: #a1cd3a;
}

.button-primary.green.french {
  min-width: 300px;
}

.button-primary.green.hide-desktop {
  display: none;
}

.button-primary.cap {
  text-transform: uppercase;
  font-size: .9rem;
}

.button-primary.grey {
  border-color: var(--primary);
  color: var(--green);
  min-width: auto;
  height: 2rem;
  margin-right: 0;
  padding-left: 1.2rem;
}

.button-primary.small {
  min-width: auto;
  height: 2.8rem;
  font-size: .8rem;
}

.button-primary.small.back {
  padding-left: 1.2rem;
  padding-right: 2.1rem;
}

.button-primary.grey-fill {
  border-color: var(--green);
  background-color: var(--green);
  color: var(--grey-950);
}

.button-primary.grey-fill:hover {
  color: var(--green);
}

.menu-button-3 {
  grid-column-gap: 20px;
  cursor: pointer;
  flex-flow: wrap;
  justify-content: flex-end;
  width: 140px;
  margin-left: auto;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.menu-button-3.w--open {
  color: var(--primary);
  background-color: #0000;
}

.navbar {
  z-index: 10;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #a1cd3aeb;
  width: 100%;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: -30px;
  position: relative;
  inset: 0% 0% auto;
  transform: none;
}

.navbar.show {
  transform: translate(0);
}

.menu-icon-old {
  filter: brightness(28%);
  flex: 0 auto;
  width: 25px;
  height: 25px;
  margin-top: -2px;
  font-size: 1.4rem;
}

.section {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
  position: relative;
}

.section.hero {
  position: relative;
}

.section.hero.blog {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.no-padding-bottom {
  padding-bottom: 0;
}

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

.section.small-bottom-padding {
  padding-bottom: 4rem;
}

.section.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section.no-padding.centered {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section.no-bottom-padding {
  padding-bottom: 1rem;
}

.section.centered {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.no-relative {
  position: static;
}

.heading {
  color: var(--text);
  font-size: 8rem;
}

.scroll-to {
  z-index: 9;
  padding-bottom: 4rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-wrapper {
  width: 100%;
  position: relative;
}

.image-wrapper.round {
  z-index: 0;
  overflow: hidden;
}

.image-wrapper.round.slider {
  z-index: 0;
  height: 100%;
}

.image-wrapper.round.move-up {
  margin-top: -150px;
}

.image-wrapper.demi-round {
  border-top-left-radius: 10vw;
  border-bottom-right-radius: 10vw;
  overflow: hidden;
}

.image-wrapper.engage {
  mix-blend-mode: multiply;
  align-items: center;
  width: auto;
  min-height: 8rem;
  max-height: 170px;
  display: flex;
}

.image-wrapper.engage.round {
  z-index: 0;
  mix-blend-mode: normal;
  min-width: 100%;
  max-height: none;
}

.image-wrapper.engage.round.product {
  border-radius: 20px;
}

.image-wrapper.less-round {
  border-radius: 20px;
  overflow: hidden;
}

.image-wrapper.less-round.slider {
  height: 100%;
}

.image-wrapper.less-round.move-up {
  margin-top: -150px;
}

.image-full {
  width: 100%;
}

.image-full.ratio-1-1 {
  object-fit: cover;
  height: 100%;
  min-height: 400px;
}

.image-full.icon {
  width: auto;
  min-width: auto;
}

.round {
  border-radius: 40px;
  overflow: hidden;
}

.content-wrapper {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.content-wrapper.centered {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 55rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.content-wrapper.centered.full {
  grid-row-gap: 0rem;
  width: 100%;
  max-width: none;
}

.content-wrapper.centered.full.horizontal {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.6rem 1rem 1rem;
}

.content-wrapper.centered.full._3-columns {
  padding-top: 4.4rem;
  padding-bottom: 3rem;
  position: relative;
}

.content-wrapper.centered.full.float {
  text-align: left;
  padding-top: 8rem;
  padding-bottom: 2rem;
}

.content-wrapper.centered.full.no-padding {
  padding-top: 0;
}

.content-wrapper.centered.almost-full {
  width: 100%;
  max-width: 980px;
}

.content-wrapper.centered.almost-full.horizontal {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.6rem 1rem 1rem;
}

.content-wrapper.centered.almost-full._3-columns {
  padding-top: 4.4rem;
  padding-bottom: 3rem;
  position: relative;
}

.content-wrapper.centered.almost-full.float {
  text-align: left;
  padding-top: 8rem;
  padding-bottom: 2rem;
}

.content-wrapper.centered.almost-full.no-padding {
  padding-top: 0;
}

.subtitle {
  font-size: 1.4rem;
  font-style: italic;
  font-weight: 700;
}

.big-paragraph {
  margin-bottom: 3rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}

.anim-3 {
  position: static;
}

.grow {
  background-color: var(--text);
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.split-lines {
  color: var(--secondary);
  font-size: 5.5rem;
}

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

.split-lines.center.smaller {
  max-width: 58rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 3rem;
  line-height: 1.1;
}

.split-lines.smaller {
  max-width: 58rem;
  font-size: 3rem;
  line-height: 1.1;
}

.stroke {
  z-index: 2;
  background-color: var(--text);
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.stroke.grow {
  width: 0;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.stroke.grow.bottom {
  background-color: var(--primary);
  margin-top: 0;
}

.stroke.footer {
  position: absolute;
  inset: 0% 0% auto;
}

.stroke.top {
  background-color: var(--primary);
  width: 100%;
  inset: 0% 0% auto;
}

.stroke.bottom {
  background-color: var(--primary);
  width: 100%;
  position: relative;
}

.stroke.green {
  background-color: var(--primary);
}

.drop-trigger.yellow {
  background-color: var(--red);
  height: 100px;
}

.brand-logo-green {
  width: 15vw;
  display: none;
  position: absolute;
  inset: 0%;
}

.slogan-header {
  transform-origin: 0%;
  order: -1;
  font-size: 1.1rem;
  position: relative;
}

.slogan-header.anim-2 {
  z-index: 2;
}

.quick-stack {
  z-index: 2;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  position: relative;
}

.quick-stack.footer {
  padding: 80px 0;
  font-size: 1.5rem;
}

.quick-stack.footer.anim-2 {
  font-size: 1.6rem;
}

.quick-stack.nav {
  font-size: 2rem;
}

.quick-stack._2-column {
  position: static;
}

.left-div {
  font-size: 1.4rem;
  display: flex;
}

.center-div {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  align-items: stretch;
  padding-top: 1rem;
}

.center-div.text__align--left {
  text-align: left;
}

.right-div {
  font-size: 2.4rem;
}

.right-div.align-right {
  align-items: flex-end;
}

.right-div.footer {
  grid-row-gap: 20px;
  align-items: stretch;
}

.rich-text {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.rich-text a {
  transition: color .2s;
}

.rich-text a:hover {
  color: #fff;
  text-decoration: underline;
}

.rich-text.margin {
  grid-row-gap: 40px;
}

.rich-text p {
  font-size: 1.2rem;
}

.rich-text.row-zero {
  grid-row-gap: 10px;
}

.rich-text.big {
  font-size: 6rem;
  font-weight: 300;
}

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

.rich-text.small h4 {
  font-size: 2.6rem;
  line-height: 1.1;
}

.rich-text.small.tight-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.rich-text.small h2 {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.rich-text.small.move-up-2rem {
  margin-top: -2rem;
}

.rich-text.engage {
  grid-row-gap: 10px;
}

.rich-text blockquote {
  background-color: #0000;
  background-image: url('../images/quote.png');
  background-position: 100% -10px;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-style: none;
  border-top-width: 1px;
  border-bottom-style: none;
  border-bottom-width: 1px;
  border-left-color: #30303033;
  border-right-style: none;
  border-right-width: 1px;
  margin-top: 30px;
  margin-left: 5vw;
  margin-right: auto;
  padding: 20px 8vw 30px 30px;
  font-size: 3vw;
  font-style: italic;
  font-weight: 300;
  line-height: 1.2;
  overflow: visible;
}

.rich-text.paragraph {
  color: var(--text);
}

.rich-text.paragraph h2 {
  font-style: normal;
  font-weight: 300;
}

.rich-text.paragraph h4 {
  font-size: 2rem;
}

.rich-text.white h2 {
  color: var(--primary);
  font-size: 6rem;
  font-weight: 300;
  line-height: .9;
}

.rich-text.bigger h2 {
  font-family: Montserrat, sans-serif;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.2;
}

.rich-text.full h3 {
  font-size: 2.4rem;
  font-weight: 600;
}

.nav-link {
  cursor: pointer;
  transition: color .2s;
}

.nav-link:hover {
  color: #fff;
}

.nav-link.w--current {
  color: var(--white);
}

.nav-link.language, .nav-link.smaller {
  font-size: 1rem;
}

.button_component {
  color: #16121a;
  text-align: center;
  background-color: #f2ebf5;
  border-radius: .5rem;
  align-items: center;
  height: 4rem;
  font-size: 1.25rem;
  display: flex;
  position: relative;
}

.button_component:hover {
  opacity: 1;
}

.button_background-scale-old {
  background-color: var(--secondary);
  text-align: center;
  width: 0%;
  height: 100%;
  display: inline-block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button_background-scale-old.green {
  background-color: var(--primary);
  inset: 0%;
}

.button_content {
  z-index: 2;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  font-size: 1rem;
  line-height: 1;
  display: flex;
  position: relative;
}

.button_content.smaller {
  font-size: .9rem;
}

.icon-2-5x2-5 {
  width: 36px;
  height: 41px;
  margin-left: auto;
  position: relative;
  right: 0;
  transform: scale(.5);
}

.icon-2-5x2-5.is-right {
  position: relative;
  transform: rotate(180deg)scale(.5);
}

.icon-2-5x2-5.rotate {
  margin-top: -3px;
  transform: rotate(90deg)scale(.5);
}

.trigger-navbar {
  height: 0;
  display: block;
}

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

.quick-stack-2 {
  grid-row-gap: 10px;
}

.slider-wrapper {
  grid-row-gap: 20px;
  flex-direction: column;
  padding-bottom: 40px;
  display: flex;
}

.slider-wrapper.round {
  overflow: visible;
}

.slider-wrapper.round.drop {
  padding-bottom: 0;
}

.slider-wrapper.round.drop.above {
  flex-direction: column-reverse;
  display: flex;
}

.slider-wrapper.round.drop.float {
  color: var(--primary);
}

.align-right {
  align-items: flex-end;
}

.swiper-number-pagination {
  grid-row-gap: 80px;
  flex-direction: column;
  width: 100%;
  padding-top: 30px;
  position: relative;
  overflow: hidden;
}

.swiper-number-pagination.above {
  grid-row-gap: 40px;
  flex-direction: column-reverse;
  padding-top: 0;
  display: flex;
}

.snp-category-wrapper {
  color: #19224c;
  background-color: #fff;
  border-radius: 60px;
  flex: none;
  margin-right: 16px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.1em;
}

.swiper-number-pagination-content {
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.snp-buttons-and-pagination {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.snp-buttons-and-pagination.float {
  z-index: 1;
  color: var(--primary);
  width: auto;
  margin-top: 4rem;
  margin-left: 3rem;
  margin-right: 3rem;
  padding-bottom: 2rem;
  position: absolute;
  inset: 0% 0% auto;
}

.container-3 {
  width: 100%;
  max-width: 1328px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
}

.reading-time {
  color: #c8735c;
  font-size: 14px;
  line-height: 1.1em;
}

.snp-button-left {
  cursor: pointer;
  background-image: url('../images/Left-Arrow_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 30px;
}

.snp-button-right {
  cursor: pointer;
  background-image: url('../images/Right-Arrow.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  width: 80px;
  height: 30px;
}

.snp-pagination {
  justify-content: center;
  align-items: center;
  min-width: 136px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.snp-item-info {
  color: var(--text);
  background-color: #fff;
  border-radius: 40px;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 230px;
  padding-left: 6rem;
  padding-right: 6rem;
  display: flex;
}

.snp-item-info.align-bottom {
  text-align: left;
  width: 96%;
  min-height: auto;
  margin-bottom: -100px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  padding-left: 1vw;
  padding-right: 1vw;
  position: absolute;
  inset: auto 0% 0%;
}

.snp-item-info.align-bottom.grey {
  background-color: var(--text);
  color: var(--primary);
  border-radius: 30px;
  font-size: 80%;
}

.snp-item-info.align-bottom.green {
  background-color: var(--green);
}

.snp-item-info._3-columns {
  background-color: var(--primary);
  min-height: auto;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.snp-item-info.float {
  background-color: var(--text);
  color: var(--primary);
  padding-left: 2rem;
  padding-right: 2rem;
}

.swiper-wrapper {
  flex: none;
  display: block;
}

.swiper-wrapper.snp-list {
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.swiper-wrapper.snp-list._3-columns {
  grid-column-gap: 20px;
  flex-wrap: nowrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: flex;
}

.snp-date {
  font-size: 14px;
  line-height: 1.1em;
}

.swiper-slide {
  flex: none;
}

.swiper-slide.snp-item {
  text-align: center;
  flex: 0 auto;
  min-width: 100%;
}

.swiper-slide.snp-item.round {
  overflow: visible;
}

.swiper-slide.snp-item._3-columns {
  min-width: 32%;
  max-width: none;
  position: relative;
}

.snp-heading {
  margin-bottom: 24px;
  font-size: 20px;
  line-height: 1.1em;
}

.snp-info-top-side {
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.testimonial-stack {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-4 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-card-three {
  text-align: center;
  background-color: #f5f7fa;
  padding: 64px 42px;
}

.testimonial-card-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 51px;
  padding-right: 51px;
  display: flex;
  position: relative;
}

.slide-title {
  color: var(--primary);
  margin-bottom: 24px;
  font-size: 6rem;
  font-weight: 300;
}

.testimonial-text-three {
  font-size: 24px;
  line-height: 32px;
}

.testimonial-info-four {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.testimonial-image {
  object-fit: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.testimonial-image.centered {
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
  margin-right: 0;
}

.testimonial-author-name-three {
  margin-bottom: 10px;
}

.brand-logo-green-over {
  display: none;
  position: absolute;
  inset: 0%;
}

.footer-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 90px;
  padding-bottom: 90px;
  display: flex;
  position: relative;
}

.footer-brand {
  z-index: 5;
  position: absolute;
}

.copyright {
  margin-left: 0;
  margin-right: auto;
  position: relative;
}

.copyright.anim-2 {
  z-index: 2;
}

.agency {
  position: relative;
}

.agency.anim-2 {
  z-index: 2;
}

.slogan-footer {
  position: relative;
}

.slogan-footer.anim-2 {
  z-index: 2;
  order: -1;
}

.top {
  cursor: pointer;
  flex-flow: wrap;
  justify-content: flex-end;
  width: 140px;
  margin-left: auto;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.top.w--open {
  color: var(--primary);
  background-color: #0000;
}

.top.anim-2 {
  grid-column-gap: 20px;
}

.right-footer {
  grid-row-gap: 10px;
  align-items: stretch;
}

.arrow-top {
  opacity: .8;
  filter: grayscale();
  width: 25px;
  height: 25px;
  transform: rotate(90deg);
}

.button-primary-2 {
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #231f20;
  border-radius: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 12px 29px;
  font-family: Montserrat, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 20px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #231f20;
}

.button-primary-2:active {
  background-color: #43464d;
}

.button-primary-2.green {
  color: #a1cd3a;
  border-color: #a1cd3a;
  min-width: 200px;
}

.button-primary-2.green:hover {
  color: #fff;
}

.button_background-scale {
  background-color: var(--grey-950);
  text-align: center;
  width: 0%;
  height: 100%;
  display: inline-block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button_background-scale.green {
  background-color: #a1cd3a;
  inset: 0%;
}

.menu-icon {
  filter: brightness(28%);
  flex: 0 auto;
  width: 25px;
  height: 25px;
  margin-top: -2px;
}

.nav-menu-2 {
  color: #a1cd3a;
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 0;
  display: flex;
}

.menu-nav {
  color: var(--primary);
  cursor: pointer;
  font-size: 2vw;
  transition: color .2s;
}

.menu-nav:hover {
  color: #fff;
}

.menu-nav.w--current {
  color: var(--white);
}

.menu-nav.language {
  margin-top: 20px;
  font-size: 1rem;
}

.menu-button {
  grid-column-gap: 15px;
  transform-origin: 100%;
  cursor: pointer;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 25rem;
  margin-left: auto;
  margin-right: 0;
  padding: 0;
  display: flex;
}

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

.menu-button.anim-2 {
  align-items: center;
}

.menu-text {
  flex: 0 auto;
  font-size: 1rem;
}

.menu-text.language {
  margin-left: auto;
  margin-right: 0;
}

.container-5 {
  color: #231f20;
  margin-left: auto;
  margin-right: auto;
  padding-left: 6rem;
  padding-right: 6rem;
  position: relative;
  overflow: hidden;
}

.container-5.menu {
  z-index: 1;
}

.stroke-2 {
  z-index: 2;
  background-color: #231f20;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.stroke-2.grow {
  margin-left: auto;
  margin-right: auto;
}

.nav-menu-wrapper {
  color: var(--primary);
  background-color: #231f20;
  flex-direction: column;
  align-self: flex-start;
  width: 100vw;
  height: 100vh;
  margin-left: 0;
  display: none;
  position: fixed;
  inset: 0%;
}

.nav-menu-wrapper.show {
  display: flex;
}

.button-text {
  white-space: nowrap;
  flex: 1;
}

.demi-cell {
  grid-row-gap: 0px;
}

.text-green p {
  margin-bottom: 0;
  font-size: 1rem;
}

.quick-stack-2-rows {
  grid-column-gap: 5rem;
}

.wrap-horizontal {
  text-align: left;
  column-count: 2;
  flex-direction: row;
  margin-right: 20px;
  display: flex;
}

.wrap-horizontal p {
  flex: 1;
  margin-left: auto;
  margin-right: 0;
}

.wrap-horizontal h2 {
  flex: 1;
  max-width: 300px;
}

.wrap-horizontal h3 {
  flex: 1;
  max-width: 20rem;
  padding-right: 1rem;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.3;
}

.above {
  grid-row-gap: 40px;
  flex-direction: column-reverse;
  display: flex;
}

.title-slider {
  text-align: center;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.3rem;
  position: absolute;
  inset: 0% 0% auto;
}

.quick-stack-3 {
  grid-template-rows: auto auto;
  grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  display: grid;
}

.quick-stack-3.photo {
  grid-column-gap: 3vw;
  grid-row-gap: 80px;
  margin-bottom: 4rem;
}

.quick-stack-3.icon {
  grid-column-gap: 5vw;
  grid-row-gap: 0vw;
  grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.quick-stack-3.blog {
  grid-column-gap: 3vw;
  grid-row-gap: 80px;
  grid-template-columns: repeat(auto-fit, minmax(25%, 30%));
  margin-bottom: 4rem;
}

.align-center {
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.rich-text-big-title {
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.rich-text-big-title a {
  transition: color .2s;
}

.rich-text-big-title a:hover {
  color: #fff;
}

.rich-text-big-title h3 {
  font-size: 4rem;
}

.rich-text-big-title.margin {
  grid-row-gap: 40px;
}

.rich-text-big-title.row-zero {
  grid-row-gap: 10px;
}

.rich-text-big-title.big {
  font-size: 6rem;
  font-weight: 300;
}

.rich-text-big-title.small {
  grid-row-gap: 10px;
  font-size: 2rem;
  line-height: 1;
}

.rich-text-big-title.small h4 {
  max-width: 75%;
  font-size: 1.2rem;
}

.rich-text-big-title.engage {
  grid-row-gap: 10px;
}

.rich-text-big-title.engage h2 {
  font-size: 4rem;
  font-style: normal;
  font-weight: 300;
}

.rich-text-big {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.rich-text-big a {
  color: var(--green);
  transition: color .2s;
}

.rich-text-big a:hover {
  color: var(--grey-950);
  text-decoration: underline;
}

.rich-text-big h3 {
  color: var(--primary);
  font-family: IBM Plex Sans, sans-serif;
  font-size: 4.25rem;
  font-weight: 300;
  line-height: .95;
}

.rich-text-big.margin {
  grid-row-gap: 40px;
}

.rich-text-big p {
  font-size: 1.2rem;
}

.rich-text-big.row-zero {
  grid-row-gap: 10px;
}

.rich-text-big.big {
  font-size: 6rem;
  font-weight: 300;
}

.rich-text-big.small {
  font-size: 2rem;
}

.rich-text-big.engage {
  grid-row-gap: 10px;
}

.rich-text-big._3-columns {
  max-width: 80%;
}

.info {
  grid-row-gap: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.info.photo {
  grid-row-gap: 5px;
  background-color: var(--primary);
  text-align: left;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  margin-bottom: -46px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}

.info.photo.grey {
  background-color: var(--text);
  color: var(--white);
}

.info.product {
  grid-row-gap: 5px;
  background-color: var(--primary);
  text-align: left;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  margin-bottom: -20px;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem .2rem .2rem;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}

.info.product.grey {
  background-color: var(--text);
  color: var(--white);
}

.rich-text-photo {
  grid-column-gap: 10px;
  flex-direction: column;
  margin-left: .6rem;
  display: flex;
}

.rich-text-photo h4 {
  font-size: 1.2rem;
  font-style: normal;
  line-height: 1.2;
}

.rich-text-photo p {
  margin-bottom: 1rem;
  font-style: italic;
}

.rich-text-photo h3 {
  font-family: IBM Plex Sans, sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
}

.rich-text-photo.product {
  grid-row-gap: .05rem;
  width: 100%;
  font-size: .75rem;
  line-height: 1.2;
}

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

.no-top-padding {
  padding-top: 0;
}

.quote-mark {
  margin-top: 5rem;
  margin-left: 0;
  position: absolute;
  inset: 0% auto auto 0%;
}

.title-holder {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.green-down-arrow {
  box-shadow: inset 0 4px 0 -1px var(--primary);
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  height: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}

.block-wrapper {
  background-color: var(--text);
  border-radius: 40px;
  flex-flow: wrap;
  width: 100%;
  max-width: 35vw;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem;
  display: flex;
}

.block-wrapper.second {
  margin-top: 200px;
}

.block-wrapper.second.hide {
  display: none;
}

.block-wrapper.full {
  text-align: center;
  justify-content: center;
  max-width: 960px;
}

.block-wrapper.full.white {
  color: var(--grey-950);
  background-color: #fff;
  margin-top: 0;
  padding-bottom: 0;
}

.block-wrapper.full.white.dark {
  background-color: var(--grey-950);
  color: var(--green);
  padding-bottom: 2rem;
}

.block-wrapper.full.dark {
  margin-top: 0;
}

.block-wrapper.dark {
  color: var(--green);
}

.block-wrapper.mailchimp {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
  box-shadow: 0 2px 10px #00000094;
}

.full-width {
  width: 100%;
}

.form-field {
  border: 1px solid var(--primary);
  color: #fff;
  background-color: #0000;
  border-radius: 40px;
  height: 40px;
  padding-left: 19px;
  font-size: 1rem;
}

.form-field::placeholder {
  color: var(--primary);
  font-style: italic;
}

.form-field.full {
  border-color: var(--grey-950);
  color: var(--grey-950);
}

.form-field.full::placeholder {
  color: var(--accent);
}

.form-field.full.dark {
  border-color: var(--green);
  color: var(--white);
}

.form-field.full.dark::placeholder {
  color: var(--green);
}

.form-field.upload {
  color: var(--green);
  text-align: center;
  height: 60px;
  padding-top: 14px;
}

.form-field.upload::placeholder {
  text-align: center;
}

.form-field.upload.full.dark {
  color: var(--green);
  width: 100%;
}

.flex-horizontal {
  grid-column-gap: 6rem;
  align-items: flex-start;
  display: flex;
}

.flex-horizontal.centered {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  cursor: pointer;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.flex-horizontal.padding-top-bottom {
  grid-column-gap: 0rem;
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  align-content: flex-start;
  align-items: flex-start;
  padding-bottom: 1rem;
  display: flex;
}

.flex-horizontal.grid {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(46%, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-24 {
  font-size: 1rem;
}

.div-block-25 {
  font-size: .9rem;
}

.div-block-26 {
  font-size: 1rem;
}

.faq-wrapper {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.faq-title {
  padding-bottom: 20px;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 4rem;
}

.faq-title.max {
  max-width: 60%;
}

.faq-content {
  border-bottom: 1px solid var(--green);
  width: 100%;
  font-size: 1.3rem;
  position: relative;
  overflow: hidden;
}

.faq-content.dark {
  border-bottom: 1px solid #000;
}

.faq-div {
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.faq-plus.invert {
  filter: brightness(18%) grayscale();
  background-color: #0000;
}

.invert {
  filter: brightness(20%) grayscale();
}

.center-number {
  text-align: center;
  font-size: 8rem;
  line-height: 1.1;
}

.counter-paragraph {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.2;
}

.image-faq {
  object-fit: contain;
  object-position: 100% 0%;
  align-self: flex-start;
  width: auto;
}

.image-faq.faq-type {
  object-fit: contain;
  object-position: 50% 0%;
  align-self: flex-start;
}

.image-faq.faq-type.invert {
  max-width: 300px;
}

.stat-number {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.centered-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  min-width: 200px;
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.centered-block.flex {
  align-items: center;
  max-width: none;
}

.cf-video-checkmarks-item {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  margin-right: 16px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  display: flex;
}

.cf-video-play-button-inside {
  background-color: var(--green);
  background-image: linear-gradient(127deg, var(--grey-700), var(--grey-900) 54%, var(--text));
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 97.5px;
  height: 97.5px;
  display: flex;
  overflow: hidden;
}

.cf-video-laptop-bar-image {
  height: 40px;
  position: absolute;
  inset: 5px 0% auto;
}

.cf-video-play-button {
  opacity: .5;
  background-color: #fff;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 108px;
  height: 108px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: hidden;
  transform: scale(.5);
}

.cf-video-play-button:hover {
  opacity: 1;
}

.cf-video {
  border-radius: 0 0 20px 20px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cf-video-heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.2;
}

.cf-wrapper {
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.cf-wrapper.video-wrapper {
  flex-direction: column;
  justify-content: center;
  max-width: 960px;
}

.cf-video-checkmark {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cf-video-checkmark-icon {
  margin-right: 10px;
}

.cf-play-button-icon {
  filter: invert();
  max-width: 70%;
  margin-left: 5px;
}

.cf-video-thumbnail {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.cf-video-thumbnail.contain {
  object-fit: contain;
}

.cf-video-thumbnail {
  height: 80vh;
  max-height: 40rem;
}

.gallery-list-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(auto-fit, minmax(31%, 1fr));
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.gallery-item {
  margin-bottom: 25px;
}

.img {
  width: 100%;
}

.full-background-image {
  margin-top: -25rem;
  margin-right: auto;
  transform: scale(1.2);
}

.background-seamless {
  background-color: var(--text);
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.background-seamless.align-top {
  inset: 0% 0% auto;
}

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

.background-seamless.green {
  background-color: var(--green);
}

.form-centered {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  font-size: 1.3rem;
  display: flex;
}

.div-demi {
  flex: 1;
}

.div-demi.left-align {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-demi.vertical-center {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.button-wrapper {
  grid-column-gap: 20px;
  flex: 0 auto;
  width: 100%;
  display: flex;
}

.button-wrapper.bottom-margin {
  margin-bottom: 1rem;
}

.quick-stack-5 {
  grid-template-rows: auto auto;
  grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  display: grid;
}

.quick-stack-5.photo {
  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(auto-fit, minmax(18%, 1fr));
  margin-bottom: 4rem;
}

.quick-stack-5.icon {
  grid-column-gap: 5vw;
  grid-row-gap: 0vw;
  grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

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

.footer-container {
  background-color: var(--green);
  position: relative;
}

.image-arrow-green {
  margin-top: 7px;
}

.cw-cookieforwebflow {
  z-index: 3000;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding: 1vw;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
}

.cw-cookieforwebflow.cookie-wrapper {
  color: #fff;
  padding: 0;
  font-size: 85%;
  line-height: 1.5;
  display: flex;
  position: fixed;
}

.cw-cookieforwebflow.cookie-wrapper.hide {
  display: none;
}

.card-cookie {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #000;
  text-align: left;
  background-color: #ffffffb5;
  border-top: 1px solid #ffffffde;
  border-left: 1px solid #00000040;
  border-right: 1px solid #0000003d;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 98vw;
  max-width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 19px 2vw 1.5vw;
  display: flex;
  box-shadow: 0 2px 10px #0003;
}

.txt-cookie {
  flex: 1;
}

.txt-cookie.rich-text {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

._w-btn-goole {
  border-radius: 3px;
  justify-content: flex-end;
  padding-left: 28px;
  padding-right: 0;
  display: flex;
}

.btn-google {
  background-color: var(--primary);
  color: #000000e8;
  border-radius: 3px;
  height: 36px;
  margin-left: 8px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
}

.btn-google:hover {
  color: #fff;
}

.green-link {
  color: #6d960f;
}

.btn-google-2 {
  color: #29013ae8;
  background-color: #fff;
  border-radius: 3px;
  height: 36px;
  margin-left: 8px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
}

.btn-google-2:hover {
  color: #7a7b98;
}

.nav-menu-wrapper-new {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
}

.nav-spacer {
  height: 16vh;
}

.title-button {
  white-space: nowrap;
}

.form-label {
  text-align: left;
  margin-bottom: -10px;
  margin-right: auto;
}

.form-label.green {
  border-bottom: 1px solid var(--primary);
  color: var(--primary);
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 4px;
}

.breadcrumb {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
  font-size: 90%;
  display: flex;
  position: relative;
}

.breadcrumb-link-wrapper {
  border-right: 1px solid #00000045;
  padding-right: 10px;
}

.breadcrumb-link-wrapper:hover {
  color: var(--background);
}

.breadcrumb-link.w--current {
  font-weight: 500;
}

.chat-writemodule-header-1 {
  background-color: var(--text);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex: none;
  padding: 20px 30px 0;
}

.chat-bubbleshape-1 {
  background-color: var(--secondary);
  cursor: pointer;
  border-radius: 555px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  box-shadow: 1px 1px 10px 10px #00000014;
}

.chat-bubbleicon-1 {
  filter: brightness(200%) contrast(0%) brightness(200%);
  background-image: url('../images/quote_2.png');
  background-position: 49% 28%;
  background-repeat: no-repeat;
  background-size: 23px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 7px;
  display: flex;
}

.chat-writemodule-headtag-1 {
  color: #ffffff87;
  font-size: 14px;
  line-height: 1.3em;
}

.chat-linkcredits-1 {
  opacity: 0;
  height: 1px;
  font-size: 1px;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: hidden;
}

.chat-writemodule-formwrap-1 {
  flex: 1 0 auto;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.chat-writemodule-box-1 {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  width: 378px;
  min-height: 500px;
  max-height: 70vh;
  display: flex;
  box-shadow: 1px 1px 13px 9px #00000014;
}

.chat-writemodule-formtextwraper-1 {
  flex: 1;
  display: block;
  overflow: hidden;
}

.chat-writemodule-form-1 {
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.chat-writemodule-formblock-1 {
  flex-wrap: wrap;
  align-self: stretch;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.chat-writemodule-error-1 {
  text-align: center;
  background-color: #fcd5d5;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  flex: 100%;
  order: -1;
  align-self: center;
  margin-top: 0;
  font-size: 13px;
  line-height: 1.6em;
  position: absolute;
  inset: -40px 0% auto;
  box-shadow: 0 -1px 3px #390c162e;
}

.chat-writemodule-sucess-2 {
  text-align: center;
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.6em;
}

.chat-bubbleicon-2 {
  filter: brightness(200%) contrast(0%) brightness(200%);
  background-image: url('../images/Close3x_1Close@3x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20%;
  width: 100%;
  height: 100%;
  display: none;
}

.chat-writemodule-main-1 {
  padding-bottom: 100px;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.chat-writemodule-main-1.tempoopen {
  display: block;
}

.chat-bubblemain-1 {
  z-index: 2;
  margin-bottom: 30px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.chat-writemodule-headlogo-1 {
  filter: brightness(200%) contrast(0%) brightness(200%);
  height: 18px;
  margin-bottom: 10px;
}

.chat-writemodule-success-1 {
  background-color: #0000;
  align-self: center;
  width: 100%;
}

.chat-main {
  z-index: 1000;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
}

.chat-container-1 {
  width: 100%;
  max-width: 14200px;
  position: relative;
}

.chat-writemodule-headtop-1 {
  margin-bottom: 20px;
}

.chat-title {
  color: #f5f0f0;
  font-style: normal;
}

.quote-text {
  font-size: 12px;
}

.popup-trigger {
  cursor: pointer;
  position: relative;
}

.popup {
  opacity: 0;
  background-color: #fff;
  border-radius: 8px;
  width: 300px;
  margin-top: 3rem;
  padding: 20px;
  font-size: 80%;
  display: none;
  position: absolute;
}

.button-quote {
  border: .1rem solid var(--green);
  background-color: var(--text);
  color: var(--green);
  text-transform: uppercase;
  border-radius: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 2rem;
  padding: 1rem 1.2rem;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  display: flex;
  position: relative;
  overflow: hidden;
}

.login-icon {
  width: 25px;
  height: 25px;
  display: block;
}

.form-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  flex-direction: column;
  align-items: center;
  width: 100%;
  font-size: 1.3rem;
  display: flex;
}

.form-wrapper {
  z-index: 10000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 0;
  background-color: #a1cd3a99;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.form-wrapper.second {
  margin-top: 200px;
}

.form-wrapper.second.hide {
  display: none;
}

.form-wrapper.full {
  text-align: center;
  justify-content: center;
  max-width: 960px;
}

.form-wrapper.full.white {
  color: var(--grey-950);
  background-color: #fff;
  margin-top: 0;
  padding-bottom: 0;
}

.form-wrapper.full.white.dark {
  background-color: var(--grey-950);
  color: var(--green);
  padding-bottom: 2rem;
}

.form-wrapper.full.dark {
  margin-top: 0;
}

.form-wrapper.dark {
  color: var(--green);
}

.form-wrapper.show {
  opacity: 1;
  display: flex;
  overflow: auto;
}

.close-form {
  opacity: .3;
  max-width: 20px;
  position: absolute;
  inset: 30px -30px auto auto;
}

.close-form.full {
  max-width: none;
  inset: 0%;
}

.filter_empty {
  border: 1px solid #dfdfdf;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.dropdown {
  margin-bottom: 1rem;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.filter_content {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 50rem;
  display: grid;
}

.rotate {
  transform: rotate(180deg);
}

.div-flex {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.filter_block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
}

.filter_block.no_shadow {
  box-shadow: none;
  text-align: right;
  flex: none;
  max-width: 200px;
  margin-left: 10px;
  margin-right: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  overflow: visible;
}

.filter_block.full {
  flex: 0 auto;
}

.layout73_component {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(240px, .4fr));
  place-items: stretch start;
  display: grid;
}

.filter_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .4fr;
  grid-auto-columns: 1fr;
  align-items: start;
  font-size: 1rem;
  display: flex;
}

.heading-filter {
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
}

.filter_tags-text {
  margin-right: 1rem;
}

.cloneable {
  padding-left: 30px;
  padding-right: 30px;
}

.filter_reset-all {
  border: 1px solid var(--secondary);
  color: var(--secondary);
  text-transform: uppercase;
  background-color: #f3f3f300;
  border-radius: 30px;
  padding: .5rem 21px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.filter_column {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.layout73_item {
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.heading-small {
  color: var(--secondary);
  margin-top: 10px;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.4;
}

.filter_sort-by {
  border-radius: .5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 12rem;
  padding: .5rem 4rem .5rem 1.2rem;
  display: flex;
  box-shadow: 0 2px 9px #0003;
}

.sort_field {
  color: #000;
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 1rem 2rem 1rem 1.5rem;
  text-decoration: none;
  display: flex;
}

.sort_field.w--current {
  color: #3c7c43;
  background-color: #f4f9f4;
}

.dropdown_icon {
  margin-right: 1.2rem;
  font-size: 1rem;
}

.filter_block-header {
  z-index: 10;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding: .3rem 1rem .3rem 12px;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.filter_column_top {
  grid-column-gap: 1rem;
  background-color: #fff;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.filter_column_top.center {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.dropdown_list.w--open {
  background-color: #fff;
}

.filter_empty-icon {
  width: 50%;
  margin-bottom: .5rem;
}

.filter_options {
  justify-content: center;
  align-items: center;
  height: 0%;
  max-height: 15rem;
  padding-top: 4px;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
  overflow: auto;
}

.filter_options.max-width {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 50vw;
}

.filter_column_bottom {
  grid-column-gap: 1rem;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.filter_column_bottom.center {
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  text-align: center;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  max-width: none;
  margin-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.filter_tags-wrapper {
  flex-flow: wrap;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-content: start;
  align-items: center;
  margin-bottom: 1rem;
  margin-right: 1rem;
  display: flex;
}

.filter_tag {
  background-color: var(--secondary);
  color: #fff;
  border-radius: 1rem;
  margin-top: .5rem;
  margin-bottom: .5rem;
  margin-right: .5rem;
  padding: .5rem 2.5rem .5rem 1rem;
  font-size: .85rem;
  font-weight: 500;
  position: relative;
}

.filter_form-wrapper {
  margin-bottom: 1rem;
}

.filter_tag-remove {
  opacity: .5;
  filter: invert();
  cursor: pointer;
  border-radius: 999rem;
  flex-direction: column;
  width: 1.5rem;
  margin-top: .4rem;
  margin-right: .5rem;
  padding: .25rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.filter_reset {
  color: #6e6e6e;
  border-bottom: 1px solid #dae4d8;
  padding-bottom: 0;
  font-size: 1rem;
  text-decoration: none;
  display: none;
}

.checkbox_field {
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 0;
  font-size: 1rem;
  display: flex;
  position: relative;
}

.checkbox_field:hover {
  color: #4053ed;
}

.checkbox_input {
  border: 1px solid var(--secondary);
  border-radius: 30px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: .75rem;
  position: absolute;
}

.checkbox_input.w--redirected-checked {
  border-color: var(--white);
  background-color: var(--white);
  background-image: none;
  box-shadow: 1px 1px 3px #0000;
}

.checkbox_input.w--redirected-focus {
  box-shadow: none;
}

.checkbox_label {
  z-index: 1;
  color: var(--secondary);
  margin-left: 21px;
  margin-right: 21px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: relative;
}

.option-results {
  color: #3c7c43;
  display: none;
}

.blog-info {
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.blog-info.photo {
  grid-row-gap: 5px;
  background-color: var(--primary);
  text-align: left;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  margin-bottom: -46px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}

.blog-info.photo.grey {
  background-color: var(--text);
  color: var(--white);
}

.blog-info.product {
  grid-row-gap: 5px;
  background-color: var(--primary);
  text-align: left;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  margin-bottom: -20px;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem .2rem .2rem;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}

.blog-info.product.grey {
  background-color: var(--text);
  color: var(--white);
}

.list-item {
  background-color: var(--tertieary);
  text-align: left;
  border-radius: 40px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
  position: relative;
}

.rich-text-blog {
  grid-column-gap: 10px;
  flex-direction: column;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.rich-text-blog h4 {
  font-size: 1.2rem;
  font-style: normal;
  line-height: 1.2;
}

.rich-text-blog p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.rich-text-blog h3 {
  font-family: IBM Plex Sans, sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
}

.rich-text-blog.product {
  grid-row-gap: .05rem;
  width: 100%;
  font-size: .75rem;
  line-height: 1.2;
}

.rich-text-blog h2 {
  font-size: 3rem;
}

.tags-wrapper {
  grid-column-gap: .6rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  margin: 1rem auto 1rem 0;
  display: flex;
}

.tags-wrapper.visible {
  grid-row-gap: .4rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 10px;
}

.tags-wrapper.center {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.tag {
  background-color: #e5faf7;
  border-radius: 20px;
  padding: .6rem 1rem;
  font-size: 1rem;
}

.tag.result {
  background-color: #fff;
  align-self: flex-start;
  padding-top: .3rem;
  padding-bottom: .3rem;
  font-size: 10px;
  display: block;
  position: relative;
}

.tag-text {
  opacity: 1;
  pointer-events: auto;
  text-transform: uppercase;
  mix-blend-mode: multiply;
  font-weight: 600;
  position: relative;
}

.heading-blog-section {
  border-bottom: 1px solid var(--secondary);
  margin-top: 3rem;
  margin-bottom: 1rem;
  padding-bottom: .5rem;
  font-family: IBM Plex Sans, sans-serif;
  font-weight: 600;
}

.spacer-small {
  width: 100%;
  height: 2rem;
}

.quick-stack-blog {
  grid-column-gap: 5rem;
  background-color: var(--tertieary);
  border-radius: 40px;
  margin-bottom: 2rem;
  padding: 40px;
}

.button-without-anim {
  border: .1rem solid var(--green);
  background-color: var(--text);
  color: var(--green);
  text-transform: uppercase;
  border-radius: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 2rem;
  padding: 1rem 1.2rem;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button_background-scale-no-anim {
  background-color: var(--grey-950);
  text-align: center;
  width: 0%;
  height: 100%;
  display: inline-block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button_background-scale-no-anim.green {
  background-color: #a1cd3a;
  inset: 0%;
}

.image-absolute {
  object-fit: contain;
  object-position: 100% 50%;
  min-width: 50vw;
  height: 90%;
  margin: auto auto 0;
  position: absolute;
  inset: auto auto 0 0%;
}

.spacer-xsmall {
  width: 100%;
  height: 1rem;
}

@media screen and (min-width: 1280px) {
  .section.small-padding {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

  .section.small-bottom-padding {
    padding-bottom: 6vw;
  }
}

@media screen and (max-width: 991px) {
  .top-bottom__spacing--xl {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .top-bottom__spacing--l {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .top-bottom__spacing--m {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .button.secondary:hover {
    background-color: #0000;
  }

  .padding--5rem-80px {
    padding: 4rem;
  }

  .padding--2-5rem-40px {
    padding: 2rem;
  }

  .padding--2rem-32px {
    padding: 1.5rem;
  }

  .hide, .hide--tablet-down {
    display: none;
  }

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

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

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

  .hide--desktop {
    display: block;
  }

  .hide--tablet {
    display: none;
  }

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

  .dropdown-2__link-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .inline-block.nav {
    width: 100%;
  }

  .navbar-2__dropdown--link-wrap {
    padding: 0;
  }

  .navbar-2__dropdown--link-wrap.padding--1-5rem-24px {
    margin-top: 2rem;
  }

  .link__icon {
    width: 40px;
    height: 40px;
  }

  .navbar-4__dropdown--card {
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    min-width: 100%;
  }

  .navbar-4__dropdown--card.radius--m {
    flex-direction: column;
  }

  .dropdown--center.w--open {
    width: 100%;
    min-width: 100%;
    position: static;
  }

  .desk-2-tosupp {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .tab-1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .tab-3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .tab-2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .tab-5 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .spacer.auto-m {
    height: 2.25rem;
  }

  .spacer.auto-xl {
    height: 3rem;
  }

  .spacer.auto-l {
    height: 2.5rem;
  }

  .spacer.auto-2xl {
    height: 4rem;
  }

  .spacer.auto-3xl {
    height: 6rem;
  }

  .spacer.hero--section {
    height: 5rem;
  }

  .spacer.h2--section {
    height: 4rem;
  }

  .navbar--left-side-2 {
    display: none;
  }

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

  .top-bottom__spacing--s {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: start;
    display: grid;
  }

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

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

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

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

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

  .hide--mobile-landscape-down {
    display: block;
  }

  .padding--4rem-64px {
    padding: 3rem;
  }

  .padding--8rem-128px {
    padding: 5rem;
  }

  .padding--3rem-48px {
    padding: 2.5rem;
  }

  .tab-4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

  .hide--mobile-vertical {
    display: block;
  }

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

  .dropdown__icon.hide--desktop {
    display: block;
  }

  .dropdown-toggle {
    width: 100%;
  }

  .dropdown-toggle.w--open {
    border-bottom-width: 0;
  }

  .icon-1x1-small {
    display: block;
  }

  .dropdown__list {
    background-color: #fff;
    position: static;
    overflow: hidden;
  }

  .navbar-2__dropdown--right-wrap {
    padding: 2rem 0 0;
  }

  .navbar__link-wrap {
    background-color: #fff;
    height: 80vh;
    padding-left: 10rem;
    padding-right: 10rem;
    display: block;
    position: absolute;
    overflow: auto;
  }

  .tab-h--0-5rem-8px {
    height: .5rem;
  }

  .tab-h--1rem-16px {
    height: 1rem;
  }

  .tab-h--1-5rem-24px {
    height: 1.5rem;
  }

  .tab-h--2rem-32px {
    height: 2rem;
  }

  .tab-h--2-5rem-40px {
    height: 2.5rem;
  }

  .tab-h--3rem-48px {
    height: 3rem;
  }

  .tab-h--4rem-64px {
    height: 4rem;
  }

  .tab-h--5rem-80px {
    height: 5rem;
  }

  .tab-h--8rem-128px {
    height: 8rem;
  }

  .h2-title__wrap {
    margin-bottom: 3rem;
  }

  .hide--tablet-up, .hide--mobile-landscape-up {
    display: none;
  }

  .tab-vertical {
    flex-direction: column;
  }

  .tab-vertical-reverse {
    flex-direction: column-reverse;
  }

  .navbar__navlink {
    text-align: left;
    justify-content: flex-start;
    width: 100%;
  }

  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .tab__radius--0 {
    border-radius: 0;
  }

  .tab-h--100vh {
    height: 100vh;
  }

  .tab-h--50vh {
    height: 50vh;
  }

  .tab-min-h--0-5rem-8px {
    min-height: .5rem;
  }

  .tab-min-h--1rem-16px {
    min-height: 1rem;
  }

  .tab-min-h--1-5rem-24px {
    min-height: 1.5rem;
  }

  .tab-min-h--2rem-32px {
    min-height: 2rem;
  }

  .tab-min-h--2-5rem-40px {
    min-height: 2.5rem;
  }

  .tab-min-h--3rem-48px {
    min-height: 3rem;
  }

  .tab-min-h--4rem-64px {
    min-height: 4rem;
  }

  .tab-min-h--8rem-128px {
    min-height: 8rem;
  }

  .tab-h--15rem-240px {
    height: 15rem;
  }

  .tab-min-h--5rem-80px {
    min-height: 5rem;
  }

  .tab-min-h--15rem-240px {
    min-height: 15rem;
  }

  .tab-max-h--0-5rem-8px {
    max-height: .5rem;
  }

  .tab-max-h--1rem-16px {
    max-height: 1rem;
  }

  .tab-max-h--1-5rem-24px {
    max-height: 1.5rem;
  }

  .tab-max-h--2rem-32px {
    max-height: 2rem;
  }

  .tab-max-h--2-5rem-40px {
    max-height: 2.5rem;
  }

  .tab-max-h--3rem-48px {
    max-height: 3rem;
  }

  .tab-max-h--4rem-64px {
    max-height: 4rem;
  }

  .tab-max-h--5rem-80px {
    max-height: 5rem;
  }

  .tab-max-h--8rem-128px {
    max-height: 8rem;
  }

  .tab-max-h--15rem-240px {
    max-height: 15rem;
  }

  .tab-h--0 {
    height: 0;
  }

  .tab-h--24rem-384px {
    height: 24rem;
  }

  .tab-h--auto {
    height: auto;
  }

  .tab-h--20 {
    height: 20%;
  }

  .tab-h--33 {
    height: 33.3333%;
  }

  .tab-h--40 {
    height: 40%;
  }

  .tab-h--50 {
    height: 50%;
  }

  .tab-h--60 {
    height: 60%;
  }

  .tab-h--66 {
    height: 66.6667%;
  }

  .tab-h--80 {
    height: 80%;
  }

  .tab-h--100 {
    height: 100%;
  }

  .tab-min-h--20 {
    min-height: 20%;
  }

  .tab-min-h--33 {
    min-height: 33.3333%;
  }

  .tab-min-h--40 {
    min-height: 40%;
  }

  .tab-min-h--50 {
    min-height: 50%;
  }

  .tab-min-h--60 {
    min-height: 60%;
  }

  .tab-min-h--66 {
    min-height: 66.6667%;
  }

  .tab-min-h--80 {
    min-height: 80%;
  }

  .tab-min-h--100 {
    min-height: 100%;
  }

  .tab-min-h--50vh {
    min-height: 50vh;
  }

  .tab-min-h--100vh {
    min-height: 100vh;
  }

  .tab-min-h--0 {
    min-height: 0;
  }

  .tab-h--25 {
    height: 25%;
  }

  .tab-h--75 {
    height: 75%;
  }

  .tab-min-h--25 {
    min-height: 25%;
  }

  .tab-min-h--75 {
    min-height: 75%;
  }

  .tab-min-h--20vh {
    min-height: 20vh;
  }

  .tab-min-h--25vh {
    min-height: 25vh;
  }

  .tab-min-h--33vh {
    min-height: 33.3333vh;
  }

  .tab-min-h--40vh {
    min-height: 40vh;
  }

  .tab-min-h--60vh {
    min-height: 60vh;
  }

  .tab-min-h--66vh {
    min-height: 66.6667vh;
  }

  .tab-min-h--75vh {
    min-height: 75vh;
  }

  .tab-min-h--80vh {
    min-height: 80vh;
  }

  .tab-max-h--0 {
    max-height: 0;
  }

  .tab-max-h--1px {
    max-height: 1px;
  }

  .tab-max-h--100 {
    max-height: 100%;
  }

  .tab-max-h--100vh {
    max-height: 100vh;
  }

  .tab-w--0-5rem-8px {
    width: .5rem;
  }

  .tab-w--1rem-16px {
    width: 1rem;
  }

  .tab-w--1-5rem-24px {
    width: 1.5rem;
  }

  .tab-w--2rem-32px {
    width: 2rem;
  }

  .tab-w--2-5rem-40px {
    width: 2.5rem;
  }

  .tab-w--3rem-48px {
    width: 3rem;
  }

  .tab-w--4rem-64px {
    width: 4rem;
  }

  .tab-w--5rem-80px {
    width: 5rem;
  }

  .tab-w--8rem-128px {
    width: 8rem;
  }

  .tab-w--24rem-384px {
    width: 24rem;
  }

  .tab-w--15rem-240px {
    width: 15rem;
  }

  .tab-w--auto {
    width: auto;
  }

  .tab-w--20 {
    width: 20%;
  }

  .tab-w--25 {
    width: 25%;
  }

  .tab-w--33 {
    width: 33.3333%;
  }

  .tab-w--40 {
    width: 40%;
  }

  .tab-w--50 {
    width: 50%;
  }

  .tab-w--60 {
    width: 60%;
  }

  .tab-w--66 {
    width: 66.6667%;
  }

  .tab-w--75 {
    width: 75%;
  }

  .tab-w--80 {
    width: 80%;
  }

  .tab-w--100 {
    width: 100%;
  }

  .tab-w--100vw {
    width: 100vw;
  }

  .tab-w--50vw {
    width: 50vw;
  }

  .tab-min-w--0 {
    min-width: 0;
  }

  .tab-min-w--100 {
    min-width: 100%;
  }

  .tab-min-w--100vw {
    min-width: 100vw;
  }

  .grid.tab-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid.tab-2 {
    grid-template-columns: 1fr 1fr;
  }

  .grid.tab-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }

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

  .grid.horizontal {
    grid-template-columns: repeat(auto-fit, minmax(30vw, 1fr));
  }

  .column.tab-2 {
    width: 16.66%;
  }

  .column.tab-5 {
    width: 41.66%;
  }

  .column.tab-11 {
    width: 91.66%;
  }

  .column.tab-9 {
    width: 75%;
  }

  .column.tab-6 {
    width: 50%;
  }

  .column.tab-4 {
    width: 33.33%;
  }

  .column.tab-3 {
    width: 25%;
  }

  .column.tab-1 {
    width: 8.33%;
  }

  .column.tab-10 {
    width: 83.33%;
  }

  .column.tab-12 {
    width: 100%;
  }

  .column.tab-8 {
    width: 66.6667%;
  }

  .column.tab-7 {
    width: 58.3333%;
  }

  .tab-w--10 {
    width: 10%;
  }

  .tab-w--30 {
    width: 30%;
  }

  .tab-w--70 {
    width: 70%;
  }

  .tab-w--90 {
    width: 90%;
  }

  .tab-max-w--15rem-240px {
    max-width: 15rem;
  }

  .tab-max-w--24rem-384px {
    max-width: 24rem;
  }

  .tab-max-w--0 {
    max-width: 0;
  }

  .tab-max-w--1px {
    max-width: 1px;
  }

  .tab-max-w--100 {
    max-width: 100%;
  }

  .tab-max-w--100vw {
    max-width: 100vw;
  }

  .tab-max-w--s-48rem-768px {
    max-width: 48rem;
  }

  .tab-max-w--xs-32rem-512px {
    max-width: 32rem;
  }

  .tab-min-w--20vw {
    min-width: 20vw;
  }

  .tab-min-w--25vw {
    min-width: 25vw;
  }

  .tab-min-w--33vw {
    min-width: 33.3333vw;
  }

  .tab-min-w--40vw {
    min-width: 40vw;
  }

  .tab-min-w--50vw {
    min-width: 50vw;
  }

  .tab-min-w--60vw {
    min-width: 60vw;
  }

  .tab-min-w--66vw {
    min-width: 66.6667vw;
  }

  .tab-min-w--75vw {
    min-width: 75vw;
  }

  .tab-min-w--80vw {
    min-width: 80vw;
  }

  .container-2 {
    max-width: 728px;
  }

  .navbar-brand {
    justify-content: center;
  }

  .nav-menu-wrapper-ol {
    padding-top: 130px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .button-primary.green.arrow.padding-top {
    padding-bottom: 1rem;
    padding-left: 2rem;
  }

  .button-primary.green.hide-desktop {
    display: block;
  }

  .button-primary.grey {
    display: none;
  }

  .menu-button-3 {
    grid-column-gap: 10px;
    min-width: 200px;
    padding: 12px;
  }

  .menu-button-3.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

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

  .heading {
    font-size: 6rem;
  }

  .image-wrapper.round.move-up {
    margin-top: -80px;
  }

  .image-wrapper.engage {
    max-height: 130px;
  }

  .image-full {
    object-fit: cover;
  }

  .image-full.icon {
    object-fit: contain;
  }

  .content-wrapper.centered {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .content-wrapper.centered.full.float {
    padding-top: 2rem;
  }

  .split-lines {
    font-size: 10vw;
    line-height: 1;
  }

  .slogan-header {
    max-width: 10rem;
    font-size: 1rem;
  }

  .quick-stack.footer {
    grid-row-gap: 10px;
    padding-top: 10px;
  }

  .quick-stack.nav {
    width: 100%;
  }

  .center-div {
    grid-column-gap: 20px;
    flex-direction: row;
    justify-content: flex-end;
  }

  .right-div {
    font-size: 3rem;
  }

  .rich-text blockquote {
    margin-left: 0;
  }

  .rich-text.paragraph h4 {
    font-size: 1.6rem;
  }

  .button_component {
    height: 3rem;
  }

  .button_content {
    font-size: 1rem;
  }

  .align-right {
    align-items: flex-start;
  }

  .snp-item-info.align-bottom {
    margin-top: -50px;
    position: relative;
  }

  .swiper-wrapper.snp-list._3-columns {
    grid-column-gap: 10px;
  }

  .container-4 {
    max-width: 728px;
  }

  .slide-title {
    font-size: 3.6rem;
  }

  .brand-logo-green-over {
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .footer-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .footer-brand {
    flex: none;
    width: 80%;
    position: relative;
  }

  .slogan-footer.anim-2 {
    flex: none;
    order: 0;
  }

  .top.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .button-primary-2.green {
    flex: 1;
  }

  .menu-nav {
    font-size: 2rem;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .menu-text.language {
    display: none;
  }

  .container-5 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .quick-stack-2-rows {
    grid-column-gap: 40px;
  }

  .wrap-horizontal {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .quick-stack-3 {
    grid-column-gap: 20px;
    grid-row-gap: 50px;
    grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
  }

  .info.photo {
    grid-row-gap: 10px;
  }

  .block-wrapper {
    border-radius: 20px;
    max-width: 40vw;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .block-wrapper.full.white {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .flex-horizontal {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .counter-paragraph {
    font-size: 1.5rem;
  }

  .stat-number {
    font-size: 6rem;
  }

  .centered-block.flex {
    flex-direction: row;
    justify-content: center;
  }

  .cf-video-checkmarks-item {
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-right: 0;
  }

  .cf-video-laptop-bar-image {
    top: -29px;
  }

  .cf-video-play-button {
    margin-top: 200px;
  }

  .cf-video {
    height: 500px;
  }

  .cf-video-heading {
    margin-bottom: 40px;
    font-size: 36px;
  }

  .cf-video-checkmark {
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: start;
    width: 100%;
    display: grid;
  }

  .cf-video-checkmark-icon {
    margin-bottom: 5px;
    margin-right: 0;
  }

  .cf-video-thumbnail {
    max-height: 25rem;
  }

  .gallery-list-wrapper {
    column-count: 2;
    grid-template-columns: repeat(auto-fit, minmax(47%, 1fr));
    column-gap: 15px;
  }

  .gallery-item {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .full-background-image {
    margin-top: -15rem;
  }

  .quick-stack-5 {
    grid-column-gap: 20px;
    grid-row-gap: 50px;
    grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
  }

  .card-cookie {
    flex-direction: column;
    max-width: 80vw;
  }

  .txt-cookie {
    margin-bottom: 11px;
  }

  .chat-writemodule-box-1 {
    min-height: 0;
  }

  .chat-main {
    padding-left: 25px;
    padding-right: 25px;
  }

  .button-quote {
    display: none;
  }

  .form-wrapper {
    border-radius: 20px;
    max-width: 40vw;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .form-wrapper.full.white {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .filter_content {
    flex: 0 auto;
    width: 100%;
    min-width: auto;
  }

  .filter_block {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .layout73_component {
    grid-column-gap: 1rem;
  }

  .filter_grid {
    grid-template-columns: .66fr 1fr;
  }

  .filter_column {
    display: flex;
  }

  .filter_block-header {
    align-items: start;
    padding-left: 1rem;
  }

  .filter_tags-wrapper {
    margin-top: .5rem;
  }

  .blog-info.photo {
    grid-row-gap: 10px;
  }

  .quick-stack-blog {
    grid-column-gap: 40px;
  }

  .button-without-anim {
    display: none;
  }

  .button-without-anim.visible {
    display: flex;
  }

  .image-absolute {
    min-width: 30vw;
    max-width: 90%;
    margin-left: 42%;
    position: absolute;
  }
}

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

  h4 {
    font-size: 1.5rem;
  }

  h5 {
    font-size: 1rem;
  }

  .top-bottom__spacing--xl {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .top-bottom__spacing--l {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .top-bottom__spacing--m {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .top-bottom__spacing--xs {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .heading__style--h3 {
    font-size: 1.5rem;
  }

  .heading__style--h4 {
    font-size: 1.25rem;
  }

  .padding--5rem-80px {
    padding: 3rem;
  }

  .padding--2-5rem-40px {
    padding: 1.5rem;
  }

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

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

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

  .top-bottom__spacing--0 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .hide--tablet {
    display: block;
  }

  .mob-1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .spacer.auto-2xl {
    height: 3.5rem;
  }

  .spacer.auto-3xl {
    height: 4rem;
  }

  .spacer.hero--section {
    height: 3rem;
  }

  .spacer.h2--section {
    height: 2rem;
  }

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

  .top-bottom__spacing--s {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

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

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

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

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

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

  .mob-2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

  .heading__style--h2 {
    font-size: 2rem;
  }

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

  .padding--4rem-64px {
    padding: 2rem;
  }

  .padding--8rem-128px {
    padding: 4rem;
  }

  .heading__style--h5 {
    font-size: 1rem;
  }

  .padding--3rem-48px {
    padding: 2rem;
  }

  .heading__style--h1 {
    font-size: 2.5rem;
  }

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

  .hide--mobile-vertical {
    display: block;
  }

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

  .delete-this {
    min-height: 100%;
  }

  .starter-kit__card {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
  }

  .button__wrapper {
    flex-direction: column;
  }

  .text__size-m {
    font-size: 1rem;
  }

  .navbar__link-wrap {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .mob-h--0-5rem-8px {
    height: .5rem;
  }

  .mob-h--1rem-16px {
    height: 1rem;
  }

  .mob-h--1-5rem-24px {
    height: 1.5rem;
  }

  .mob-h--2rem-32px {
    height: 2rem;
  }

  .mob-h--2-5rem-40px {
    height: 2.5rem;
  }

  .mob-h--3rem-48px {
    height: 3rem;
  }

  .mob-h--4rem-64px {
    height: 4rem;
  }

  .mob-h--5rem-80px {
    height: 5rem;
  }

  .mob-h--8rem-128px {
    height: 8rem;
  }

  .h2-title__wrap {
    margin-bottom: 2rem;
  }

  .hide--tablet-up {
    display: block;
  }

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

  .mob-vertical {
    flex-direction: column;
  }

  .mob-vertical-reverse {
    flex-direction: column-reverse;
  }

  .container {
    flex: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .container.nav {
    width: 100%;
  }

  .mob__radius--0 {
    border-radius: 0;
    overflow: hidden;
  }

  .mob-h--100vh {
    height: 100vh;
  }

  .mob-h--50vh {
    height: 50vh;
  }

  .mob-h--15rem-240px {
    height: 15rem;
  }

  .mob-min-h--0-5rem-8px {
    min-height: .5rem;
  }

  .mob-min-h--1rem-16px {
    min-height: 1rem;
  }

  .mob-min-h--1-5rem-24px {
    min-height: 1.5rem;
  }

  .mob-min-h--2rem-32px {
    min-height: 2rem;
  }

  .mob-min-h--2-5rem-40px {
    min-height: 2.5rem;
  }

  .mob-min-h--3rem-48px {
    min-height: 3rem;
  }

  .mob-min-h--4rem-64px {
    min-height: 4rem;
  }

  .mob-min-h--5rem-80px {
    min-height: 5rem;
  }

  .mob-min-h--8rem-128px {
    min-height: 8rem;
  }

  .mob-min-h--15rem-240px {
    min-height: 15rem;
  }

  .mob-max-h--0-5rem-8px {
    max-height: .5rem;
  }

  .mob-max-h--1rem-16px {
    max-height: 1rem;
  }

  .mob-max-h--1-5rem-24px {
    max-height: 1.5rem;
  }

  .mob-max-h--2rem-32px {
    max-height: 2rem;
  }

  .mob-max-h--2-5rem-40px {
    max-height: 2.5rem;
  }

  .mob-max-h--3rem-48px {
    max-height: 3rem;
  }

  .mob-max-h--4rem-64px {
    max-height: 4rem;
  }

  .mob-max-h--5rem-80px {
    max-height: 5rem;
  }

  .mob-max-h--8rem-128px {
    max-height: 8rem;
  }

  .mob-max-h--15rem-240px {
    max-height: 15rem;
  }

  .mob-h--0 {
    height: 0;
  }

  .mob-h--24rem-384px {
    height: 24rem;
  }

  .mob-h--auto {
    height: auto;
  }

  .mob-h--20 {
    height: 20%;
  }

  .mob-h--33 {
    height: 33.3333%;
  }

  .mob-h--40 {
    height: 40%;
  }

  .mob-h--50 {
    height: 50%;
  }

  .mob-h--60 {
    height: 60%;
  }

  .mob-h--66 {
    height: 66.6667%;
  }

  .mob-h--80 {
    height: 80%;
  }

  .mob-h--100 {
    height: 100%;
  }

  .mob-min-h--20 {
    min-height: 20%;
  }

  .mob-min-h--33 {
    min-height: 33.3333%;
  }

  .mob-min-h--40 {
    min-height: 40%;
  }

  .mob-min-h--50 {
    min-height: 50%;
  }

  .mob-min-h--60 {
    min-height: 60%;
  }

  .mob-min-h--66 {
    min-height: 66.6667%;
  }

  .mob-min-h--80 {
    min-height: 80%;
  }

  .mob-min-h--100 {
    min-height: 100%;
  }

  .mob-min-h--50vh {
    min-height: 50vh;
  }

  .mob-min-h--100vh {
    min-height: 100vh;
  }

  .mob-min-h--0 {
    min-height: 0;
  }

  .mob-h--25 {
    height: 25%;
  }

  .mob-h--75 {
    height: 75%;
  }

  .mob-min-h--25 {
    min-height: 25%;
  }

  .mob-min-h--75 {
    min-height: 75%;
  }

  .mob-min-h--20vh {
    min-height: 20vh;
  }

  .mob-min-h--25vh {
    min-height: 25vh;
  }

  .mob-min-h--33vh {
    min-height: 33.3333vh;
  }

  .mob-min-h--40vh {
    min-height: 40vh;
  }

  .mob-min-h--60vh {
    min-height: 60vh;
  }

  .mob-min-h--66vh {
    min-height: 66.6667vh;
  }

  .mob-min-h--75vh {
    min-height: 75vh;
  }

  .mob-min-h--80vh {
    min-height: 80vh;
  }

  .mob-max-h--0 {
    max-height: 0;
  }

  .mob-max-h--1px {
    max-height: 1px;
  }

  .mob-max-h--100 {
    max-height: 100%;
  }

  .mob-max-h--100vh {
    max-height: 100vh;
  }

  .mob-w--0-5rem-8px {
    width: .5rem;
  }

  .mob-w--1rem-16px {
    width: 1rem;
  }

  .mob-w--1-5rem-24px {
    width: 1.5rem;
  }

  .mob-w--2rem-32px {
    width: 2rem;
  }

  .mob-w--2-5rem-40px {
    width: 2.5rem;
  }

  .mob-w--3rem-48px {
    width: 3rem;
  }

  .mob-w--4rem-64px {
    width: 4rem;
  }

  .mob-w--5rem-80px {
    width: 5rem;
  }

  .mob-w--8rem-128px {
    width: 8rem;
  }

  .mob-w--15rem-240px {
    width: 15rem;
  }

  .mob-w--24rem-384px {
    width: 24rem;
  }

  .mob-w--auto {
    width: auto;
  }

  .mob-w--20 {
    width: 20%;
  }

  .mob-w--25 {
    width: 25%;
  }

  .mob-w--33 {
    width: 33.3333%;
  }

  .mob-w--40 {
    width: 40%;
  }

  .mob-w--50 {
    width: 50%;
  }

  .mob-w--60 {
    width: 60%;
  }

  .mob-w--66 {
    width: 66.6667%;
  }

  .mob-w--75 {
    width: 75%;
  }

  .mob-w--80 {
    width: 80%;
  }

  .mob-w--100 {
    width: 100%;
  }

  .mob-w--100vw {
    width: 100vw;
  }

  .mob-w--50vw {
    width: 50vw;
  }

  .mob-min-w--0 {
    min-width: 0;
  }

  .mob-min-w--100 {
    min-width: 100%;
  }

  .mob-min-w--100vw {
    min-width: 100vw;
  }

  .grid.mob-2 {
    grid-template-columns: 1fr 1fr;
  }

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

  .column.mob-9 {
    width: 75%;
  }

  .column.mob-12 {
    width: 100%;
  }

  .column.mob-3 {
    width: 25%;
  }

  .column.mob-11 {
    width: 91.66%;
  }

  .column.mob-2 {
    width: 16.66%;
  }

  .column.mob-6 {
    width: 50%;
  }

  .column.mob-10 {
    width: 83.33%;
  }

  .column.mob-8 {
    width: 66.6667%;
  }

  .column.mob-5 {
    width: 41.66%;
  }

  .column.mob-1 {
    width: 8.33%;
  }

  .column.mob-4 {
    width: 33.33%;
  }

  .column.mob-7 {
    width: 58.3333%;
  }

  .mob-w--10 {
    width: 10%;
  }

  .mob-w--30 {
    width: 30%;
  }

  .mob-w--70 {
    width: 70%;
  }

  .mob-w--90 {
    width: 90%;
  }

  .mob-max-w--15rem-240px {
    max-width: 15rem;
  }

  .mob-max-w--24rem-384px {
    max-width: 24rem;
  }

  .mob-max-w--0 {
    max-width: 0;
  }

  .mob-max-w--1px {
    max-width: 1px;
  }

  .mob-max-w--100 {
    max-width: 100%;
  }

  .mob-max-w--100vw {
    max-width: 100vw;
  }

  .mob-max-w--xs-32rem-512px {
    max-width: 32rem;
  }

  .mob-min-w--20vw {
    min-width: 20vw;
  }

  .mob-min-w--25vw {
    min-width: 25vw;
  }

  .mob-min-w--33vw {
    min-width: 33.3333vw;
  }

  .mob-min-w--40vw {
    min-width: 40vw;
  }

  .mob-min-w--50vw {
    min-width: 50vw;
  }

  .mob-min-w--60vw {
    min-width: 60vw;
  }

  .mob-min-w--66vw {
    min-width: 66.6667vw;
  }

  .mob-min-w--75vw {
    min-width: 75vw;
  }

  .mob-min-w--80vw {
    min-width: 80vw;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-menu-block {
    flex-direction: column;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .menu-button-3 {
    min-width: 160px;
  }

  .round {
    border-radius: 20px;
  }

  .content-wrapper.centered.full.horizontal {
    flex-direction: column;
  }

  .content-wrapper.centered.full.float {
    padding-top: 2rem;
  }

  .split-lines {
    font-size: 18vw;
  }

  .quick-stack.nav {
    height: 90vh;
    overflow: scroll;
  }

  .rich-text blockquote {
    font-size: 1.8rem;
  }

  .rich-text.paragraph h2 {
    font-size: 2rem;
  }

  .button_component {
    max-width: 13rem;
  }

  .button_content {
    font-size: 1rem;
  }

  .container-3 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .snp-heading {
    font-size: 20px;
  }

  .testimonial-stack {
    padding: 60px 15px;
  }

  .slide-title {
    font-size: 3rem;
  }

  .testimonial-text-three {
    font-size: 20px;
    line-height: 28px;
  }

  .footer-brand {
    padding-left: 0;
  }

  .nav-menu-2 {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .container-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .quick-stack-3 {
    grid-row-gap: 80px;
    flex-direction: column;
    display: flex;
  }

  .rich-text-big-title p {
    font-size: 1.4rem;
  }

  .rich-text-big h3 {
    font-size: 4rem;
  }

  .rich-text-big p {
    font-size: 1.4rem;
  }

  .info {
    grid-row-gap: 0px;
  }

  .block-wrapper.full.white {
    padding-left: 0;
    padding-right: 0;
  }

  .cf-video-checkmarks-item {
    max-width: none;
  }

  .cf-video-play-button {
    margin-top: 200px;
  }

  .cf-video-heading {
    font-size: 34px;
  }

  .cf-wrapper {
    width: 90%;
  }

  .cf-video-checkmark {
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  .cf-video-thumbnail {
    max-height: 23rem;
  }

  .gallery-list-wrapper {
    column-gap: 15px;
  }

  .gallery-item {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .form-centered {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .quick-stack-5 {
    grid-row-gap: 80px;
    flex-direction: column;
    display: flex;
  }

  ._w-btn-goole {
    margin-top: 10px;
  }

  .form-label {
    margin-bottom: 0;
  }

  .chat-writemodule-header-1 {
    padding-top: 10px;
    padding-bottom: 6px;
  }

  .chat-bubbleshape-1 {
    width: 40px;
    height: 40px;
  }

  .chat-writemodule-main-1 {
    padding-bottom: 62px;
  }

  .chat-bubblemain-1 {
    margin-bottom: 15px;
  }

  .chat-writemodule-headlogo-1 {
    margin-bottom: 5px;
  }

  .chat-writemodule-headtop-1 {
    margin-bottom: 10px;
  }

  .form-left {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .form-wrapper.full.white {
    padding-left: 0;
    padding-right: 0;
  }

  .filter_block {
    flex: 0 auto;
    width: 100%;
  }

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

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

  .heading-filter {
    font-size: 1rem;
  }

  .cloneable {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-small {
    font-size: 1rem;
  }

  .filter_options.max-width {
    max-width: none;
    max-height: none;
  }

  .filter_tags-wrapper {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .blog-info {
    grid-row-gap: 0px;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    margin-bottom: 1rem;
  }

  h3 {
    font-size: 1.8rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .starter-kit__card {
    width: 100vw;
  }

  .button__wrapper {
    grid-row-gap: 1rem;
    width: 100%;
  }

  .navbar__link-wrap {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .hide--mobile-landscape-up {
    display: block;
  }

  .horizontal {
    grid-column-gap: 4px;
  }

  .container {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container-2 {
    max-width: none;
  }

  .navbar-wrapper {
    flex-flow: column;
    align-items: center;
    width: 100%;
    max-height: 6rem;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .navbar-brand {
    flex: 0 auto;
    justify-content: center;
    align-self: flex-start;
    width: 100%;
    margin-top: 0;
    display: flex;
    position: relative;
  }

  .navbar-brand.anim {
    align-self: center;
  }

  .nav-menu {
    flex-direction: column;
    width: 100%;
    padding-bottom: 20rem;
    overflow: visible;
  }

  .button-primary {
    min-width: 50%;
    margin-bottom: 1rem;
  }

  .button-primary:hover {
    color: var(--grey-950);
  }

  .button-primary.green {
    margin-top: 10px;
    margin-bottom: .75rem;
  }

  .button-primary.green.french {
    min-width: auto;
  }

  .menu-button-3 {
    flex: 1;
    min-width: auto;
    padding: 10px 0;
  }

  .brand-logo {
    min-width: 150px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
  }

  .menu-icon-old {
    width: 16px;
    height: 20px;
  }

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

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

  .heading {
    font-size: 5rem;
  }

  .scroll-to {
    width: 40px;
    height: 40px;
    padding-bottom: 8rem;
  }

  .image-wrapper.round.move-up {
    margin-bottom: 1.5rem;
  }

  .image-wrapper.engage {
    min-height: auto;
    max-height: none;
  }

  .image-full.icon {
    max-height: 80px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-wrapper.centered {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .content-wrapper.centered.full.float {
    padding-top: 6rem;
  }

  .split-lines {
    max-width: 90%;
    font-size: 11vw;
    line-height: 1.1;
  }

  .slogan-header {
    transform-origin: 50%;
    flex: none;
    order: 1;
    max-width: none;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    font-size: 95%;
  }

  .quick-stack {
    padding: 0;
  }

  .quick-stack.footer {
    grid-row-gap: 0px;
    padding-bottom: 20px;
  }

  .quick-stack.nav {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    overflow: visible;
  }

  .center-div {
    flex-direction: column;
    padding-top: 0;
  }

  .right-div {
    font-size: 2.2rem;
  }

  .rich-text {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    margin-bottom: 0;
  }

  .rich-text p {
    margin-bottom: 2rem;
    font-size: 1.6rem;
  }

  .rich-text.row-zero {
    grid-row-gap: 0px;
    margin-top: 1rem;
  }

  .rich-text.small {
    margin-top: 0;
  }

  .rich-text.small h4 {
    margin-bottom: 2rem;
  }

  .rich-text.small.tight-row {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .rich-text.small h2 {
    margin-bottom: 2rem;
  }

  .rich-text.small h3 {
    margin-bottom: 16px;
  }

  .rich-text.small.move-up-2rem {
    margin-top: 0;
  }

  .rich-text blockquote {
    font-size: 1.6rem;
  }

  .rich-text.white h2 {
    font-size: 3.5rem;
  }

  .rich-text.bigger h2 {
    font-size: 3rem;
  }

  .rich-text h2 {
    margin-bottom: 2rem;
  }

  .nav-link.language {
    font-size: 1.2rem;
  }

  .swiper-number-pagination {
    padding-top: 0;
  }

  .swiper-number-pagination-content {
    width: 100%;
  }

  .snp-buttons-and-pagination {
    grid-column-gap: 10px;
    align-items: center;
    margin-bottom: 20px;
  }

  .snp-buttons-and-pagination.float {
    align-items: center;
    width: 85%;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
  }

  .snp-button-left {
    background-position: 0%;
    width: 10%;
  }

  .snp-button-right {
    background-position: 100%;
    width: 10%;
    margin-left: 10px;
  }

  .snp-pagination {
    min-width: 20%;
  }

  .snp-item-info {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .swiper-wrapper.snp-list._3-columns {
    flex-wrap: nowrap;
  }

  .swiper-slide.snp-item {
    width: 100%;
  }

  .swiper-slide.snp-item._3-columns {
    min-width: 100%;
  }

  .container-4 {
    max-width: none;
  }

  .testimonial-card-three {
    padding-left: 24px;
    padding-right: 24px;
  }

  .testimonial-info-four {
    text-align: center;
    flex-direction: column;
  }

  .brand-logo-green-over {
    width: 50vw;
    min-width: 150px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    position: absolute;
    inset: 0% 0% auto;
  }

  .footer-brand {
    justify-content: center;
    width: 100%;
    margin-bottom: 5px;
    display: flex;
  }

  .slogan-footer {
    margin-left: auto;
    margin-right: auto;
  }

  .top {
    width: 50px;
    margin-top: 2rem;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .top.anim-2 {
    order: 1;
  }

  .right-footer {
    padding-top: 20px;
  }

  .menu-icon {
    width: 30px;
    height: 30px;
  }

  .nav-menu-2 {
    flex-direction: column;
  }

  .menu-nav.language {
    font-size: 1.5rem;
  }

  .menu-button {
    z-index: 5;
    flex: 0 auto;
    align-content: center;
    width: 40px;
    margin-right: -10px;
    padding: 0 10px 0 0;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .menu-text {
    display: none;
  }

  .container-5 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav-menu-wrapper {
    padding-top: 100px;
    overflow: scroll;
  }

  .demi-cell {
    margin-top: 20px;
  }

  .quick-stack-2-rows {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 0;
    padding-right: 0;
  }

  .title-slider {
    width: 40%;
    max-width: none;
    position: relative;
  }

  .quick-stack-3.photo {
    grid-row-gap: 20px;
  }

  .quick-stack-3.icon {
    grid-column-gap: 10rem;
  }

  .quick-stack-3.blog {
    grid-row-gap: 20px;
  }

  .align-center {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-bottom: 4rem;
  }

  .rich-text-big-title p {
    margin-bottom: 2rem;
    font-size: 1.2rem;
  }

  .rich-text-big-title.engage {
    grid-row-gap: 0px;
  }

  .rich-text-big-title.engage h2 {
    margin-bottom: 1.5rem;
    font-size: 4rem;
  }

  .rich-text-big {
    grid-row-gap: 40px;
  }

  .rich-text-big h3 {
    margin-bottom: 1rem;
    font-size: 4rem;
  }

  .rich-text-big p {
    font-size: 1.2rem;
  }

  .rich-text-photo h3 {
    font-size: 2rem;
  }

  .quote-mark {
    max-width: 30px;
  }

  .title-holder {
    font-size: 1.3rem;
  }

  .block-wrapper {
    max-width: none;
  }

  .block-wrapper.second {
    margin-top: 100px;
  }

  .block-wrapper.full.white {
    padding-left: 0;
    padding-right: 0;
  }

  .flex-horizontal {
    flex-wrap: wrap;
  }

  .flex-horizontal.padding-top-bottom {
    grid-column-gap: 1.25rem;
    flex-flow: row;
  }

  .faq-title {
    font-size: 3rem;
  }

  .faq-div {
    margin-top: 10px;
  }

  .faq-plus {
    width: 40px;
  }

  .image-faq.faq-type {
    width: 25%;
  }

  .stat-number {
    font-size: 3rem;
  }

  .centered-block.flex {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 10px;
    margin-left: 0;
  }

  .cf-video-laptop-bar-image {
    top: -26px;
  }

  .cf-video-play-button {
    transform-origin: 20% 84%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    transform: scale(.4);
  }

  .cf-video {
    height: 300px;
  }

  .cf-video-heading {
    font-size: 30px;
  }

  .cf-wrapper.video-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .cf-video-thumbnail {
    max-height: 50vw;
  }

  .gallery-list-wrapper {
    column-count: 1;
  }

  .gallery-item {
    margin-top: 0;
    margin-bottom: 0;
  }

  .full-background-image {
    margin-top: 0;
  }

  .button-wrapper {
    column-count: 2;
    column-gap: 10px;
    min-width: 85vw;
    display: block;
  }

  .button-wrapper.bottom-margin {
    flex-direction: column;
  }

  .demi-div {
    flex: 0 auto;
    width: 70%;
  }

  .cw-cookieforwebflow.cookie-wrapper {
    z-index: 1002;
  }

  .cw-cookieforwebflow.cookie-wrapper.hide {
    display: none;
  }

  .card-cookie {
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 96vw;
    padding: 4vw 3vw 4vw 5vw;
  }

  .txt-cookie {
    margin-bottom: 0;
    font-size: 100%;
  }

  ._w-btn-goole {
    flex: 1;
    margin-top: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-spacer {
    height: 0;
  }

  .chat-writemodule-header-1 {
    padding-left: 19px;
    padding-right: 19px;
  }

  .chat-bubbleshape-1 {
    background-color: #000;
    width: 50px;
    height: 50px;
  }

  .chat-bubbleicon-1 {
    background-position: 49% 25%;
    background-size: 18px;
    padding-bottom: 6px;
  }

  .chat-writemodule-box-1, .chat-writemodule-main-1 {
    width: 100%;
  }

  .chat-main {
    padding-left: 15px;
    padding-right: 15px;
  }

  .chat-writemodule-headtop-1 {
    margin-bottom: 10px;
  }

  .quote-text {
    font-size: 10px;
  }

  .login-nav {
    display: none;
  }

  .form-wrapper {
    max-width: none;
  }

  .form-wrapper.second {
    margin-top: 100px;
  }

  .form-wrapper.full.white {
    padding-left: 0;
    padding-right: 0;
  }

  .form-wrapper.show {
    opacity: 1;
  }

  .close-form {
    opacity: 1;
    right: 20px;
  }

  .heading-small {
    font-size: .9rem;
  }

  .checkbox_field {
    margin-bottom: 10px;
    margin-left: 0;
  }

  .list-item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 20px;
    margin-bottom: 2rem;
    padding: 10px;
  }

  .rich-text-blog h3 {
    font-size: 1.7rem;
  }

  .heading-blog-section {
    font-size: 1.5rem;
  }

  .quick-stack-blog {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 30px;
    margin-bottom: 1rem;
    padding: 10px;
  }

  .image-absolute {
    height: auto;
    margin-top: 100px;
    inset: 0% 0% auto;
  }
}

#w-node-_47e7cd9e-11bf-404a-b695-e5c10573278d-a61fba5f {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr .75fr .25fr 1fr;
}

#w-node-_47e7cd9e-11bf-404a-b695-e5c10573278e-a61fba5f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ae-a61fba5f, #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327b9-a61fba5f, #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-a61fba5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f297742-cfa2-5122-8eb0-6ea192ec0523-a61fba5f {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr .75fr;
}

#w-node-_1f297742-cfa2-5122-8eb0-6ea192ec0524-a61fba5f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_1f297742-cfa2-5122-8eb0-6ea192ec0527-a61fba5f, #w-node-_1f297742-cfa2-5122-8eb0-6ea192ec052c-a61fba5f, #w-node-_1f297742-cfa2-5122-8eb0-6ea192ec052f-a61fba5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d9906757-44d4-1f5e-a387-006229019a5b-a61fba5f {
  order: 9999;
}

#w-node-e09cab5b-83a9-1e78-d0c8-458cd91eccbd-a61fba5f {
  align-self: center;
}

#w-node-_009f5c3f-82d0-07de-c89f-7ef84fb6c9f6-a61fba5f, #w-node-_3840030a-9cd8-1188-abb1-3f82e24e36e7-a61fba5f {
  place-self: center start;
}

#w-node-b92ed4bb-bdf7-e32a-b2d5-4dd3ca8680f0-a61fba5f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b92ed4bb-bdf7-e32a-b2d5-4dd3ca8680f1-a61fba5f, #w-node-b92ed4bb-bdf7-e32a-b2d5-4dd3ca868102-a61fba5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1380a60e-c898-845e-3f85-6f959b6e2052-a61fba5f {
  place-self: center start;
}

#w-node-_721810ad-c76f-adc2-83c9-6a513f34438b-a61fba5f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_721810ad-c76f-adc2-83c9-6a513f34438c-a61fba5f, #w-node-_721810ad-c76f-adc2-83c9-6a513f34438d-a61fba5f, #w-node-_613585e3-a41f-d2d4-0062-5a1dc17a873e-a61fba5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8c67760f-3b3f-8ce3-1872-053f3387ee3b-a61fba5f {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr .75fr;
}

#w-node-_8c67760f-3b3f-8ce3-1872-053f3387ee3c-a61fba5f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_8c67760f-3b3f-8ce3-1872-053f3387ee3f-a61fba5f, #w-node-_8c67760f-3b3f-8ce3-1872-053f3387ee44-a61fba5f, #w-node-_8c67760f-3b3f-8ce3-1872-053f3387ee47-a61fba5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af0266e7-e9a9-669b-39f2-14fa055994ab-48460d95 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr .25fr .5fr .75fr;
}

#w-node-af0266e7-e9a9-669b-39f2-14fa055994d8-48460d95, #w-node-af0266e7-e9a9-669b-39f2-14fa055994ac-48460d95, #w-node-af0266e7-e9a9-669b-39f2-14fa055994cc-48460d95, #w-node-af0266e7-e9a9-669b-39f2-14fa055994cd-48460d95, #w-node-af0266e7-e9a9-669b-39f2-14fa055994d9-48460d95 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_880f7363-0726-3999-7e82-1eedc4bace91-a61fba6a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-df9fa81e-ab5e-0a49-6831-b4422d373f37-a61fba6a, #w-node-b62ed7cc-681b-0756-7c33-d3d712a06f76-a61fba6a, #w-node-_7ceb32a2-4676-d98b-6dae-e6c1ffe3b956-a61fba6a, #w-node-_7ceb32a2-4676-d98b-6dae-e6c1ffe3b95b-a61fba6a, #w-node-_7ceb32a2-4676-d98b-6dae-e6c1ffe3b960-a61fba6a, #w-node-_7ceb32a2-4676-d98b-6dae-e6c1ffe3b965-a61fba6a, #w-node-_7ceb32a2-4676-d98b-6dae-e6c1ffe3b96a-a61fba6a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_47e7cd9e-11bf-404a-b695-e5c10573278d-3efc3431 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr .75fr .25fr 1fr;
}

#w-node-_47e7cd9e-11bf-404a-b695-e5c10573278e-3efc3431 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ae-3efc3431, #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327b9-3efc3431, #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-3efc3431 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_47e7cd9e-11bf-404a-b695-e5c10573278d-bc0dcefc {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr .75fr .25fr 1fr;
}

#w-node-_47e7cd9e-11bf-404a-b695-e5c10573278e-bc0dcefc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ae-bc0dcefc, #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327b9-bc0dcefc, #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-bc0dcefc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20745332-f99f-8046-ab2c-86b8bf8d66f6-bc0dcefc {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_20745332-f99f-8046-ab2c-86b8bf8d66f7-bc0dcefc, #w-node-_20745332-f99f-8046-ab2c-86b8bf8d6708-bc0dcefc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_47e7cd9e-11bf-404a-b695-e5c10573278d-175ae4d3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr .75fr .25fr 1fr;
}

#w-node-_47e7cd9e-11bf-404a-b695-e5c10573278e-175ae4d3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ae-175ae4d3, #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327b9-175ae4d3, #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-175ae4d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_47e7cd9e-11bf-404a-b695-e5c10573278d-a61fba5f {
    grid-template-rows: auto auto;
    grid-template-columns: minmax(50%, .75fr) 1fr .75fr;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c10573278e-a61fba5f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ae-a61fba5f {
    order: -9999;
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327b9-a61fba5f {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-a61fba5f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1f297742-cfa2-5122-8eb0-6ea192ec0523-a61fba5f {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_1f297742-cfa2-5122-8eb0-6ea192ec0524-a61fba5f, #w-node-_1f297742-cfa2-5122-8eb0-6ea192ec0527-a61fba5f, #w-node-_1f297742-cfa2-5122-8eb0-6ea192ec052c-a61fba5f, #w-node-_1f297742-cfa2-5122-8eb0-6ea192ec052f-a61fba5f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d9906757-44d4-1f5e-a387-006229019a5b-a61fba5f {
    order: -9999;
  }

  #w-node-_8c67760f-3b3f-8ce3-1872-053f3387ee3b-a61fba5f {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_8c67760f-3b3f-8ce3-1872-053f3387ee3c-a61fba5f, #w-node-_8c67760f-3b3f-8ce3-1872-053f3387ee3f-a61fba5f, #w-node-_8c67760f-3b3f-8ce3-1872-053f3387ee44-a61fba5f, #w-node-_8c67760f-3b3f-8ce3-1872-053f3387ee47-a61fba5f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-af0266e7-e9a9-669b-39f2-14fa055994ab-48460d95 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-af0266e7-e9a9-669b-39f2-14fa055994ac-48460d95 {
    order: -9999;
  }

  #w-node-af0266e7-e9a9-669b-39f2-14fa055994d9-48460d95 {
    order: -9999;
    grid-column: span 1 / span 1;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c10573278d-3efc3431 {
    grid-template-rows: auto auto;
    grid-template-columns: minmax(50%, .75fr) 1fr .75fr;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c10573278e-3efc3431 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ae-3efc3431 {
    order: -9999;
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327b9-3efc3431 {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-3efc3431 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c10573278d-bc0dcefc {
    grid-template-rows: auto auto;
    grid-template-columns: minmax(50%, .75fr) 1fr .75fr;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c10573278e-bc0dcefc {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ae-bc0dcefc {
    order: -9999;
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327b9-bc0dcefc {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-bc0dcefc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c10573278d-175ae4d3 {
    grid-template-rows: auto auto;
    grid-template-columns: minmax(50%, .75fr) 1fr .75fr;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c10573278e-175ae4d3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ae-175ae4d3 {
    order: -9999;
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327b9-175ae4d3 {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-175ae4d3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_47e7cd9e-11bf-404a-b695-e5c10573278e-a61fba5f {
    grid-column: span 3 / span 3;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-a61fba5f {
    order: -9999;
    grid-column: span 3 / span 3;
  }

  #w-node-b92ed4bb-bdf7-e32a-b2d5-4dd3ca8680f0-a61fba5f {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-b92ed4bb-bdf7-e32a-b2d5-4dd3ca8680f1-a61fba5f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b92ed4bb-bdf7-e32a-b2d5-4dd3ca868102-a61fba5f {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_721810ad-c76f-adc2-83c9-6a513f34438b-a61fba5f {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_721810ad-c76f-adc2-83c9-6a513f34438c-a61fba5f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_721810ad-c76f-adc2-83c9-6a513f34438d-a61fba5f {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c10573278e-3efc3431 {
    grid-column: span 3 / span 3;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-3efc3431 {
    order: -9999;
    grid-column: span 3 / span 3;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c10573278e-bc0dcefc {
    grid-column: span 3 / span 3;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-bc0dcefc {
    order: -9999;
    grid-column: span 3 / span 3;
  }

  #w-node-_20745332-f99f-8046-ab2c-86b8bf8d66f6-bc0dcefc {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_20745332-f99f-8046-ab2c-86b8bf8d66f7-bc0dcefc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_20745332-f99f-8046-ab2c-86b8bf8d6708-bc0dcefc {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c10573278e-175ae4d3 {
    grid-column: span 3 / span 3;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-175ae4d3 {
    order: -9999;
    grid-column: span 3 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_47e7cd9e-11bf-404a-b695-e5c10573278e-a61fba5f {
    order: 9999;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ae-a61fba5f {
    order: 0;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-a61fba5f {
    order: -9999;
    grid-column: span 3 / span 3;
  }

  #w-node-af0266e7-e9a9-669b-39f2-14fa055994ab-48460d95 {
    grid-template-rows: auto;
    grid-template-columns: 1.5fr;
  }

  #w-node-af0266e7-e9a9-669b-39f2-14fa055994d8-48460d95 {
    order: -9999;
  }

  #w-node-af0266e7-e9a9-669b-39f2-14fa055994ac-48460d95, #w-node-af0266e7-e9a9-669b-39f2-14fa055994d9-48460d95 {
    order: 0;
  }

  #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-3efc3431, #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-bc0dcefc, #w-node-_47e7cd9e-11bf-404a-b695-e5c1057327ba-175ae4d3 {
    grid-column: span 3 / span 3;
  }
}