:root {
  --200: whitesmoke;
  --900: #0c090d;
  --primary-light: #fefae3;
  --400: #8f8e90;
  --100: white;
  --800: #242125;
  --300: #eeeded;
  --600: #514f52;
  --secondary-blue: #bac9eb;
  --primary: #f8e87f;
  --700\<deleted\|variable-6738ab97\>: #302e31;
  --secondary-red: #edbdc2;
  --primary-medium\<deleted\|variable-6ed64698-d108-c0c4-2351-6d3e5c331f20\>: #fbf2b6;
  --150: #fdfcfc;
  --secondary-green: #bae5e0;
}

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

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

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

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--200);
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

h1 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 63px;
  font-weight: 700;
  line-height: 120%;
}

h2 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 700;
  line-height: 130%;
}

h3 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

h4 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

h5 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
}

h6 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}

p {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 150%;
}

a {
  color: var(--900);
  letter-spacing: -.01em;
  font-weight: 500;
  text-decoration: none;
  transition: transform .25s, opacity .25s;
  display: inline-block;
}

a:hover {
  opacity: .84;
}

a:active {
  transform: scale(.98);
}

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

li {
  letter-spacing: .015em;
  margin-bottom: .25rem;
  margin-left: 1.5rem;
  padding-left: 1.25rem;
}

label {
  margin-bottom: 2px;
  font-weight: 500;
  display: block;
}

strong {
  font-weight: 700;
}

blockquote {
  background-color: var(--primary-light);
  color: var(--900);
  border: .0625rem #000;
  border-radius: .75rem;
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 32px;
  font-size: 22px;
  line-height: 150%;
}

figcaption {
  color: var(--400);
  text-align: center;
  letter-spacing: .015em;
  margin-top: .75rem;
  font-size: .875rem;
}

.style-guide-block {
  margin-bottom: 2rem;
}

.form-error {
  color: var(--100);
  background-color: #fce3e3;
  border-radius: .375rem;
  margin-top: 1.5rem;
  padding: 1.5rem;
  font-weight: 600;
}

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

.form-radio-button, .form-checkbox {
  margin-bottom: 16px;
  padding-left: 24px;
}

.text-input {
  background-color: var(--100);
  color: var(--800);
  border: 2px solid #0000;
  border-radius: 12px;
  min-height: 56px;
  margin-bottom: 0;
  padding: 16px 20px;
  font-size: 16px;
  line-height: 1.5;
  transition: border .25s, background-color .25s;
}

.text-input:hover {
  background-color: var(--400);
  color: var(--100);
}

.text-input:focus {
  border: 2px solid var(--400);
}

.text-input::placeholder {
  color: var(--400);
}

.text-input.form {
  border-width: 2px;
  border-color: var(--300);
  background-color: var(--300);
  color: var(--800);
  border-radius: 12px;
  min-height: 160px;
  margin-bottom: 0;
  padding: 16px 20px;
  font-size: 16px;
  line-height: 140%;
}

.text-input.form:hover {
  background-color: var(--400);
  color: var(--100);
}

.text-input.area {
  min-height: 10.5rem;
}

.paragraph {
  color: var(--600);
  font-weight: 400;
}

.paragraph.small {
  font-size: 14px;
  line-height: 160%;
}

.paragraph.small.text-100 {
  color: var(--100);
}

.paragraph.extra-large {
  font-size: 1.75rem;
  line-height: 1.4;
}

.paragraph.large {
  font-size: 19px;
  line-height: 150%;
}

.paragraph.quote-man {
  color: var(--900);
}

.radio-button {
  border: 2px solid var(--600);
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-left: -24px;
  margin-right: 16px;
}

.radio-button.w--redirected-checked {
  border-width: .5rem;
  border-color: var(--secondary-blue);
  background-color: var(--secondary-blue);
  color: var(--100);
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-left: -24px;
  margin-right: 16px;
}

.form-dropdown {
  background-color: var(--300);
  color: var(--800);
  border: 2px solid #0000;
  border-radius: 12px;
  width: 100%;
  min-height: 56px;
  margin-bottom: 16px;
  padding: 16px 20px;
  font-size: 16px;
  line-height: 150%;
  position: relative;
}

.form-dropdown:hover {
  background-color: var(--400);
  color: var(--100);
}

.form-dropdown:focus-visible, .form-dropdown[data-wf-focus-visible] {
  border: .125rem solid var(--300);
}

.form-dropdown::placeholder {
  color: #999;
  font-size: .9375rem;
}

.rich-text {
  line-height: 1.5;
}

.rich-text h3 {
  margin-top: 4.5rem;
  margin-bottom: 1.5rem;
}

.rich-text a {
  text-decoration: underline;
}

.rich-text h1 {
  margin-top: 5.5rem;
  margin-bottom: 2.5rem;
}

.rich-text h2 {
  margin-top: 5.5rem;
  margin-bottom: 2rem;
}

.rich-text h4 {
  margin-top: 4rem;
  margin-bottom: 1.5rem;
}

.rich-text h5 {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.rich-text h6 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.rich-text img {
  border-radius: .5rem;
  width: 100%;
}

.rich-text p {
  margin-bottom: 2rem;
}

.style-guide-colour-block {
  width: 12.5%;
  padding-right: 16px;
  display: inline-block;
}

.check-box {
  border: 2px solid var(--600);
  border-radius: 4px;
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-left: -24px;
  margin-right: 16px;
}

.check-box.w--redirected-checked {
  border-color: var(--secondary-blue);
  background-color: var(--secondary-blue);
  background-image: none;
  border-radius: 4px;
}

.color-block {
  background-color: var(--900);
  border-radius: 12px;
  width: 100%;
  height: 80px;
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: 0;
}

.color-block.background-color-300 {
  height: 80px;
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: 0;
}

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

.form-success {
  text-align: left;
  background-color: #ecfce3;
  border-radius: .375rem;
  padding: 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.style-guide-colour-grid {
  flex-wrap: wrap;
  margin-top: 24px;
  display: flex;
}

.field-block {
  z-index: 1;
  border: .0625rem #0000;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  min-width: 3.125rem;
  min-height: 1.25rem;
  margin-bottom: .5rem;
  display: flex;
}

.heading {
  letter-spacing: -.02em;
}

.heading.medium {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  display: block;
}

.heading.medium.link {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--400);
  text-decoration-color: var(--400);
  text-decoration-style: dashed;
}

.heading.extra-small {
  letter-spacing: -.02em;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
}

.heading.small {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
}

.heading.small.link {
  text-underline-offset: 4px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--400);
  text-decoration-color: var(--400);
  text-decoration-style: dashed;
}

.heading.small.highlight {
  padding-left: 8px;
  padding-right: 8px;
}

.heading.small.pricing {
  margin-bottom: 20px;
}

