/* Theme base styles */

@font-face {
  font-family: Instrument Sans;
  src: url('../fonts/instrument-sans.woff2') format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --colors--dark: #0c0e0a;
  --text--body: "Instrument Sans", Arial, sans-serif;
  --colors--light: #dee7d9;
  --text--h1: var(--text--heading);
  --text--h2: var(--text--heading);
  --text--h3: var(--text--heading);
  --text--h4: var(--text--heading);
  --text--h5: var(--text--heading);
  --text--h6: var(--text--heading);
  --colors--transparent: #0000;
  --colors--green: #5cb825;
  --padding--section: 2rem;
  --colors--white: white;
  --colors--black: black;
  --padding--section-tablet\<deleted\|variable-97146c36-8e9c-a5b8-5cde-1824ed7d9e81\>: 1.5rem;
  --padding--section-mobile\<deleted\|variable-aad70ed8-974c-6d17-3cb5-e01dfbfbe068\>: 1rem;
  --text--heading: "Instrument Sans", Arial, sans-serif;
}

body {
  background-color: var(--colors--dark);
  font-family: var(--text--body);
  color: var(--colors--light);
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  font-family: var(--text--h1);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.1;
}

h2 {
  font-family: var(--text--h2);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  font-family: var(--text--h3);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}

h4 {
  font-family: var(--text--h4);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

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

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

p {
  margin-bottom: 0;
}

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

li {
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

.custom-css {
  position: fixed;
  inset: 0% auto auto 0%;
}

.margin-custom2 {
  margin: 2.5rem;
}

.padding-xlarge {
  padding: 4rem;
}

.margin-xlarge {
  margin: 4rem;
}

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

.padding-xhuge {
  padding: 8rem;
}

.margin-custom1 {
  margin: 1.5rem;
}

.padding-0 {
  padding: 0;
}

.padding-xxhuge {
  padding: 12rem;
}

.padding-huge {
  padding: 6rem;
}

.margin-large {
  margin: 3rem;
}

.padding-xxlarge {
  padding: 5rem;
}

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

.padding-custom3 {
  padding: 3.5rem;
}

.padding-large {
  padding: 3rem;
}

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

.padding-small {
  padding: 1rem;
}

.padding-custom2 {
  padding: 2.5rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.padding-custom1 {
  padding: 1.5rem;
}

.margin-huge {
  margin: 6rem;
}

.padding-medium {
  padding: 2rem;
}

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

.margin-xxlarge {
  margin: 5rem;
}

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

.margin-xhuge {
  margin: 8rem;
}

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

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.margin-0 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pointer-events-on {
  pointer-events: auto;
}

.pointer-events-off {
  pointer-events: none;
}

.overflow-hidden {
  overflow: hidden;
}

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

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

.button {
  border: .0625rem solid var(--colors--transparent);
  background-color: var(--colors--green);
  color: var(--colors--dark);
  text-align: center;
  border-radius: .25rem;
  padding: .5rem 1.5rem .5rem 1.25rem;
  font-size: .875rem;
  text-decoration: none;
  transition: background-color .35s;
  display: block;
  box-shadow: 0 0 1.25rem #5cb8251a, inset .0625rem .0625rem .125rem #ffffff4d;
}

.button:hover {
  background-color: #62c427;
}

.button.is-alt {
  background-color: var(--colors--transparent);
  box-shadow: none;
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  color: var(--colors--light);
  border-color: #374630;
}

.button.is-alt:hover {
  background-color: #1e211899;
}

.button.is-nav {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.button.is-pricing {
  color: #80ed3f;
  background-color: #223119;
  border-radius: .75rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  box-shadow: 0 0 1.25rem #80ed3f1a, inset .0625rem .0625rem .125rem #ffffff1a;
}

.button.is-pricing:hover {
  background-color: #2a3d1f;
}

.button.is-pricing.is-base {
  color: #9c81ff;
  background-color: #2b253f;
  box-shadow: 0 0 1.25rem #f84b381a, inset .0625rem .0625rem .125rem #ffffff1a;
}

.button.is-pricing.is-base:hover {
  background-color: #342d4d;
}

.button.is-pricing.is-prime {
  color: #e87fd1;
  background-color: #38211f;
  box-shadow: 0 0 1.25rem #e87fd11a, inset .0625rem .0625rem .125rem #ffffff1a;
}

.button.is-pricing.is-prime:hover {
  background-color: #452926;
}

.button.is-blue {
  color: var(--colors--light);
  background-color: #006bff;
}

.button.is-blue:hover {
  background-color: #0080ff;
}

.button.is-social {
  box-shadow: none;
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  color: var(--colors--light);
  background-color: #171a13;
  border-style: none;
  border-color: #374630;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  display: inline-flex;
}

.button.is-social:hover {
  background-color: #2d3325;
}

.section {
  padding-right: var(--padding--section);
  padding-left: var(--padding--section);
}

.section.is-home-hero {
  padding-top: 10.625rem;
  padding-bottom: 4rem;
  position: relative;
  overflow: hidden;
}

.section.is-hero {
  padding-top: 12.5rem;
}

.section.is-about-hero {
  padding-top: 12.5rem;
  padding-bottom: 12rem;
  overflow: hidden;
}

._w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

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

.d-block {
  display: block;
}

.pos-relative {
  position: relative;
}

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

.pos-relative.z-3 {
  z-index: 3;
}

.d-inline {
  display: inline;
}

.sizing-grow {
  flex: 1;
}

._w-50 {
  width: 50%;
}

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

.lh-1 {
  line-height: 1;
}

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

.container.is-nav {
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.container.is-nav.is-landing {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container.is-contact {
  max-width: 43rem;
  margin-bottom: 6.75rem;
}

.container.is-sticky {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
}

.d-flex {
  display: flex;
}

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

.d-flex.justify-sb {
  justify-content: space-between;
}

.d-flex.align-start {
  align-items: flex-start;
}

.d-flex.align-end {
  align-items: flex-end;
}

.d-flex.dir-vert {
  flex-direction: column;
}

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

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

.d-flex.justify-sa {
  justify-content: space-around;
}

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

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

.d-flex.dir-stack {
  flex-flow: wrap;
}

.d-none {
  display: none;
}

.modal-close_area {
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0;
}

.skip-blocks_component {
  display: block;
  position: relative;
}

.skip-block {
  z-index: 9999;
  background-color: var(--colors--white);
  color: var(--colors--black);
  text-align: center;
  align-items: center;
  margin-top: .5rem;
  margin-left: .5rem;
  padding: .5rem;
  font-size: 1rem;
  text-decoration: none;
  transition: border .2s, transform .2s;
  display: flex;
  position: absolute;
  transform: translate(0, -300px);
}

.skip-block:focus {
  border: 3px solid #2f54eb;
  transform: none;
}

.skip-block:focus-visible, .skip-block[data-wf-focus-visible] {
  outline-offset: 0px;
  border-style: none;
  outline: 3px solid #3975ff;
}

.skip-block.w--current {
  z-index: 9999;
  transition: transform .2s;
  position: absolute;
  transform: translate(0, -300px);
}

.skip-block.w--current:focus {
  transform: translate(0);
}

.skip-block_enter {
  background-color: var(--colors--black);
  color: var(--colors--white);
  margin-left: 1rem;
  padding: .5rem 1.25rem;
  font-size: 1rem;
}

.swiper-container.is-home-quotes {
  margin-bottom: 4rem;
}

.swiper-wrapper {
  display: flex;
}

.padding-section {
  padding-right: var(--padding--section);
  padding-left: var(--padding--section);
}

.slide-nav-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.slider-arrow-btn {
  border: .0625rem solid #374630;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  min-width: 2.625rem;
  height: 2.625rem;
  transition: background-color .35s;
  display: flex;
}

.slider-arrow-btn:hover {
  background-color: #374630;
}

.loop-move-left {
  animation-name: loop-move-left;
  animation-duration: 20s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-play-state: running;
  animation-fill-mode: both;
}

.nav-wrap {
  z-index: 101;
  -webkit-backdrop-filter: blur(2rem);
  backdrop-filter: blur(2rem);
  background-color: #0c120966;
  border-bottom: .0625rem solid #20281c;
  height: 4rem;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-wrap.is-landing {
  position: static;
}

.nav-link-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  list-style: "";
  display: flex;
}

.nav-link {
  color: var(--colors--light);
  font-size: .875rem;
  text-decoration: none;
  transition: opacity .35s;
}

.nav-link:hover {
  opacity: .7;
}

.nav-btn {
  z-index: 101;
  -webkit-backdrop-filter: blur(2rem);
  backdrop-filter: blur(2rem);
  background-color: #0c120966;
  border: .0625rem solid #20281c;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  display: flex;
}

.nav-content-parent {
  z-index: 1;
  background-color: var(--colors--dark);
  pointer-events: auto;
  height: 100%;
  padding-top: 4rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.home-link {
  z-index: 101;
  justify-content: flex-start;
  align-items: center;
  min-height: 3.9375rem;
  display: flex;
  position: relative;
}

.social-btn {
  background-color: #171a13;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.nav-social-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.maxw-640 {
  max-width: 40rem;
}

.p-home-hero {
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
}

.quote-person-info {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.img-quote-person {
  border-radius: 50%;
}

.fw-600 {
  font-weight: 600;
}

.grid-home-bento {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.panel-home-bento {
  background-color: #171a13;
  border-radius: .75rem;
  min-height: 26rem;
  padding: 2rem 1.5rem;
  position: relative;
  overflow: hidden;
}

.img-p1-wrap {
  z-index: 0;
  aspect-ratio: 1.4575;
  max-width: 24.6875rem;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.img-p3 {
  z-index: 0;
  width: 14.3125rem;
  position: absolute;
  inset: auto 0% 2rem auto;
  overflow: hidden;
}

.img-p2 {
  z-index: 0;
  max-width: 24.4375rem;
  position: absolute;
  inset: auto 1.5rem 1rem auto;
}

.p-hb {
  max-width: 20rem;
}

.img-p4-wrap {
  z-index: 0;
  width: 16.5625rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.img-p-fade {
  z-index: 4;
  background-image: linear-gradient(0deg, #171a13, #171a1300);
  height: 3rem;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.img-p5 {
  z-index: 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

.maxw-400 {
  max-width: 25rem;
}

.panel-home-built {
  grid-column-gap: 3.375rem;
  grid-row-gap: 1.5rem;
  background-color: #171a13;
  border-radius: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  padding: 6.25rem 2rem;
  display: grid;
  position: sticky;
  top: 5rem;
}

.p-hbe {
  aspect-ratio: 1;
  background-image: linear-gradient(#80ed3f, #42b200);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  min-width: 5rem;
  display: flex;
}

.swiper-pagination-progressbar {
  background-color: color-mix(in srgb, var(--colors--green), transparent 70%);
  border-radius: 2rem;
  width: 100%;
  height: .25rem;
  position: relative;
  overflow: hidden;
}

.swiper-pagination-progressbar-fill {
  background-color: var(--colors--green);
  transform-origin: 0%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.cta-wrap {
  grid-column-gap: 3.25rem;
  grid-row-gap: 3.25rem;
  text-align: center;
  border-radius: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grid-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 3.75rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 5.5rem;
  padding-bottom: 1.5rem;
  display: grid;
}

.grid-footer.is-landing {
  grid-template-rows: auto auto;
}

.nav-footer-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  list-style: "";
  display: flex;
}

.t-badge {
  color: #a3ff6d;
  background-color: #36402d;
  border-radius: .5rem;
  padding: .125rem .375rem;
  font-size: .8125rem;
}

.t-badge.is-purple {
  color: #ab95ff;
  background-color: #342e48;
}

.t-badge.is-pink {
  color: #e87fd1;
  background-color: #31242e;
}

.tab-pane-pricing-parent {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: end stretch;
  margin-bottom: 5rem;
  padding-top: 6.25rem;
  display: grid;
}

.pr-opt-outer {
  background-image: linear-gradient(#454842, #151712);
  border-radius: .75rem;
  width: 100%;
  height: 100%;
  padding: .0625rem;
}

.pr-opt-outer.is-comp {
  background-image: linear-gradient(#555950, #171a15);
}

.pr-opt-wrap {
  background-image: linear-gradient(#171b13, #11130e);
  border-radius: .75rem;
  height: 100%;
  padding: 2rem 1.5rem;
}

.pr-opt-wrap.is-comp {
  background-image: linear-gradient(#2a3025, #131510);
}

.h2-pricing {
  margin-right: .5rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.p-pricing-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.t-price {
  font-size: 1.5rem;
  line-height: 1;
}

.t-price-date {
  color: #dee7d999;
  font-size: 1rem;
}

.pr-list-parent {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-top: 3rem;
  padding-left: 0;
  list-style: "";
  display: flex;
}

.pr-list-parent.is-base {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.pr-list-item {
  background-image: url('../images/check-green.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 24px;
  padding-left: 1.6875rem;
}

.pr-list-item.is-pink {
  background-image: url('../images/check-pink.png');
}

.pr-list-item.is-blue {
  background-image: url('../images/check-blue.png');
}

.t-popular-badge {
  color: #80ed3f;
  text-align: center;
  background-color: #394430;
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
  margin-top: -2.5625rem;
  margin-bottom: -2rem;
  padding-top: .75rem;
  padding-bottom: 2.5rem;
  font-size: .875rem;
}

.t-started {
  font-size: 1.5rem;
}

.p-about-hero {
  max-width: 35rem;
}

.img-about-hero-wrap {
  z-index: -1;
  width: 119.125rem;
  max-width: none;
  position: absolute;
  top: -180%;
  bottom: auto;
  left: 45%;
}

.slide-founding-quote {
  background-color: #171a13;
  border-radius: .75rem;
  width: 100%;
  padding: 1.5rem;
}

.h3-fs {
  color: #61cf1f;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 600;
}

.img-abo-hero-fade {
  z-index: 1;
  background-image: linear-gradient(0deg, var(--colors--dark), #171a1300);
  height: 65%;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.panel-home-built-wrap {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  margin-bottom: 8rem;
  padding-left: 0;
  display: flex;
  position: relative;
}

.nav-content-wrap {
  pointer-events: none;
  grid-template-rows: 0fr;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-columns: 1fr;
  height: calc(100vh - 4rem);
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
  display: grid;
  position: absolute;
  top: 4rem;
  left: 0%;
  right: 0%;
}

.nav-menu-wrap {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.nav-link-menu {
  color: var(--colors--light);
  font-size: 1.25rem;
  text-decoration: none;
  transition: opacity .35s;
}

.nav-link-menu:hover {
  opacity: .7;
}

.nav-link-menu-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav-link-menu-wrap.v2 {
  border-top: .0625rem solid #fff3;
  margin-top: 1.5rem;
  margin-bottom: 3.75rem;
  padding-top: 1.5rem;
}

.nav-btn-x, .nav-btn-o {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-btn-checkbox {
  z-index: 2;
  cursor: pointer;
  border-radius: inherit;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.flex-footer-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-link {
  color: var(--colors--light);
  font-size: .875rem;
  text-decoration: none;
  transition: opacity .35s;
}

.footer-link:hover {
  opacity: .7;
}

.cta-bg {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.pr-list-sub-item {
  margin-left: 3rem;
  padding-left: .25rem;
  font-size: .875rem;
  list-style-type: disc;
}

.pr-list-hero-parent {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  filter: grayscale();
  flex-flow: column;
  margin-top: 1rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.hs-input {
  background-color: var(--colors--transparent);
  color: var(--colors--light);
  border: .0625rem solid #374630;
  border-radius: .25rem;
  width: 100%;
  height: 2.5rem;
  margin-bottom: 1.5rem;
  padding: .75rem;
  font-size: 1rem;
  line-height: 1;
  transition: border-color .35s, color .35s;
}

.hs-input:hover, .hs-input:focus {
  border-color: #5cb825;
}

.hs-input::placeholder {
  color: #8a9086;
}

.hs-button {
  border: .0625rem solid var(--colors--transparent);
  background-color: var(--colors--green);
  color: var(--colors--dark);
  text-align: center;
  letter-spacing: .04em;
  border-radius: .25rem;
  height: 2.5rem;
  padding: .5rem 1.25rem;
  font-size: .875rem;
  text-decoration: none;
  transition: background-color .35s;
  box-shadow: 0 0 1.25rem #5cb8251a, inset .0625rem .0625rem .125rem #ffffff4d;
}

.hs-button:hover {
  background-color: #62c427;
}

.hs-form-booleancheckbox-display {
  grid-column-gap: .5rem;
  align-items: center;
  margin-top: -1rem;
  display: flex;
}

.hs-richtext {
  margin-bottom: 1rem;
}

.hs-form-booleancheckbox {
  margin-bottom: 0;
}

.input {
  margin-right: 0;
}

.input:hover {
  border-color: var(--colors--light);
}

.input::placeholder {
  color: #dee7d9;
}

.inputs-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  list-style: "";
  display: flex;
}

.hs-form-radio {
  flex: auto;
  position: relative;
}

.hs-form-radio-display {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  margin-bottom: 0;
  padding: .5rem 1rem;
  display: inline-flex;
}

.t-get-demo {
  margin-bottom: 2rem;
  font-size: 1.5rem;
}

.fw-500 {
  font-weight: 500;
}

.sep-demo {
  background-color: #374630;
  flex: 1;
  height: .0625rem;
}

.t-or {
  opacity: .6;
}

.slide-home-quote {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 24rem;
  height: 100%;
  display: flex;
}

.icn-home-tab {
  width: 1.5em;
}

.tab-home-button {
  z-index: 1;
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border-top-style: solid;
  border-top-width: .125rem;
  border-top-color: var(--colors--transparent);
  border-bottom-style: solid;
  border-bottom-width: .125rem;
  border-bottom-color: var(--colors--transparent);
  opacity: .75;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  height: 3.125rem;
  padding: 0;
  font-size: clamp(.75rem, 1.794vw - .111rem, 1rem);
  transition-property: border-color, opacity;
  transition-duration: .35s, .35s;
  transition-timing-function: ease, ease;
  display: flex;
  position: relative;
}

.tab-home-button:hover {
  opacity: 1;
}

.tab-home-button.w--current {
  background-color: #1c2019;
}

.tab-home-button.active {
  border-bottom-color: var(--colors--light);
  opacity: 1;
}

.tabs-home-wrap {
  margin-bottom: 4rem;
}

.tabs-home-menu {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  max-width: 66rem;
  display: flex;
}

.tab-pane-home-wrap {
  display: none;
}

.tab-pane-home-wrap.active {
  display: block;
}

.tab-pane-home-parent {
  margin-top: 2rem;
  position: relative;
  overflow: hidden;
}

.tab-home-content-overlay {
  z-index: 1;
  background-image: linear-gradient(#0000, #0c0e0a 85%);
  height: 70%;
  position: absolute;
  inset: auto 0% 0%;
}

.p-home-tab {
  max-width: 28.125rem;
  margin-bottom: 2rem;
  font-size: 1.5rem;
}

.slide-home-content-overlay {
  z-index: 1;
  background-image: linear-gradient(#0000, #0c0e0a 85%);
  position: absolute;
  inset: 25% 0% 0%;
}

.slide-home-heading {
  z-index: 1;
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border-top: .125rem solid var(--colors--transparent);
  border-bottom: .125rem solid var(--colors--light);
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  height: 3.125rem;
  margin-bottom: 2rem;
  padding: .75rem 0;
  display: inline-flex;
  position: relative;
}

.slide-home-heading.w--current {
  background-color: #1c2019;
}

.p-slide-home-hero {
  max-width: 28.125rem;
  margin-bottom: 2rem;
  font-size: 1.5rem;
}

.d-phone-l-down {
  display: none;
}

.anchor {
  width: 0;
  height: 0;
  margin-bottom: -4rem;
  position: relative;
  top: -4rem;
}

.footer-form-wrap {
  background-color: #171a13;
  border-radius: .75rem;
  width: 100%;
  max-width: clamp(20rem, 80.357vw - 18.571rem, 31.25rem);
  padding: 2rem;
}

.t-footer-form-title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
}

.grid-team {
  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding-left: 0;
  display: grid;
}

.team_card_wrap {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  list-style: "";
  position: relative;
  overflow: hidden;
}

.team_card_checkbox {
  z-index: 2;
  cursor: pointer;
  border-radius: inherit;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 2rem;
  position: absolute;
  inset: auto 0% 0%;
}

.team_card_toggle {
  border-radius: inherit;
  flex-flow: column;
  height: 100%;
  display: flex;
  position: relative;
}

.team_card_clip {
  overflow: hidden;
}

.team_card_content {
  z-index: 3;
  transform-origin: 50% 100%;
  grid-template-rows: 0fr;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-columns: 1fr;
  height: 100%;
  max-height: calc(100% - 2rem);
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
  display: grid;
  position: absolute;
  inset: 0% 0% auto;
  overflow: auto;
}

.faq_card_title {
  text-wrap: balance;
  margin-top: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.t-readmore {
  margin-top: 1rem;
  text-decoration: underline;
}

.t-close {
  background-color: var(--colors--dark);
  opacity: 0;
  margin-top: 1rem;
  text-decoration: underline;
  transition: opacity .3s;
  position: absolute;
  inset: 0%;
}

.video-container {
  z-index: -2;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.video-container-overlay {
  z-index: -1;
  background-image: linear-gradient(180deg, #0000, var(--colors--dark) 90%);
  height: 20rem;
  position: absolute;
  inset: auto 0% 20%;
}

.horizontal-trigger {
  position: absolute;
  inset: 0% 0% auto;
}

.sticky_top {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.horizontal-sticky {
  width: 100%;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.horizontal-section {
  width: 100%;
  position: relative;
}

.sticky_wrapper {
  width: 100%;
}

.horizontal-item {
  flex: none;
  width: 34%;
  padding-right: 2rem;
}

.list {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.d-tab-down {
  display: none;
}

.maxw-450-clearview {
  max-width: 28.125rem;
}

.img-moving-graph {
  z-index: 1;
  width: 11.89%;
  position: absolute;
  inset: auto 34.9% 0% auto;
}

.img-saved-panel {
  z-index: 2;
  opacity: 1;
  width: 23.29%;
  position: absolute;
  top: 34.3%;
  right: 29.1%;
}

.img-save-moving {
  width: 100%;
}

.img-book-spark {
  width: 10.21%;
  position: absolute;
  top: 24%;
  left: 6.8%;
}

.img-save-static {
  margin-top: -22.725%;
}

.grid-home-built-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.readmore-wrap {
  margin-top: auto;
  position: relative;
}

.video-container-overlay-second {
  z-index: -1;
  background-color: var(--colors--dark);
  height: 20%;
  position: absolute;
  inset: auto 0% 0%;
}

.date-symbol-wrap {
  background-color: #171a13;
  border: .0625rem solid #fff3;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 3.625rem;
  height: 3.625rem;
  display: inline-flex;
}

.svg-date-symbol {
  width: 1.5rem;
}

.flex-date-wrap {
  grid-column-gap: 3rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  margin-top: 1.5rem;
  font-size: 1.25rem;
  display: flex;
}

.h2-landing {
  font-size: 1rem;
}

.flex-landing {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.landing-form-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  min-width: 31.25rem;
  display: flex;
  position: sticky;
  top: 5rem;
}

.landing-form-parent {
  border: 1px solid #ffffff21;
  border-radius: .75rem;
  width: 100%;
  padding: 3rem;
  position: relative;
  overflow: hidden;
}

.panel-landing-learn {
  background-color: #0c0e0a;
  border: .0625rem solid #ffffff24;
  border-radius: .75rem;
  margin-top: 4.75rem;
  margin-bottom: 0;
  padding: 3rem;
}

.cta-landing-wrap {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  text-align: center;
  background-color: #171a13;
  border: .0625rem solid #20281c;
  border-radius: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 4rem 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-landing-bg-right {
  z-index: 0;
  height: 100%;
  position: absolute;
  inset: auto .125rem 0% auto;
}

.svg-social-symbol {
  width: 2.5rem;
  height: 2.5rem;
}

.shareon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.landing-form-bg2 {
  z-index: -2;
  background-image: linear-gradient(180deg, #5cb82599, var(--colors--dark));
  position: absolute;
  inset: 0%;
}

.landing-form-bg1 {
  z-index: -1;
  background-image: linear-gradient(#2a3024, #12160f);
  position: absolute;
  inset: 0%;
}

.cta-landing-bg-left {
  z-index: 0;
  height: 100%;
  position: absolute;
  inset: auto auto 0% .125rem;
}

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

  .margin-xlarge {
    margin: 3rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .button {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .d-none-tab {
    display: none;
  }

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

  .section {
    --colors--dark: #0c0e0a;
    --text--body: "Instrument Sans", Arial, sans-serif;
    --colors--light: #dee7d9;
    --colors--transparent: #0000;
    --colors--green: #5cb825;
    --padding--section: 1.5rem;
    --text--heading: "Instrument Sans", Arial, sans-serif;
  }

  .section.is-about-hero {
    padding-top: 8rem;
    padding-bottom: 6rem;
  }

  .container.is-nav {
    grid-template-columns: 1fr max-content;
  }

  .d-flex.dir-vert-tab {
    flex-direction: column;
  }

  .d-flex.dir-rev-vert-tab {
    flex-direction: column-reverse;
  }

  .d-flex.dir-rev-tab {
    flex-direction: row-reverse;
  }

  .d-flex.justify-center-tab {
    justify-content: center;
  }

  .d-flex.align-start-tab {
    align-items: flex-start;
  }

  .padding-section {
    padding-right: var(--padding--section-tablet\<deleted\|variable-97146c36-8e9c-a5b8-5cde-1824ed7d9e81\>);
    padding-left: var(--padding--section-tablet\<deleted\|variable-97146c36-8e9c-a5b8-5cde-1824ed7d9e81\>);
  }

  .nav-link-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .nav-link {
    font-size: 1.25rem;
  }

  .nav-content-parent {
    z-index: 99;
    padding-right: var(--padding--section);
    padding-left: var(--padding--section);
  }

  .nav-content-parent.w--open {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .t-copyright {
    color: #dee7d982;
    margin-bottom: 1rem;
    font-size: .875rem;
  }

  .grid-home-bento {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .panel-home-bento {
    flex-flow: column-reverse;
    min-height: auto;
    padding: 2rem 1.25rem 1.25rem;
    display: flex;
  }

  .img-p1-wrap {
    position: relative;
  }

  .img-p3 {
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: -1.25rem;
    position: static;
  }

  .img-p2 {
    margin-top: 1rem;
    position: static;
  }

  .img-p4-wrap {
    margin-left: auto;
    margin-right: -1.25rem;
    position: relative;
  }

  .img-p-fade {
    display: block;
  }

  .img-p5 {
    max-width: calc(100% + 2.5rem);
    margin-top: -1.5rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    position: relative;
  }

  .panel-home-built {
    flex-flow: column;
    padding: 1.5rem 1.25rem;
    display: flex;
  }

  .grid-footer {
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr max-content;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .nav-footer-wrap.is-top {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .tabs-pricing-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 2.75rem;
    display: flex;
  }

  .tab-pane-pricing-parent {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    flex-flow: column;
    padding-top: 2.5rem;
    display: flex;
  }

  .p-pricing-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    min-height: auto;
  }

  .pr-list-parent {
    margin-top: 1.5rem;
  }

  .t-popular-badge {
    margin-top: 0;
  }

  .img-about-hero-wrap {
    width: 150vw;
    max-width: 75rem;
    margin-top: -17vw;
    margin-bottom: -10vw;
    position: relative;
    top: 0%;
    left: 1rem;
  }

  .slide-founding-quote {
    width: 28rem;
    margin-right: 0;
  }

  .panel-home-built-wrap {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    margin-bottom: 6rem;
  }

  .nav-menu-wrap {
    display: block;
  }

  .flex-footer-list {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .footer-link {
    font-size: 1rem;
  }

  .tab-home-button {
    justify-content: space-between;
    align-items: center;
    height: 3.125em;
  }

  .tab-home-content-overlay {
    font-size: 1.25rem;
  }

  .slide-home-heading {
    justify-content: space-between;
    align-items: center;
    height: 3.125em;
    padding-top: .75em;
    padding-bottom: .75em;
  }

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

  .horizontal-section {
    display: none;
  }

  .horizontal-item {
    width: 52%;
  }

  .d-tab-down {
    display: block;
  }

  .maxw-450-clearview {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .flex-landing {
    flex-flow: column-reverse;
  }

  .landing-form-wrap {
    width: 100%;
    min-width: auto;
    position: static;
  }

  .cta-landing-wrap {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
  }

  .cta-landing-bg-left {
    display: none;
  }
}

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

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .d-none-phone-l {
    display: none;
  }

  .section {
    --colors--dark: #0c0e0a;
    --text--body: "Instrument Sans", Arial, sans-serif;
    --colors--light: #dee7d9;
    --colors--transparent: #0000;
    --colors--green: #5cb825;
    --padding--section: 1rem;
    --text--heading: "Instrument Sans", Arial, sans-serif;
  }

  .section.is-home-hero {
    padding-bottom: 6rem;
  }

  .section.is-about-hero {
    padding-top: 7rem;
    padding-bottom: 4rem;
  }

  .a-center-phone-l {
    text-align: center;
  }

  .a-left-phone-l {
    text-align: left;
  }

  .d-flex.dir-vert-phone-l {
    flex-direction: column;
  }

  .d-flex.align-start-phone-l {
    align-items: flex-start;
  }

  .d-flex.align-center-phone-l {
    align-items: center;
  }

  .d-flex.justify-start-phone-l {
    justify-content: flex-start;
  }

  .d-flex.align-end-phone-l {
    align-items: flex-end;
  }

  .d-flex.dir-rev-vert-phone-l {
    flex-direction: column-reverse;
  }

  .swiper-container.is-home-quotes {
    display: block;
  }

  .swiper-slide.is-home-hero {
    min-width: 100%;
  }

  .padding-section {
    padding-right: var(--padding--section-mobile\<deleted\|variable-aad70ed8-974c-6d17-3cb5-e01dfbfbe068\>);
    padding-left: var(--padding--section-mobile\<deleted\|variable-aad70ed8-974c-6d17-3cb5-e01dfbfbe068\>);
  }

  .grid-home-bento {
    flex-flow: column;
    display: flex;
  }

  .panel-home-built {
    position: static;
  }

  .p-hbe {
    min-width: 4rem;
  }

  .grid-footer {
    flex-flow: column;
    grid-template-rows: auto auto auto auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .slide-founding-quote {
    max-height: 26rem;
    overflow: auto;
  }

  .panel-home-built-wrap {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    margin-bottom: 4rem;
  }

  .hs-input {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
  }

  .tabs-home-wrap {
    display: none;
  }

  .p-slide-home-hero {
    margin-bottom: 3rem;
    font-size: 1.25rem;
  }

  .d-phone-l-down {
    display: block;
  }

  .footer-form-wrap {
    max-width: 32rem;
    padding: 1rem;
  }

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

  .video-container {
    height: 70%;
  }

  .video-container-overlay {
    bottom: 30%;
  }

  .horizontal-item {
    width: 100%;
    padding-right: 4vw;
  }

  .cta-landing-wrap {
    margin-top: 4rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .d-flex.dir-vert-phone {
    flex-direction: column;
  }

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

  .nav-footer-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .nav-footer-wrap.is-top {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .slide-founding-quote {
    width: 90vw;
    max-width: 25rem;
  }

  .flex-footer-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hs-input {
    padding-left: .875rem;
    padding-right: .875rem;
  }

  .hs-button {
    min-width: 100%;
  }

  .slide-home-quote {
    width: 90vw;
    max-width: 25rem;
  }

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

  .horizontal-item {
    width: 90vw;
    max-width: 25rem;
  }

  .grid-home-built-content {
    flex-flow: column;
    display: flex;
  }

  .flex-date-wrap {
    grid-column-gap: 2rem;
    font-size: 1rem;
  }

  .landing-form-parent, .panel-landing-learn {
    padding: 1.5rem;
  }

  .cta-landing-wrap {
    margin-top: 3rem;
    padding: 2rem 1rem;
  }
}

#w-node-d665c52e-9b71-ee79-661f-b101542694d6-29f04ed4, #w-node-d665c52e-9b71-ee79-661f-b101542694df-29f04ed4 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d665c52e-9b71-ee79-661f-b101542694e6-29f04ed4, #w-node-d665c52e-9b71-ee79-661f-b101542694ed-29f04ed4, #w-node-d665c52e-9b71-ee79-661f-b101542694f6-29f04ed4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-afc031c0-939d-2c72-7a6b-d27268d48890-8b706947 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: end;
}

#w-node-ab737a9e-8e7e-93d5-1f20-85d38b706962-8b706947 {
  justify-self: end;
}

#w-node-_6cba511a-2135-e0ba-5229-1007b29ae94f-b29ae94c {
  justify-self: start;
}

#w-node-_6cba511a-2135-e0ba-5229-1007b29ae95c-b29ae94c {
  justify-self: end;
}

#w-node-_09678258-263a-4c8c-94dd-555bceb71993-f32d685e {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_09678258-263a-4c8c-94dd-555bceb71995-f32d685e {
  grid-area: 2 / 2 / 3 / 3;
  justify-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-d665c52e-9b71-ee79-661f-b101542694d6-29f04ed4, #w-node-d665c52e-9b71-ee79-661f-b101542694df-29f04ed4, #w-node-d665c52e-9b71-ee79-661f-b101542694e6-29f04ed4, #w-node-d665c52e-9b71-ee79-661f-b101542694ed-29f04ed4, #w-node-d665c52e-9b71-ee79-661f-b101542694f6-29f04ed4 {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ab737a9e-8e7e-93d5-1f20-85d38b706962-8b706947, #w-node-_09678258-263a-4c8c-94dd-555bceb71995-f32d685e {
    justify-self: start;
  }
}


@font-face {
  font-family: 'Instrument Sans';
  src: url('../fonts/instrument-sans.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
/*Nav menu css*/
.nav-menu-wrap:has(.nav-btn-checkbox:checked) .nav-content-wrap{grid-template-rows:1fr}.nav-menu-wrap:has(.nav-btn-checkbox:checked) .nav-btn-o{display:none}.nav-menu-wrap:has(.nav-btn-checkbox:not(:checked)) .nav-btn-x{display:none}
/*Remove autofill background on form fields*/
input:-webkit-autofill { 
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--colors--light) !important;
}
/* Reset button styling */
button{all:unset;cursor:pointer}button:focus{outline:revert}
/* Hide element for regular users, but have it present for keyboard navigation */
.visually-hidden{height:1px;overflow:hidden;width:1px;position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}
/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
  input[type="file"]:focus-visible {
   outline: 0.125rem solid #4d65ff;
   outline-offset: 0.125rem;
}
/*Hide focus outline for main content element*/
main:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
/*Text Legibility – Disabled on mobile devices*/
* { text-rendering: optimizeLegibility; }
html.touch * { text-rendering: optimizeSpeed; }
/* Margin + Padding reset */
.margin-bottom,.margin-horizontal,.margin-left,.margin-right{margin-top:0!important}.margin-horizontal,.margin-left,.margin-right,.margin-bottom-0,.margin-top{margin-bottom:0!important}.padding-bottom,.padding-horizontal,.padding-left,.padding-right{padding-top:0!important}.padding-horizontal,.padding-left,.padding-right,.padding-top{padding-bottom:0!important}.margin-bottom,.margin-left,.margin-top,.margin-vertical{margin-right:0!important}.margin-bottom,.margin-right,.margin-top,.margin-vertical{margin-left:0!important}.padding-bottom,.padding-left,.padding-top,.padding-vertical{padding-right:0!important}.padding-bottom,.padding-right,.padding-top,.padding-vertical{padding-left:0!important}.margin-0{margin:0!important}.padding-0{padding:0!important}

@font-face {
  font-family: 'Instrument Sans';
  src: url("//48955579.fs1.hubspotusercontent-na1.net/hubfs/48955579/raw_assets/public/resinsmart-theme-hubspot/fonts/instrument-sans.woff2") format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* CTA section button */
.custom-btn a {
  border: .0625rem solid var(--colors--transparent);
  background-color: var(--colors--green);
  color: var(--colors--dark);
  text-align: center;
  border-radius: .25rem;
  padding: .5rem 1.5rem .5rem 1.25rem;
  font-size: .875rem;
  text-decoration: none;
  transition: background-color .35s;
  display: inline-block;
  box-shadow: 0 0 1.25rem #5cb8251a, inset .0625rem .0625rem .125rem #ffffff4d;
}

.custom-btn a:hover {
  background-color: #62c427;
}    

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */

body {
  line-height: 1.5;
  overflow-wrap: break-word;
}

/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Anchors */

a {
  cursor: pointer;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}
/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 1.5rem;
  font-size: 3rem;
}

@media screen and (max-width: 30.0625rem) {
.form-title {
  margin-bottom: 1rem;
  font-size: 2rem;
}
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 1rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


  /* Search button input field and suggestions */
  .body-container-wrapper .hs-search-field__button {
    padding: 15px;
  }

  .body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
    margin-left: 6px;
    margin-bottom: 0;
  }

  .body-container-wrapper .hs-search-field__button svg {
    height: 15px;
    fill: #fff;
  }

  .body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
    padding: 10px;
  }

  .body-container-wrapper .hs-search-field__suggestions li a {
    color: #494A52;
    padding: 0.35rem 0.7rem;
    text-decoration: none;
    transition: background-color 0.3s;
  }



/*Sanitize input field wrap*/
.hbspt-form .input {
  height: auto;
  min-height: auto;
  border: 0rem solid transparent;
  border-radius: 0rem;
  margin: 0 !important;
  padding: 0;
  font-size: 1rem;
  line-height: 1em;
  transition: border-color .35s, color .35s;
}
.hbspt-form {
  max-width: 43rem !important;
  margin-left: auto;
  margin-right: auto;
}
/*Checkbox field CSS fix*/
.field.hs-form-field {
  margin-bottom: 0;
}
.hs-form-booleancheckbox-display .hs-input {
  width: auto;
  margin-bottom: 0rem;
}
.inputs-list {
  padding-left: 0;
  margin-bottom: 1.5rem;
}
.hs-form-booleancheckbox-display span {
  margin-left: 0 !important;
}
.hs-form-booleancheckbox-display p {
  font-size: 1rem;
}
/*Bottom paragraph*/
.hs-richtext p {
  font-size: 1rem;
}
/*Form field width*/
.hs-input {
  width: 100% !important;
}
/*Form width*/
fieldset {
  max-width: none !important;
}
/*Column padding*/
@media screen and (min-width: 30.0625rem) {
  .form-columns-2>.hs-form-field:first-child {
    width: calc(50% - 0.5rem) !important;
    margin-right: 1rem !important;
  }
  .form-columns-2>.hs-form-field:nth-child(2) {
    width: calc(50% - 0.5rem) !important;
  }
}
/*Send button*/
.hs-button.large {
  padding: 0 4rem 0 4rem;
  font-size: 1rem;
  cursor: pointer;
}
.hs-fieldtype-textarea {
  min-height: 7.125rem;
  width: 100% !important;
}
.hs-input:placeholder {
  color: #8a9086;
}
/*radio button*/
.hs-form-radio input {
  top: 0%;
  left: 0%;
  bottom: 0%;
  right: 0%;
  position: absolute;
  z-index: 2;
  appearance: none;
  cursor: pointer;
}
/*radio hover*/
.hs-form-radio-display:has(input:checked) .hs-input {
  border-color: #5cb825;
}

/*radio layout on mobile*/
@media screen and (max-width: 30.5rem) {
.hs-form-radio {
    min-width: 10rem;
}
}
/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Header DND sections */

.header .dnd-section {
  padding: 0;
}

/* Header container */

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

.header__row-1 {
  padding-top: 1rem;
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .header__container {
    flex-direction: column;
    padding: 1rem 0 0;
  }

  .header__column {
    position: relative;
  }

  .header__row-1 {
    padding-top: 0;
  }

  .header__row-2 {
    justify-content: center;
    padding: 1.05rem;
  }
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 200px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: 1.167rem;
  margin-top: 0.7rem;
}

.header__logo--main {
  padding-top: 1rem;
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}



  .hs-search-field__form {
    position: relative;
  }

  .header__search .hs-search-field__label {
    flex-basis: auto;
  }



.header__search .hs-search-field__input {
  
  height: 45px;
  padding: 0 0.7rem;
}



  .header__search .hs-search-field__button {
    padding: 0;
    fill: #000;
    background-color: transparent;
    border: none;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .header__search .hs-search-field__button svg {
    height: 25px;
  }


.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

/* Language switcher */

.header__language-switcher {
  cursor: pointer;
  padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: 767px) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 1.05rem;
    padding-right: 0;
  }

  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 1.05rem;
    top: 0;
    visibility: visible;
  }

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 0.917rem;
  }

  .header__language-switcher--label-current {
    display: none;
  }

  .header__language-switcher .globe_class {
    background-image: none;
  }

  .header__language-switcher .lang_list_class li:hover{
    background-color: inherit;
  }

  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }
    /* V1 lang switcher updates to keep "in line" w/ v0 mobile styles */
    .header__language-switcher .hs-language-switcher__menu {
        display: block;
        box-shadow:none!important;
        background: transparent;
    }
    .header__language-switcher .hs-language-switcher__menu a {
        font-size: 20px!important;
    }
    .header__language-switcher .hs-language-switcher__button {
        display: none;
    }
  }

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 1.083rem;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

  .header__search--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}