.heading.regular {
  letter-spacing: -.02em;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.heading.extra-large {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 63px;
  font-weight: 700;
  line-height: 125%;
}

.heading.large {
  letter-spacing: -.02em;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 700;
  line-height: 130%;
}

.heading.large.tab {
  width: 408.3px;
}

.button-secondary {
  background-color: var(--100);
  color: var(--900);
  text-align: center;
  letter-spacing: 0;
  border-radius: 8px;
  flex: none;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  transition: color .25s, background-color .25s;
  box-shadow: 0 5px 7px 2px #0c090d0d;
}

.button-secondary:hover {
  background-color: var(--900);
  opacity: 1;
  color: var(--100);
}

.button-secondary:active {
  transform: scale(.98);
}

.button-secondary.small {
  border-style: none;
  border-radius: .375rem;
  min-height: 2.5rem;
  padding: .5625rem 1.25rem;
  font-size: .9375rem;
}

.button-secondary.full-width {
  width: 100%;
}

.button-secondary.hero {
  transition: color .25s, background-color .25s;
}

.button-secondary.hero:hover {
  background-color: var(--900);
  color: var(--100);
}

.style-guide-section-header {
  margin-bottom: 3rem;
}

.text-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.text-box._600px {
  max-width: 37.5rem;
  min-height: 4rem;
}

.text-box._600px.centre {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.text-box._700px {
  max-width: 43.75rem;
  min-height: 4rem;
}

.text-box._900px {
  max-width: 56.25rem;
}

.field-label {
  font-size: 1rem;
  font-weight: 500;
}

.section {
  z-index: 0;
  color: var(--900);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 104px 80px;
  display: flex;
  overflow: hidden;
}

.section.banner {
  background-color: var(--800);
  background-color: var(--900);
  color: var(--100);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: .75rem;
  display: flex;
}

.section.yellow-cta {
  background-color: var(--primary);
  background-image: url('../images/Frame-108.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
  position: static;
}

.section.white {
  background-color: var(--100);
}

.section.white.overlap {
  background-image: url('../images/Frame-90.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
}

.section.white.bg1 {
  background-image: url('../images/Frame-65-1.png');
  background-position: 0 0;
  background-size: auto;
}

.section.black {
  background-color: var(--900);
}

.section.hero {
  padding-top: 40px;
}

.section.hero.white.bg1 {
  background-image: url('../images/Frame-65-1.png');
  background-position: 0 0;
  background-size: auto;
}

.section.hero.white.bg2 {
  background-image: url('../images/Frame-108.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.section.hero.white.bg3 {
  background-image: url('../images/Frame-89-3.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.section.hero.home {
  padding-bottom: 0;
}

.section.hero-2 {
  background-image: url('../images/Frame-129-3.png');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40px;
}

.section.white-bg-1 {
  background-color: var(--100);
  background-image: url('../images/Frame-88-1.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.white-bg-2 {
  background-color: var(--100);
  background-image: url('../images/Frame-89-2.png');
  background-position: 0 0;
  background-size: auto;
}

.section.white-bg-3 {
  background-color: var(--100);
  background-image: url('../images/Frame-184-1.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.section.overlap {
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
}

.text-color-light-purple {
  color: var(--primary-light);
}

.container {
  z-index: 0;
  border: 1px #000;
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  display: flex;
}

.container.centred {
  margin-left: auto;
  margin-right: auto;
}

.container.horizontal {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.grid-2-column {
  grid-column-gap: 4.5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: start;
  display: grid;
}

.grid-2-column.align-baseline {
  align-items: baseline;
}

.grid-2-column.vertically-centred {
  align-items: center;
}

.nav-link {
  color: var(--900);
  letter-spacing: 0;
  text-underline-offset: 4px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--100);
  text-decoration-color: var(--100);
  border-radius: 12px;
  align-items: center;
  margin-left: 4px;
  margin-right: 4px;
  padding: 4px 16px;
  font-size: 14px;
  font-weight: 700;
  text-decoration-style: dashed;
  text-decoration-thickness: 2px;
  transition: text-decoration-color .25s;
  display: flex;
}

.nav-link:hover {
  opacity: 1;
  color: var(--900);
  text-underline-offset: 4px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--600);
  text-decoration-color: var(--600);
  background-color: #fefae300;
  text-decoration-style: dashed;
  text-decoration-thickness: 2px;
}

.nav-link.w--current {
  z-index: 1;
  color: var(--900);
  -webkit-text-decoration-color: var(--400);
  text-decoration-color: var(--400);
}

.nav-link.w--current:hover {
  opacity: 1;
}

.nav-link.dropdown {
  padding-right: 24px;
}

.nav-link.sub-link {
  text-underline-offset: 4px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--100);
  text-decoration-color: var(--100);
  width: 180px;
  max-width: 180px;
  margin-top: 8px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  text-decoration-style: dashed;
  transition-property: text-decoration-color;
  display: block;
}

.nav-link.sub-link:hover {
  text-underline-offset: 4px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--400);
  text-decoration-color: var(--400);
  background-color: #fefae300;
  text-decoration-style: dashed;
}

.nav-link.sub-link.w--current {
  color: var(--900);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--400);
  text-decoration-color: var(--400);
  background-color: #514f5200;
  text-decoration-style: dashed;
}

.nav-link.sub-link.view-all {
  display: none;
}

.nav {
  z-index: 2;
  background-color: var(--100);
  -webkit-backdrop-filter: blur(.375rem);
  backdrop-filter: blur(.375rem);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
  position: sticky;
  top: 0;
}

.nav-menu {
  display: flex;
}

.logo {
  height: 28px;
  display: inline-block;
  position: static;
}

.logo:hover {
  opacity: .72;
}

.logo.w--current {
  height: 28px;
  margin-bottom: 0;
  padding-left: 0;
}

.nav-container {
  z-index: 0;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  height: 100%;
  display: flex;
  position: relative;
}

.logo-wrapper {
  width: 140px;
  display: flex;
}

.footer-link {
  color: var(--100);
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: color .25s;
}

.footer-link:hover {
  opacity: 1;
  color: var(--primary);
}

.footer-link.text-color-muted {
  font-size: 14px;
}

.footer-link.text-color-muted.tiny {
  color: var(--400);
}

.footer-link.text-color-muted.tiny:hover {
  color: var(--600);
}

.footer-link.tiny {
  font-size: 12px;
}

.grid-license-images {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-license-fonts {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.centre {
  margin-left: auto;
  margin-right: auto;
}

.button {
  background-color: var(--primary);
  color: var(--900);
  text-align: center;
  border: 1px #edead6;
  border-radius: 8px;
  flex: none;
  width: auto;
  max-width: 160px;
  height: auto;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  transition: background-color .25s;
}

.button:hover {
  background-color: var(--primary-light);
  opacity: 1;
}

.button:active {
  transform: scale(.98);
}

.button.small {
  border-radius: .5rem;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
}

.button.full-width {
  width: 100%;
  max-width: none;
  padding-top: 16px;
  padding-bottom: 16px;
}

.button.nav {
  letter-spacing: 0;
  border-radius: 8px;
  height: auto;
}

.button.nav:active {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.button.hero {
  display: none;
}

.license-image {
  border: .0625rem solid #0000000f;
  border-radius: .5rem;
  width: 100%;
}

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

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

.nav-menu-button {
  padding: 0;
}

.button-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 140px;
  display: flex;
}

.button-group {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  display: flex;
}

.faq-question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 20px 32px;
  display: flex;
}

.faq-accordion {
  background-color: var(--100);
  color: var(--900);
  border-style: none;
  border-width: .0625rem;
  border-radius: .75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.faq-content {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 33.75rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.faq-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 64px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 0;
  display: flex;
}

.faq-answer {
  padding-left: 40px;
  padding-right: 40px;
  overflow: hidden;
}

.faq-list {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: start stretch;
  display: grid;
}

.hero-bar-image-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  overflow: hidden;
}

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

.grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  display: grid;
}

.card-item {
  border: 1px solid var(--300);
  background-color: var(--100);
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 20px 40px 40px;
  transition: box-shadow .25s;
  display: flex;
}

.card-item:hover {
  box-shadow: 0 5px 7px 2px #0c090d0d;
}

.divider-line {
  background-color: var(--900);
  opacity: .11;
  width: 100%;
  height: 1px;
  margin-top: 40px;
}

.divider-line.dark {
  background-color: var(--900);
  opacity: .08;
}

.divider-line.small-margin {
  margin-top: 24px;
  margin-bottom: 24px;
}

.footer-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--300);
  flex-direction: column;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.icon-large {
  color: var(--primary);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

._4-card-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  margin-bottom: -104px;
  display: grid;
}

.pricing-features-list {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.pricing-feature {
  grid-column-gap: 8px;
  display: flex;
}

.cta-wrapper {
  z-index: 0;
  background-color: var(--primary);
  object-fit: cover;
  background-image: url('../images/Frame-89.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.pricing-card-content {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.cta-card-content {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.footer-grid {
  grid-column-gap: 32px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: start;
  width: 100%;
  display: grid;
}

.form-block {
  background-color: var(--200);
  border-radius: 8px;
  width: 100%;
  margin: 40px 0 0;
  padding: 40px 40px 20px;
}

.error-message {
  background-color: var(--secondary-red);
  color: var(--800);
  text-align: center;
  border-radius: 8px;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 1.25rem .9375rem;
  font-weight: 500;
}

.success-message {
  background-color: var(--primary-light);
  color: var(--primary);
  border-radius: .75rem;
  max-width: 33.75rem;
  min-height: 3.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 1.25rem;
  font-weight: 500;
}

.success-message.alternate {
  background-color: var(--900);
}

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

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

.pricing-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  max-width: 800px;
  display: grid;
}

.icon-24 {
  color: var(--primary);
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: relative;
}

.big-icon-wrapper {
  color: var(--400);
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.big-icon {
  object-fit: cover;
  flex: none;
  width: 40px;
  height: 40px;
}

.testimonial-image-wrapper {
  border-radius: .5rem;
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.faq-icon {
  color: var(--primary);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

.text-block {
  color: var(--900);
}

.text-color-700 {
  color: var(--600);
}

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

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

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

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

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

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

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

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

.benefit-item {
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.icon-medium {
  color: var(--primary);
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: relative;
}

.text-gradient-overlay {
  background-image: linear-gradient(90deg, var(--100) 72%, var(--primary-medium\<deleted\|variable-6ed64698-d108-c0c4-2351-6d3e5c331f20\>));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.hero-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-image: radial-gradient(circle closest-side at 50% 60%, #f6f2de 46%, #0000);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.grid-3-column {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: start;
  display: grid;
}

.container-small {
  z-index: 0;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-card {
  background-color: var(--100);
  border-radius: .75rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
}

.pricing-card.lighter {
  background-color: var(--300);
  color: var(--800);
  height: auto;
}

.small-card {
  border: 1px solid var(--300);
  background-color: var(--100);
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 40px;
  display: flex;
}

.small-card.spaced {
  height: 100%;
  padding-top: 40px;
}

.small-card.linked {
  padding-top: 0;
}

.testimonials-content-top {
  font-weight: 400;
}

.footer-bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 32px;
  font-size: .875rem;
  font-weight: 400;
  display: flex;
}

.testimonial-details-text {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  color: var(--400);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.testimonial-logo {
  max-width: 6rem;
  max-height: 1.25rem;
  display: inline-flex;
}

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

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

.spacer-4 {
  background-color: #0000;
  flex: none;
  width: .25rem;
  height: .25rem;
}

.spacer-8 {
  background-color: #0000;
  flex: none;
  width: .5rem;
  height: .5rem;
}

.spacer-16 {
  background-color: #0000;
  flex: none;
  width: 1rem;
  height: 1rem;
  display: block;
}

.spacer-24 {
  text-transform: uppercase;
  background-color: #0000;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
}

.spacer-32 {
  background-color: #0000;
  border-radius: .375rem;
  flex: none;
  width: 2rem;
  height: 2rem;
}

.spacer-40 {
  background-color: #0000;
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
}

.spacer-64 {
  background-color: #0000;
  flex: none;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.spacer-80 {
  background-color: #0000;
  flex: none;
  width: 5rem;
  height: 5rem;
}

.spacer-96 {
  background-color: #0000;
  flex: none;
  width: 6rem;
  height: 6rem;
}

.spacer-128 {
  background-color: #0000;
  flex: none;
  width: 8rem;
  height: 8rem;
}

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

.title {
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 140%;
}

.list {
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 0;
}

.figure-caption {
  margin-top: 12px;
  font-size: 14px;
  line-height: 150%;
}

.link {
  text-underline-offset: 4px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--400);
  text-decoration-color: var(--400);
  font-weight: 700;
  text-decoration-style: dashed;
}

.link.tertiary-button {
  text-underline-position: under;
  font-weight: 700;
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
  text-decoration-thickness: 1px;
}

.nav-logo {
  height: 100%;
}

.hero-heading-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 20%;
  padding-right: 20%;
  display: flex;
}

.highlight {
  background-image: url('../images/image-30.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 98%;
}

.highlight.large {
  background-size: auto;
}

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

.blink {
  font-weight: 400;
}

.blink.tertiary-button {
  letter-spacing: 0;
  text-underline-position: under;
  font-weight: 700;
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
  text-decoration-thickness: 1px;
  transition: color .25s;
}

.blink.tertiary-button:hover {
  opacity: 100;
  color: var(--400);
  -webkit-text-decoration-color: var(--400);
  text-decoration-color: var(--400);
}

.list-item {
  margin-bottom: 4px;
  margin-left: 24px;
  padding-left: 16px;
}

.checkbox-label {
  margin-bottom: 2px;
}

.block-quote-2 {
  background-color: var(--200);
  border-width: 2px;
  border-radius: 12px;
}

.block-quote-3 {
  background-color: var(--300);
  border-width: 2px;
  border-radius: 12px;
}

.footer-bottom-links {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.footer-bottom-links.social {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.social-link {
  transition: opacity .25s;
}

.social-link:hover {
  opacity: .8;
}

.hero-bar {
  background-color: var(--800);
  color: var(--100);
  background-image: url('../images/Frame-70.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px 8px 0 0;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: stretch;
  height: 360px;
  padding: 40px 20px;
  display: flex;
}

.hero-bar.bg1 {
  background-color: var(--100);
  background-image: url('../images/Frame-72-2.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: stretch;
  height: 240px;
  min-height: 240px;
  max-height: 240px;
}

.hero-bar.bg2 {
  background-color: var(--primary);
  background-image: url('../images/Frame-72-6.png'), url('../images/image-31.png');
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 70%, cover;
  justify-content: flex-start;
  align-items: stretch;
  height: auto;
  min-height: 240px;
  max-height: none;
  padding-bottom: 40px;
}

.hero-bar.photo {
  background-image: url('../images/pexels-olly-864994-1_1.avif');
  background-position: 50%;
  background-size: cover;
  height: 360px;
}

.bar-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.bar-content.centered {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  align-items: center;
}

.bar-content.horizontal {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.plus {
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}

.plus.text-color-900 {
  margin-left: 4px;
  margin-right: 4px;
}

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

.number {
  color: var(--900);
  font-size: 32px;
  font-weight: 700;
}

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

.bold-text.small {
  font-size: 14px;
}

.heading-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.heading-wrapper.center {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-wrapper.horizontal {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 40px;
  display: flex;
}

.icon-wrapper.solo {
  justify-content: flex-end;
  margin-bottom: -32px;
}

.icon-wrapper.linked {
  margin-top: -20px;
}

.card-text-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.card-link:hover {
  opacity: 1;
}

.main-content-wrapper {
  margin-top: 80px;
}

.main-content-wrapper.horizontal {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  margin-top: 80px;
  display: flex;
}

.main-content-wrapper.horizontal.no-header, .main-content-wrapper.no-header {
  margin-top: 0;
}

.price-box {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-image: url('../images/Frame-65-1.png');
  background-position: 0 0;
  background-size: auto;
  background-attachment: fixed;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.price-box.white {
  border: 2px solid var(--300);
}

.text-span {
  font-size: 44px;
}

.gray-text-bg {
  background-color: var(--200);
  border-radius: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

.price-content-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.check-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  margin-bottom: 10px;
  display: flex;
}

.price-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  display: grid;
}

.horizontal-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  width: 100%;
  display: flex;
}

.horizontal-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--300);
  background-color: var(--150);
  color: var(--900);
  border-radius: 8px;
  align-items: center;
  padding: 28px;
  display: flex;
}

.horizontal-card.dark {
  background-color: var(--800);
  color: var(--100);
}

.horizontal-card.white {
  border: 1px solid var(--300);
  background-color: var(--100);
  color: var(--900);
  justify-content: space-around;
  align-items: center;
  min-height: 100%;
}

.horizontal-card.gray-bg {
  background-color: var(--100);
}

.horizontal-card-wrapper {
  z-index: 9999;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  width: 50%;
  min-width: 50%;
  margin-top: -20px;
  margin-bottom: -20px;
  display: flex;
  position: relative;
}

.quote-man-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  bottom: 106px;
}

.horizontal-card-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.div-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.cell {
  justify-content: center;
  align-items: flex-start;
}

.cell-image {
  justify-content: center;
  align-items: center;
}

.quick-stack {
  grid-column-gap: 80px;
  grid-row-gap: 0px;
}

.side-paragraph {
  width: 360px;
}

.point-image {
  width: 100%;
}

.point-image.top {
  margin-top: 0;
  display: block;
}

.price-title {
  font-weight: 700;
}

.table-item, .table-title {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 33%;
  display: flex;
}

.table-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: 8px;
  justify-content: space-between;
  align-items: stretch;
  padding: 20px;
  display: flex;
}

.table-row.white {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--100);
}

.point-image-wrapper {
  margin-top: 20px;
}

.text-small {
  font-size: 14px;
}

.hero-paragraph-wrapper {
  width: 85%;
}

.heading-width-wrapper {
  width: 620px;
}

.table-logo-wrapper {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 33%;
  display: flex;
}

.image {
  border-radius: 8px;
  width: 100%;
}

.hero-2-heading-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.hero-2-image-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: .75rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 50%;
  display: flex;
  overflow: visible;
}

.hero-bar-2 {
  background-color: var(--800);
  color: var(--100);
  border-radius: 8px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: stretch;
  height: 360px;
  padding: 20px;
  display: flex;
}

.hero-bar-2.top {
  background-color: var(--primary);
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
}

.hero-bar-2.white {
  background-color: var(--100);
  justify-content: center;
  align-items: stretch;
}

.graph {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 640px;
  padding: 0;
  position: relative;
}

.main-hero-2-image {
  width: 464px;
}

.hero-2-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.testimonial-image {
  width: 100%;
}

.content-wrapper {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.big-quote-icon {
  width: 80px;
}

.testimonial-citation {
  background-color: var(--900);
  color: var(--300);
  border-radius: 4px;
  width: 280px;
  margin-top: -72px;
  padding: 12px 20px;
  position: relative;
  left: 59px;
}

.text-block-3 {
  margin-top: 4px;
}

.man-quote {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--100);
  border-radius: 8px;
  align-items: center;
  width: 480px;
  padding: 40px;
  display: flex;
}

.man-quote.gray {
  background-color: var(--300);
}

.tabs {
  width: auto;
  display: flex;
}

.tab-link-tab-2 {
  text-align: right;
  text-underline-offset: 4px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--400);
  text-decoration-color: var(--400);
  background-color: #fff0;
  border-radius: 4px;
  margin-bottom: 12px;
  padding: 20px;
  text-decoration-style: dashed;
  display: block;
}

.tab-link-tab-2.w--current {
  background-color: var(--primary);
  text-decoration: none;
}

.tab-link-tab-4 {
  text-align: right;
  text-underline-offset: 4px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--400);
  text-decoration-color: var(--400);
  background-color: #fff0;
  border-radius: 4px;
  margin-bottom: 12px;
  padding: 20px;
  text-decoration-style: dashed;
  display: block;
}

.tab-link-tab-4.w--current {
  background-color: var(--primary);
  text-decoration: none;
}

.tab-link-tab-3 {
  text-align: right;
  text-underline-offset: 4px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--400);
  text-decoration-color: var(--400);
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  background-color: #fff0;
  border-radius: 4px;
  margin-bottom: 12px;
  padding: 20px;
  text-decoration-style: dashed;
}

.tab-link-tab-3.w--current {
  background-color: var(--primary);
  text-decoration: none;
}

.tab-link-tab-1 {
  text-align: right;
  text-underline-offset: 4px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--400);
  text-decoration-color: var(--400);
  background-color: #fff0;
  border-radius: 4px;
  margin-bottom: 12px;
  padding: 20px;
  text-decoration-style: dashed;
  text-decoration-thickness: 2px;
}

.tab-link-tab-1.w--current {
  background-color: var(--primary);
  vertical-align: baseline;
  border-radius: 4px;
  margin-bottom: 12px;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
}

.tab-link-tab-5 {
  text-align: right;
  text-underline-offset: 4px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--400);
  text-decoration-color: var(--400);
  background-color: #fff0;
  border-radius: 4px;
  margin-bottom: 12px;
  padding: 20px;
  text-decoration-style: dashed;
  text-decoration-thickness: 2px;
  display: block;
}

.tab-link-tab-5.w--current {
  background-color: var(--primary);
  text-decoration: none;
}

.tab-link-tab-6 {
  text-align: right;
  text-underline-offset: 4px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--400);
  text-decoration-color: var(--400);
  background-color: #fff0;
  border-radius: 4px;
  padding: 20px;
  text-decoration-style: dashed;
  text-decoration-thickness: 2px;
  display: block;
}

.tab-link-tab-6.w--current {
  background-color: var(--primary);
  text-decoration: none;
}

.tabs-menu {
  flex-flow: column;
  align-items: flex-end;
  margin-right: 80px;
  display: flex;
}

.right-column-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.tabs-heading {
  text-align: right;
  width: 968.3px;
  margin-bottom: 40px;
}

.quote-man-image {
  width: 360px;
}

.tabs-content {
  overflow: visible;
}

.gray-image-wrapper {
  background-color: var(--300);
  border-radius: 8px;
  flex: 1;
  padding: 20px;
}

.paragraph-holder {
  width: 480px;
}

.transparent-image-wrapper {
  background-color: #fff0;
  border-radius: 8px;
  flex: 1;
  padding: 20px 0;
}

.dropdown-icon {
  margin-right: 8px;
}

.dropdown-list {
  background-color: var(--100);
  border-radius: 8px;
  padding: 20px 40px 40px;
  box-shadow: 0 3px 7px 2px #0c090d0d;
}

.dropdown-list.w--open {
  border-radius: 8px;
  width: auto;
  padding: 20px 40px 40px;
  display: block;
}

.dropdown-menu-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: stretch;
  display: flex;
}

.submenu-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}

.submenu-wrapper.overview {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--900);
  color: var(--100);
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  display: flex;
}

.dropdown {
  align-self: center;
}

.sub-menu-title {
  opacity: 1;
  color: var(--600);
  font-size: 14px;
}

.hero-card-wrapper {
  margin-top: 40px;
}

.centered-hero {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  display: grid;
}

.nav-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--300);
  background-color: var(--800);
  text-align: center;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 20px 20px 32px 32px;
  transition: box-shadow .25s;
  display: flex;
}

.nav-card:hover {
  box-shadow: 0 5px 7px 2px #0c090d0d;
}

.nav-card.here {
  background-color: var(--300);
}

.nav-card.support {
  background-color: var(--200);
}

.nav-card-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.floating-image {
  width: 100%;
  margin-bottom: -56px;
  position: relative;
}

.float-image-wrapper {
  width: 240px;
}

.bottom-polygon-image {
  width: 80%;
}

.hero-3-image-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--300);
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 32px 40px;
  display: flex;
  overflow: visible;
}

.hero-feature-list-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  align-items: flex-start;
  width: 100%;
  margin-top: -12px;
  padding: 0;
  display: flex;
}

.hero-feature-item {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex;
  box-shadow: 0 5px 7px 2px #0c090d0d;
}

.feature-hero-image {
  width: 90%;
  margin-top: -20px;
}

.hero-4-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.feature-link {
  background-color: var(--100);
  border-radius: 8px;
  transition: background-color .25s, transform .25s;
}

.feature-link:hover {
  background-color: var(--primary);
  opacity: 100;
}

.feature-icon {
  width: 24px;
  height: 24px;
}

.big-image-icon {
  width: 96px;
  height: 96px;
  margin-top: 0;
  margin-left: 0;
}

.big-image-icon-wrapper-right {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: -64px;
  margin-right: -64px;
  display: flex;
  position: relative;
}

.big-image-icon-wrapper-left {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: -64px;
  margin-left: -64px;
  margin-right: 0;
  display: flex;
  position: relative;
}

.smart-overlap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--800);
  color: var(--100);
  border-radius: 8px;
  margin-top: 80px;
  margin-bottom: 0;
  padding: 40px;
  display: flex;
}

.footer-logo {
  border-radius: 8px;
  width: 100%;
}

.feature-content-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.single-arrow-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-bottom: -20px;
  display: flex;
}

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

.request-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex;
}

.field-label-2 {
  color: var(--800);
  margin-bottom: 8px;
}

.form-field-wrapper {
  text-align: left;
  width: 100%;
  margin-bottom: 12px;
}

.double-column-form-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 100%;
  display: flex;
}

.select-field {
  color: var(--800);
  border-radius: 12px;
  min-height: 56px;
  padding: 16px 20px;
}

.select-field:focus {
  border: 2px solid var(--400);
}

.huge-icon {
  width: 80px;
  height: 80px;
}

._3-card-grid {
  padding-top: 40px;
}

.call-info-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 20px;
  display: flex;
}

.calendar-wrapper {
  background-color: var(--100);
  border-radius: 8px;
  width: 100%;
  padding: 40px;
}

.hardware-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--300);
  background-color: var(--primary);
  text-align: center;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 32px;
  transition: box-shadow .25s;
  display: flex;
}

.hardware-card:hover {
  box-shadow: 0 5px 7px 2px #0c090d0d;
}

.industry-image {
  border-radius: 8px;
  width: 200px;
}

.dark-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--800);
  color: var(--100);
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 28px;
  display: flex;
}

.dark-card.horizontal {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.quick-stack-2 {
  margin-top: -20px;
  margin-bottom: -20px;
  padding: 0;
}

.nav-arrow {
  width: 12px;
  height: 12px;
}

.hero-horizontal-bar {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--100);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  display: flex;
  box-shadow: 0 5px 7px 2px #0c090d0d;
}

.hero-horizontal-bar.yellow {
  background-color: var(--primary);
}

.hero-horizontal-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: -12px;
  padding: 0;
  display: flex;
}

.bold-text-2 {
  font-size: 20px;
}

.quick-stack-3 {
  margin-top: -20px;
  margin-bottom: -20px;
  padding: 0;
}

.down-card-wrapper {
  z-index: 9999;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  width: auto;
  min-width: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.table-top-wrapper-copy {
  justify-content: flex-end;
  align-items: stretch;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.quick-stack-4 {
  margin-top: 40px;
}

.div-block-2 {
  width: 50%;
}

.image-4 {
  width: 70%;
  margin-bottom: -20px;
}

._5-card-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  margin-bottom: 0;
  display: grid;
}

.image-5 {
  border-radius: 8px;
}

.cookie-bar {
  border-top: 1px none var(--400);
  background-color: var(--secondary-blue);
  width: 100%;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
  box-shadow: 0 -2px 5px #0c090d1c;
}

.cookie-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  padding: 20px 80px;
  display: none;
}

.cookie-button-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.cookie-paragraph-wrapper {
  width: 660px;
}

.top-triangle-wrapper {
  background-color: var(--100);
  margin-top: -149px;
  position: relative;
}

._4-card-grid-no-link {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  margin-bottom: 0;
  display: grid;
}

.div-block-3 {
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 3.5rem;
  }

  .style-guide-block {
    margin-bottom: 2.5rem;
  }

  .form-error {
    padding-left: .25rem;
  }

  .paragraph.extra-large {
    font-size: 1.5rem;
  }

  .form-dropdown {
    padding-right: .25rem;
  }

  .form-success {
    padding-top: .25rem;
  }

  .heading.small {
    margin-top: 0;
  }

  .heading.extra-large {
    font-size: 54px;
    line-height: 130%;
  }

  .button-secondary {
    position: relative;
  }

  .section {
    padding: 80px 40px;
  }

  .section.yellow-cta {
    background-position: 50% 70%;
    background-size: cover;
  }

  .section.white.overlap {
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.gray.overlap {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .container {
    overflow: visible;
  }

  .container.horizontal {
    flex-flow: column;
  }

  .nav-link {
    color: var(--100);
    border-radius: 8px;
    margin: 8px 0;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .nav-link:hover {
    background-color: var(--400);
  }

  .nav-link.dropdown {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .nav-link.sub-link {
    margin-top: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-decoration-color: #24212500;
  }

  .nav-link.sub-link:hover, .nav-link.sub-link:lang(en) {
    color: var(--100);
  }

  .nav-link.sub-link.view-all {
    width: auto;
    max-width: none;
    font-size: 14px;
    display: block;
  }

  .nav {
    padding-left: 40px;
    padding-right: 40px;
  }

  .nav-menu {
    border-bottom: .0625rem solid var(--600);
    background-color: var(--900);
    align-items: flex-start;
    width: 100vw;
    min-width: 100vw;
    margin-right: 0;
    padding: 16px 40px 32px;
  }

  .nav-container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .button {
    position: relative;
  }

  .button.nav {
    max-width: none;
  }

  .menu-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .nav-menu-button {
    flex-direction: row;
    justify-content: center;
    margin-left: 1rem;
    margin-right: -.5rem;
    padding: 0;
    display: flex;
  }

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

  .button-wrapper {
    align-items: center;
    width: auto;
  }

  .menu-icon-line-bottom {
    background-color: var(--900);
    border-radius: .0625rem;
    width: 28px;
    height: 4px;
    margin-top: 4px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon-line-top {
    background-color: var(--900);
    border-radius: .0625rem;
    width: 28px;
    height: 4px;
    margin-bottom: 4px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .faq-wrapper {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
    margin-top: 40px;
  }

  .faq-answer {
    padding-right: 2.5rem;
  }

  .hero-bar-image-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .card-item {
    padding-left: 32px;
    padding-right: 32px;
  }

  .footer-column {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  ._4-card-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0;
  }

  .cta-wrapper {
    background-position: 50% 100%;
    background-size: 170%;
  }

  .cta-card-content {
    grid-column-gap: 2rem;
  }

  .big-icon {
    width: 28px;
    height: 28px;
  }

  .testimonial-image-wrapper {
    margin-bottom: 8px;
  }

  .hero-wrapper {
    grid-template-columns: 1fr;
  }

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

  .container-small {
    overflow: visible;
  }

  .small-card {
    height: 100%;
    padding: 0 20px 20px;
  }

  .hero-heading-wrapper {
    padding-left: 0%;
    padding-right: 0%;
  }

  .hero-bar {
    flex: 0 auto;
    width: 24%;
  }

  .hero-bar.bg1 {
    background-position: 50% 100%;
    background-size: contain;
    flex: 0 auto;
    width: 24%;
    padding-top: 20px;
  }

  .hero-bar.bg2 {
    background-size: 100%;
    flex: 0 auto;
    justify-content: center;
    align-items: stretch;
    width: 24%;
    padding-top: 20px;
  }

  .hero-bar.photo {
    flex: 0 auto;
    width: 24%;
  }

  .bar-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 0;
    padding-right: 0;
  }

  .bar-content.centered {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .bar-content.horizontal {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .heading-wrapper.horizontal {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .card-text-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .main-content-wrapper.horizontal {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .price-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .horizontal-wrapper {
    flex-flow: column;
  }

  .horizontal-card-wrapper {
    width: 100%;
    min-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .side-paragraph {
    width: auto;
  }

  .table-row, .table-row.white {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .point-image-wrapper {
    display: none;
  }

  .hero-2-heading-wrapper {
    padding-left: 0%;
    padding-right: 0%;
  }

  .hero-2-image-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .hero-bar-2 {
    flex: 0 auto;
    width: auto;
    height: auto;
  }

  .hero-bar-2.top {
    justify-content: center;
    align-items: stretch;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-bar-2.white {
    width: 100%;
  }

  .graph {
    width: 380px;
  }

  .main-hero-2-image {
    width: 100%;
  }

  .hero-2-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .big-quote-icon {
    width: 40px;
  }

  .testimonial-citation {
    left: -9px;
  }

  .man-quote {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 200px;
    padding: 20px 28px;
  }

  .tab-link-tab-2, .tab-link-tab-2.w--current, .tab-link-tab-4, .tab-link-tab-3, .tab-link-tab-1, .tab-link-tab-1.w--current, .tab-link-tab-5, .tab-link-tab-6 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .tabs-menu {
    margin-right: 40px;
  }

  .tabs-heading {
    width: 688px;
  }

  .quote-man-image {
    width: 240px;
  }

  .gray-image-wrapper, .transparent-image-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .country-icon {
    width: 24px;
    height: 24px;
  }

  .dropdown-list.w--open {
    background-color: var(--800);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
  }

  .dropdown-menu-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
  }

  .submenu-wrapper.overview {
    display: none;
  }

  .dropdown {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .sub-menu-title {
    color: var(--400);
    margin-bottom: 8px;
  }

  .centered-hero {
    grid-template-columns: 1fr;
  }

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

  .nav-card {
    padding-left: 32px;
    padding-right: 32px;
  }

  .nav-card-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .hero-3-image-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-feature-list-wrapper {
    width: 70%;
  }

  .feature-hero-image {
    width: auto;
  }

  .hero-4-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .big-image-icon-wrapper-right {
    width: 100%;
    margin-bottom: -48px;
    margin-right: -48px;
  }

  .big-image-icon-wrapper-left {
    width: 100%;
    margin-bottom: -48px;
    margin-left: -48px;
  }

  .hardware-card {
    padding-left: 32px;
    padding-right: 32px;
  }

  .hero-horizontal-bar {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .hero-horizontal-wrapper {
    width: 80%;
  }

  .down-card-wrapper {
    width: 100%;
    min-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  ._5-card-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 0;
  }

  .cookie-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cookie-paragraph-wrapper {
    width: auto;
  }

  ._4-card-grid-no-link {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0;
  }
}

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

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 28px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 17px;
  }

  h6 {
    letter-spacing: -.02em;
  }

  blockquote {
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 24px;
    font-size: 20px;
  }

  .paragraph.large {
    font-size: 18px;
  }

  .style-guide-colour-block {
    width: 25%;
  }

  .field-block {
    min-height: auto;
  }

  .heading.medium {
    font-size: 32px;
  }

  .heading.small {
    font-size: 18px;
  }

  .heading.extra-large {
    font-size: 51px;
    line-height: 127%;
  }

  .heading.large {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 42px;
  }

  .heading.large.tab {
    width: auto;
  }

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

  .text-box {
    max-width: 400px;
  }

  .section {
    padding: 56px 32px;
  }

  .section.banner {
    display: block;
  }

  .section.yellow-cta {
    background-position: 50%;
    background-size: contain;
  }

  .container {
    width: 100%;
  }

  .container.horizontal {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

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

  .nav-link {
    color: var(--100);
    margin: 4px 0;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .nav-link:hover {
    background-color: var(--300);
  }

  .nav-link.w--current {
    background-position: 0%;
  }

  .nav-link.sub-link.view-all {
    display: block;
  }

  .nav {
    padding-left: 32px;
    padding-right: 32px;
  }

  .nav-menu {
    border-right: .0625rem solid var(--700\<deleted\|variable-6738ab97\>);
    background-color: var(--900);
    -webkit-backdrop-filter: blur(.375rem);
    backdrop-filter: blur(.375rem);
    margin-right: 0;
  }

  .logo-wrapper {
    display: flex;
  }

  .button.nav {
    max-width: none;
  }

  .menu-icon-line-bottom, .menu-icon-line-top {
    background-color: var(--900);
  }

  .faq-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .hero-bar-image-wrapper {
    flex-flow: row;
  }

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

  ._4-card-grid {
    grid-template-columns: 1fr 1fr;
  }

  .cta-card-content {
    grid-column-gap: 0px;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
  }

  .pricing-list {
    grid-template-columns: 1fr;
  }

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

  .container-small {
    width: 100%;
  }

  .small-card {
    height: 100%;
  }

  .footer-bottom {
    flex-flow: column;
    margin-top: 56px;
  }

  .spacer-4, .spacer-8, .spacer-16, .spacer-24, .spacer-32, .spacer-40 {
    height: 2.5rem;
  }

  .spacer-64, .spacer-80 {
    width: 3.5rem;
    height: 3.5rem;
  }

  .spacer-96 {
    width: 4.5rem;
    height: 4.5rem;
  }

  .spacer-128 {
    height: 2.5rem;
  }

  .title {
    font-size: 17px;
  }

  .hero-bar, .hero-bar.bg1 {
    width: 32%;
  }

  .hero-bar.bg2 {
    display: none;
  }

  .hero-bar.photo {
    width: 32%;
  }

  .bar-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .bar-content.centered {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .bar-content.horizontal {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .heading-wrapper.horizontal {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .main-content-wrapper {
    margin-top: 40px;
  }

  .main-content-wrapper.horizontal {
    flex-flow: column;
    margin-top: 40px;
  }

  .price-box {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .price-content-wrapper {
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .price-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .horizontal-card.white {
    flex-flow: column;
  }

  .horizontal-card-wrapper {
    order: 1;
    position: static;
  }

  .quote-man-wrapper {
    bottom: 0;
  }

  .quick-stack {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .table-logo {
    height: 20px;
  }

  .heading-width-wrapper {
    width: auto;
  }

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

  .hero-2-image-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: auto;
    margin-top: -80px;
  }

  .hero-bar-2 {
    text-align: center;
    width: 100%;
  }

  .hero-bar-2.top {
    text-align: center;
  }

  .graph {
    width: 400px;
  }

  .hero-2-wrapper {
    flex-flow: column;
  }

  .tabs-heading {
    text-align: center;
    width: auto;
  }

  .gray-image-wrapper {
    order: -1;
  }

  .paragraph-holder {
    width: 400px;
  }

  .transparent-image-wrapper {
    order: -1;
  }

  .dropdown-menu-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
  }

  .hero-card-wrapper {
    margin-top: 40px;
  }

  .nav-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .nav-card-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .float-image-wrapper {
    width: 240px;
  }

  .hero-3-image-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
  }

  .hero-feature-list-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .hero-feature-item {
    justify-content: flex-start;
    align-items: center;
  }

  .feature-hero-image {
    margin-top: 0;
  }

  .hero-4-wrapper {
    flex-flow: column;
  }

  .feature-link {
    width: 100%;
  }

  .smart-overlap {
    margin-top: 40px;
  }

  .footer-logo {
    width: auto;
    height: 100%;
  }

  .dark-card {
    min-height: 100%;
  }

  .hero-horizontal-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .down-card-wrapper {
    position: static;
  }

  ._5-card-grid, ._4-card-grid-no-link {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 32px;
  }

  h2 {
    margin-bottom: 0;
    font-size: 26px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 23px;
  }

  h5 {
    font-size: 19px;
  }

  h6 {
    font-size: 16px;
  }

  p {
    font-size: 15px;
  }

  li {
    padding-left: .75rem;
  }

  blockquote {
    padding-left: 1.5rem;
  }

  .text-input {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1rem;
  }

  .paragraph {
    font-size: 15px;
  }

  .paragraph.small {
    font-size: 13.5px;
  }

  .paragraph.extra-large {
    font-size: 1.375rem;
  }

  .paragraph.large {
    font-size: 16.5px;
  }

  .paragraph.quote-man {
    font-size: 14px;
  }

  .rich-text h3 {
    margin-top: 3rem;
  }

  .rich-text h1, .rich-text h2 {
    margin-top: 3.5rem;
  }

  .rich-text h4 {
    margin-top: 2.5rem;
  }

  .rich-text h5 {
    margin-top: 2rem;
  }

  .rich-text h6 {
    margin-top: 1.5rem;
  }

  .check-box {
    flex: none;
  }

  .color-block {
    margin-bottom: 1.25rem;
  }

  .heading.medium {
    font-size: 22px;
    line-height: 130%;
  }

  .heading.extra-small {
    font-size: 15px;
    line-height: 150%;
  }

  .heading.small {
    font-size: 16px;
  }

  .heading.small.tab {
    font-size: 14px;
  }

  .heading.small.pricing {
    margin-bottom: 4px;
  }

  .heading.regular {
    font-size: 19px;
    line-height: 130%;
  }

  .heading.extra-large {
    font-size: 32px;
    line-height: 120%;
  }

  .heading.large {
    font-size: 26px;
    line-height: 130%;
  }

  .button-secondary {
    width: 160px;
    font-size: 16px;
  }

  .button-secondary.small.hide-mobile-portrait {
    display: none;
  }

  .button-secondary.hero {
    display: block;
  }

  .button-secondary.cookie {
    width: auto;
  }

  .style-guide-section-header {
    margin-bottom: 2rem;
  }

  .section {
    padding: 56px 20px;
  }

  .section.yellow-cta {
    background-position: 50%;
    background-size: contain;
  }

  .section.white.overlap {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .section.white.bg1 {
    background-image: none;
  }

  .section.hero {
    padding-top: 20px;
  }

  .section.hero.white.bg3 {
    background-position: 50% 10%;
    background-size: contain;
  }

  .section.hero-2 {
    padding-top: 20px;
  }

  .container.horizontal {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

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

  .nav-link {
    color: var(--900);
    -webkit-text-decoration-color: var(--900);
    text-decoration-color: var(--900);
    margin: 4px 0;
  }

  .nav-link:hover {
    background-color: var(--800);
  }

  .nav-link:active {
    background-color: var(--800);
    color: var(--900);
  }

  .nav-link:lang(en) {
    color: var(--100);
  }

  .nav-link.dropdown {
    -webkit-text-decoration-color: var(--900);
    text-decoration-color: var(--900);
  }

  .nav-link.dropdown:hover {
    background-color: var(--800);
  }

  .nav-link.sub-link {
    margin-top: 0;
    margin-bottom: 0;
    text-decoration-color: #fff0;
  }

  .nav-link.sub-link.view-all {
    color: var(--primary);
  }

  .nav {
    height: 56px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-menu {
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo.w--current {
    height: 28px;
  }

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

  .logo-wrapper {
    width: auto;
  }

  .button {
    border-radius: 8px;
    max-width: 160px;
    font-size: 16px;
  }

  .button.small.hide-mobile-portrait, .button.nav {
    display: none;
  }

  .button.hero {
    background-color: var(--100);
    display: inline-block;
  }

  .menu-icon {
    width: 40px;
    height: 40px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-menu-button {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .button-wrapper {
    width: auto;
  }

  .menu-icon-line-bottom {
    background-color: var(--900);
    width: 25px;
    height: 2.5px;
  }

  .menu-icon-line-top {
    background-color: var(--900);
    width: 25px;
    min-width: 0;
    height: 2.5px;
  }

  .button-group {
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .faq-question {
    padding: 1.5rem 1.75rem 1.5rem 2rem;
  }

  .faq-accordion {
    border-radius: 1rem;
  }

  .faq-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .faq-answer {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .faq-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hero-bar-image-wrapper {
    border-radius: 0;
    flex-flow: column;
  }

  .grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .card-item {
    border-radius: 8px;
    padding: 28px;
  }

  .divider-line {
    margin-top: 20px;
  }

  .footer-column {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .icon-large {
    width: 2rem;
    height: 2rem;
  }

  ._4-card-grid {
    grid-template-columns: 1fr;
  }

  .pricing-features-list {
    margin-top: 20px;
    margin-bottom: 32px;
  }

  .footer-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .form-block {
    margin-top: 20px;
    padding: 20px;
  }

  .pricing-list {
    grid-template-columns: 1fr;
  }

  .benefit-item {
    border-radius: 1rem;
  }

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

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

  .pricing-card {
    border-radius: 1rem;
    padding: 2rem;
  }

  .small-card {
    border-radius: 1rem;
    padding: 20px;
  }

  .footer-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .spacer-64, .spacer-80 {
    width: 3rem;
    height: 3rem;
  }

  .spacer-96 {
    width: 3.5rem;
    height: 3.5rem;
  }

  .nav-logo {
    height: 100%;
  }

  .hero-heading-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .footer-bottom-links {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .footer-bottom-links.social {
    flex-flow: row;
  }

  .hero-bar {
    border-radius: 8px;
    width: 100%;
    height: 240px;
  }

  .hero-bar.bg1 {
    background-size: cover;
    width: 100%;
    height: 200px;
    padding-bottom: 20px;
    display: none;
  }

  .hero-bar.photo {
    order: -1;
    width: 100%;
    height: 240px;
  }

  .bar-content, .bar-content.horizontal {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .icon-wrapper {
    margin-bottom: 20px;
  }

  .main-content-wrapper.horizontal {
    margin-top: 56px;
  }

  .price-box {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-attachment: scroll;
    padding: 56px 10px;
  }

  .text-span {
    font-size: 22px;
  }

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

  .check-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .horizontal-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .horizontal-card {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
  }

  .horizontal-card-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    position: static;
  }

  .quote-man-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .horizontal-card-text {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .cell-image {
    order: 5;
    justify-content: flex-start;
    align-items: center;
  }

  .quick-stack {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    padding: 0;
  }

  .price-title {
    font-size: 14px;
  }

  .table-item {
    width: 80px;
  }

  .table-title {
    width: 72px;
    min-width: 72px;
  }

  .table-row, .table-row.white {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .table-logo {
    height: 20px;
  }

  .text-small {
    width: 80px;
    font-size: 12px;
    line-height: 140%;
  }

  .hero-paragraph-wrapper {
    width: auto;
  }

  .round-icon {
    width: 32px;
    height: 32px;
  }

  .table-logo-wrapper {
    width: 96px;
  }

  .image {
    height: auto;
  }

  .hero-2-heading-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hero-2-image-wrapper {
    border-radius: 1rem;
    flex-flow: column;
    margin-top: 0;
  }

  .hero-bar-2 {
    width: 100%;
    height: auto;
  }

  .hero-bar-2.top {
    height: auto;
  }

  .graph {
    width: 240px;
  }

  .hero-2-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .big-quote-icon {
    width: 28px;
  }

  .testimonial-citation {
    width: auto;
    margin-top: -40px;
    left: 0;
  }

  .man-quote {
    width: 160px;
    padding: 16px;
  }

  .tab-link-tab-2, .tab-link-tab-4, .tab-link-tab-3, .tab-link-tab-1, .tab-link-tab-1.w--current, .tab-link-tab-5 {
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .tab-link-tab-6, .tab-link-tab-6.w--current {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .tabs-menu {
    margin-right: 12px;
  }

  .right-column-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .quote-man-image {
    width: 120px;
  }

  .paragraph-holder {
    width: auto;
  }

  .dropdown-list.w--open {
    padding: 16px 20px 40px;
  }

  .dropdown-menu-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .submenu-wrapper {
    padding-top: 12px;
    padding-bottom: 12px;
  }

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

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

  .nav-card {
    border-radius: 8px;
    padding: 28px;
  }

  .nav-card-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .floating-image {
    margin-bottom: -20px;
  }

  .float-image-wrapper {
    width: 50%;
  }

  .hero-3-image-wrapper {
    border-radius: 1rem;
    flex-flow: column;
    margin-top: 0;
  }

  .hero-feature-list-wrapper {
    width: auto;
  }

  .hero-feature-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
  }

  .hero-4-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .feature-icon {
    width: 20px;
    height: 20px;
  }

  .big-image-icon {
    width: 80px;
    height: 80px;
  }

  .big-image-icon-wrapper-right {
    margin-bottom: -48px;
    margin-right: -20px;
  }

  .big-image-icon-wrapper-left {
    margin-bottom: -32px;
    margin-left: -20px;
  }

  .smart-overlap {
    flex-flow: column;
  }

  .footer-logo {
    height: 100%;
  }

  .single-arrow-wrapper {
    margin-bottom: 20px;
  }

  .request-form {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .form-field-wrapper {
    margin-bottom: 32px;
  }

  .double-column-form-wrapper {
    flex-flow: column;
  }

  .huge-icon {
    width: 64px;
    height: 64px;
  }

  .hardware-card {
    border-radius: 8px;
    padding: 28px;
  }

  .dark-card {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
  }

  .dark-card.horizontal {
    flex-flow: column;
  }

  .quick-stack-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .hero-horizontal-bar {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-image: url('../images/Frame-72-2.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .hero-horizontal-bar.yellow {
    background-image: none;
  }

  .hero-horizontal-wrapper {
    width: auto;
  }

  .quick-stack-3 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .down-card-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    position: static;
  }

  .table-top-wrapper-copy {
    grid-column-gap: 9%;
    grid-row-gap: 9%;
    justify-content: flex-end;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 0;
  }

  .image-4 {
    width: auto;
    margin-bottom: -48px;
  }

  ._5-card-grid {
    grid-template-columns: 1fr;
  }

  .cookie-button-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    order: -1;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .cookie-paragraph-wrapper {
    width: auto;
  }

  ._4-card-grid-no-link {
    grid-template-columns: 1fr;
  }
}

#w-node-_47341b1f-cacb-06e5-2297-989cb46d2f2f-7f7a6edb, #w-node-_47341b1f-cacb-06e5-2297-989cb46d2f43-7f7a6edb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d0aa6b96-2ebf-ea99-e44f-b8be6cd53708-7f7a6edb {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-abad23f6-3206-d95e-518e-2548f4c4699b-f4c46996 {
  justify-self: center;
}

#w-node-abad23f6-3206-d95e-518e-2548f4c469b0-f4c46996 {
  justify-self: end;
}

#w-node-c8253fb7-a37a-f1b7-0c88-04be10e15d00-7f7a6f3c, #w-node-_4ee1287b-929c-4ded-cbd8-2f85583b04bc-7f7a6f3c, #w-node-c8253fb7-a37a-f1b7-0c88-04be10e15d00-7f7a6f3d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b94084d0-33d6-a84b-adec-5f85120ffb44-7f7a6f3d {
  align-self: end;
}

#w-node-_65fd9a98-06eb-93a4-154e-398f87a5d7c0-7f7a6f3d, #w-node-_028fe5b7-7832-daff-3e52-3586dca2047c-7f7a6f3d, #w-node-cb31d117-ff80-b034-636c-d2d962ab0096-7f7a6f3d, #w-node-_52e2b4b5-a2d6-3fcb-116a-2f60c03a9380-7f7a6f3d, #w-node-_52e2b4b5-a2d6-3fcb-116a-2f60c03a9387-7f7a6f3d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_52e2b4b5-a2d6-3fcb-116a-2f60c03a9388-7f7a6f3d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_52e2b4b5-a2d6-3fcb-116a-2f60c03a9389-7f7a6f3d, #w-node-_52e2b4b5-a2d6-3fcb-116a-2f60c03a938a-7f7a6f3d, #w-node-_620a19a9-45c1-2522-0c40-8a5721b03fa9-7f7a6f3d, #w-node-a11444ef-11ca-744e-9593-97e75ad34673-7f7a6f3d, #w-node-d76495c5-4986-9689-1131-ddd6dd942307-7f7a6f3d, #w-node-d76495c5-4986-9689-1131-ddd6dd942311-7f7a6f3d, #w-node-_5eb2c27b-7047-cf92-84fe-4717333a5cb9-7f7a6f40, #w-node-_5eb2c27b-7047-cf92-84fe-4717333a5ccd-7f7a6f40 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_542fa623-76c7-7d64-23f2-517f05047a29-82f67603 {
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_542fa623-76c7-7d64-23f2-517f05047a2a-82f67603 {
  grid-row: span 2 / span 2;
}

#w-node-_47341b1f-cacb-06e5-2297-989cb46d2f2f-82f67603, #w-node-_47341b1f-cacb-06e5-2297-989cb46d2f43-82f67603, #w-node-_04f41592-a3cd-539c-7e94-2f1b8b26ac05-30213745 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0c2f37b3-e9d7-c5a5-7fe9-416d16a5c235-141f8dc1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-f142e6f8-8b43-d96b-9586-3ca7e8487de8-ecd1fbbc {
  justify-self: center;
}

#w-node-_5eb2c27b-7047-cf92-84fe-4717333a5cb9-51854e03, #w-node-_5eb2c27b-7047-cf92-84fe-4717333a5ccd-51854e03 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_35050eca-3a36-aa90-ac0d-3bdc884488e5-51854e03 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_85961751-dffb-e7b6-d5c5-f2240bac8171-51854e03 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_542fa623-76c7-7d64-23f2-517f05047a29-44aee125 {
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_542fa623-76c7-7d64-23f2-517f05047a2a-44aee125 {
  grid-row: span 2 / span 2;
}

#w-node-_47341b1f-cacb-06e5-2297-989cb46d2f2f-44aee125, #w-node-_47341b1f-cacb-06e5-2297-989cb46d2f43-44aee125, #w-node-_47341b1f-cacb-06e5-2297-989cb46d2f2f-0bd558ec, #w-node-_47341b1f-cacb-06e5-2297-989cb46d2f43-0bd558ec {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7c7cbd99-0c08-255a-387b-7923208931e9-0bd558ec {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b05c54b7-4adc-896d-baaf-5c1b75e4ef04-3154ea58, #w-node-_8d705f0c-2ac7-b44a-a7de-76184cc70943-3154ea58, #w-node-b05c54b7-4adc-896d-baaf-5c1b75e4ef04-88aedbdd {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_04f41592-a3cd-539c-7e94-2f1b8b26abeb-0411d946, #w-node-_04f41592-a3cd-539c-7e94-2f1b8b26ac05-0411d946, #w-node-_04f41592-a3cd-539c-7e94-2f1b8b26abeb-2d539911, #w-node-_04f41592-a3cd-539c-7e94-2f1b8b26abeb-2b794f34, #w-node-_04f41592-a3cd-539c-7e94-2f1b8b26ac05-2b794f34, #w-node-_04f41592-a3cd-539c-7e94-2f1b8b26abeb-a4db47e6, #w-node-_04f41592-a3cd-539c-7e94-2f1b8b26ac05-a4db47e6, #w-node-_04f41592-a3cd-539c-7e94-2f1b8b26abeb-3aad0996, #w-node-_04f41592-a3cd-539c-7e94-2f1b8b26ac05-3aad0996 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b48f0288-0337-f474-0b71-4742c5a77204-81db312c {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_7c7cbd99-0c08-255a-387b-7923208931e9-922eccae {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_542fa623-76c7-7d64-23f2-517f05047a29-d20d3484 {
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_542fa623-76c7-7d64-23f2-517f05047a2a-d20d3484 {
  grid-row: span 2 / span 2;
}

#w-node-_47341b1f-cacb-06e5-2297-989cb46d2f2f-d20d3484, #w-node-_47341b1f-cacb-06e5-2297-989cb46d2f43-d20d3484 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_542fa623-76c7-7d64-23f2-517f05047a29-b64f95b7 {
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_542fa623-76c7-7d64-23f2-517f05047a2a-b64f95b7 {
  grid-row: span 2 / span 2;
}

#w-node-_47341b1f-cacb-06e5-2297-989cb46d2f2f-b64f95b7, #w-node-_47341b1f-cacb-06e5-2297-989cb46d2f43-b64f95b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_542fa623-76c7-7d64-23f2-517f05047a29-8b4675de {
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_542fa623-76c7-7d64-23f2-517f05047a2a-8b4675de {
  grid-row: span 2 / span 2;
}

#w-node-_47341b1f-cacb-06e5-2297-989cb46d2f2f-8b4675de, #w-node-_47341b1f-cacb-06e5-2297-989cb46d2f43-8b4675de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_542fa623-76c7-7d64-23f2-517f05047a29-82f67603 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a2a-82f67603 {
    grid-column: span 2 / span 2;
  }

  #w-node-_0c2f37b3-e9d7-c5a5-7fe9-416d16a5c235-141f8dc1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_35050eca-3a36-aa90-ac0d-3bdc884488e5-51854e03 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a29-44aee125 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a2a-44aee125 {
    grid-column: span 2 / span 2;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a29-d20d3484 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a2a-d20d3484 {
    grid-column: span 2 / span 2;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a29-b64f95b7 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a2a-b64f95b7 {
    grid-column: span 2 / span 2;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a29-8b4675de {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a2a-8b4675de {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_542fa623-76c7-7d64-23f2-517f05047a29-82f67603 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a2a-82f67603 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_35050eca-3a36-aa90-ac0d-3bdc884488e5-51854e03 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a29-44aee125 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a2a-44aee125 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a29-d20d3484 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a2a-d20d3484 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a29-b64f95b7 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a2a-b64f95b7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a29-8b4675de {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_542fa623-76c7-7d64-23f2-517f05047a2a-8b4675de {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d0aa6b96-2ebf-ea99-e44f-b8be6cd53708-7f7a6edb {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-d0aa6b96-2ebf-ea99-e44f-b8be6cd53709-7f7a6edb {
    order: -9999;
  }

  #w-node-d0aa6b96-2ebf-ea99-e44f-b8be6cd5370a-7f7a6edb {
    order: 2;
  }

  #w-node-fe04914f-d5c3-518b-db85-118c2c654fa2-7f7a6edb {
    order: 4;
  }

  #w-node-_3045e72b-9542-591f-09ce-355ebb40f699-7f7a6edb {
    order: 3;
  }

  #w-node-d3c6633a-a843-3685-1e83-250418d30198-7f7a6edb {
    order: 5;
  }

  #w-node-dc9bef88-b4c8-1435-71d9-cfbb0c570b30-7f7a6edb {
    order: 6;
  }

  #w-node-_0b0bc866-dd48-79d5-b628-f35434f58f05-7f7a6edb {
    order: 9999;
  }

  #w-node-_7971ccac-eeab-5dfb-cd8a-3244a787f18c-7f7a6edb {
    order: 7;
  }

  #w-node-_85961751-dffb-e7b6-d5c5-f2240bac8171-51854e03, #w-node-_7c7cbd99-0c08-255a-387b-7923208931e9-0bd558ec, #w-node-b48f0288-0337-f474-0b71-4742c5a77204-81db312c, #w-node-_7c7cbd99-0c08-255a-387b-7923208931e9-922eccae {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }
}


