@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-ExtraLight.woff2') format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-ExtraBold.woff2') format("woff2"), url('../fonts/Manrope-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-SemiBold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Notosans;
  src: url('../fonts/NotoSans-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Notosans;
  src: url('../fonts/NotoSans-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Notosans;
  src: url('../fonts/NotoSans-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Notosans;
  src: url('../fonts/NotoSans-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Notosans;
  src: url('../fonts/NotoSans-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --black--100: #000;
  --_heading-styles---h1-57-6px: clamp(3rem, 4vw, 3.6rem);
  --_heading-styles---h2-48px: clamp(2.3rem, 3.33vw, 3rem);
  --_heading-styles---h3-32px: clamp(2.1rem, 2.55vw, 2.1rem);
  --_heading-styles---h4-28px: clamp(1.5rem, 1.94vw, 1.75rem);
  --_heading-styles---h5-21-6px: clamp(1.25rem, 1.5vw, 1.35rem);
  --_text-styles---medium-18px: 1.125rem;
  --text-secondary: #3f3f46;
  --_text-styles---regular-16px: 1rem;
  --purple: #6c4cf1;
  --neutral-darker: #27272a;
  --darker-grey: #3c3c41;
  --primary--10: color-mix(in srgb, var(--primary--100) 10%, transparent);
  --primary--100: #ffd709;
  --_heading-styles---h6-20px: clamp(1.125rem, 1.38vw, 1.25rem);
  --neutral-darkest: #09090b;
  --_text-styles---tiny-12px: .75rem;
  --_text-styles---large-20px: 1.25rem;
  --_text-styles---small-14px: .875rem;
  --white--100: white;
  --button-hover-primary: #d2b20e;
  --button-hover-white: #f1f0e8;
  --secondary-black: #1e1e1e;
  --transparent: transparent;
  --black--12: color-mix(in srgb, var(--black--100) 12%, transparent);
  --grey: #eff3f6;
  --white--20: color-mix(in srgb, var(--white--100) 20%, transparent);
  --yellow-background: #fff8d7;
  --dark-grey: #c8c8c8;
  --black--15: color-mix(in srgb, var(--black--100) 15%, transparent);
  --black--5: color-mix(in srgb, var(--black--100) 5%, transparent);
  --black--50: color-mix(in srgb, var(--black--100) 50%, transparent);
  --black--60: color-mix(in srgb, var(--black--100) 60%, transparent);
  --black--10: color-mix(in srgb, var(--black--100) 10%, transparent);
  --_text-styles---xlarge-24px: 1.5rem;
  --black--25: color-mix(in srgb, var(--black--100) 25%, transparent);
  --light-grey: #edf1f5;
  --light-grey-blue: #acb2be;
  --medium-grey: #edeef0;
  --grayish-blue: #cbd1d7;
  --neutral-dark: #3f3f46;
  --white--70: #ffffffb3;
  --dark-purple: #542ef1;
  --white--30: #ffffff4d;
  --black--20: color-mix(in srgb, var(--black--100) 20%, transparent);
}

.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-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

body {
  color: var(--black--100);
  --_heading-styles---h1-57-6px: clamp(3rem, 4vw, 3.6rem);
  --_heading-styles---h2-48px: clamp(2.3rem, 3.33vw, 3rem);
  --_heading-styles---h3-32px: clamp(2.1rem, 2.55vw, 2.1rem);
  --_heading-styles---h4-28px: clamp(1.5rem, 1.94vw, 1.75rem);
  --_heading-styles---h5-21-6px: clamp(1.25rem, 1.5vw, 1.35rem);
  --_heading-styles---h6-20px: clamp(1.125rem, 1.38vw, 1.25rem);
  font-family: Notosans, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  font-size: var(--_heading-styles---h1-57-6px);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.1;
}

h2 {
  font-family: Manrope, Arial, sans-serif;
  font-size: var(--_heading-styles---h2-48px);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  font-size: var(--_heading-styles---h3-32px);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.2;
}

h4 {
  font-size: var(--_heading-styles---h4-28px);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.2;
}

h5 {
  font-size: var(--_heading-styles---h5-21-6px);
  font-weight: 600;
  line-height: 1.2;
}

h6 {
  font-size: var(--_text-styles---medium-18px);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.2;
}

p {
  color: var(--text-secondary);
  font-size: var(--_text-styles---regular-16px);
  margin-bottom: 0;
}

a {
  color: var(--purple);
  text-decoration: underline;
}

ul {
  margin-bottom: 0;
  padding-left: 1.56rem;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

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

strong {
  color: var(--neutral-darker);
  font-weight: 700;
}

em {
  color: var(--darker-grey);
  font-style: italic;
}

sup, sub {
  color: var(--darker-grey);
}

blockquote {
  border-left: 5px solid var(--purple);
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.rl-styleguide_empty-space {
  z-index: -1;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
  position: relative;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.rl-styleguide_radius-small-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.icon-height-custom1 {
  height: 1.25rem;
}

.rl-styleguide_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 1rem;
  display: grid;
}

.rl-styleguide_item.is-stretch {
  grid-row-gap: 1rem;
  justify-items: stretch;
}

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

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

.padding-xlarge {
  padding: 4rem;
}

.rl-styleguide_subheading {
  z-index: 3;
  border: 1px solid var(--black--100);
  background-color: var(--primary--10);
  border-radius: 0;
  margin-bottom: 1rem;
  padding: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.rl-styleguide_subheading.is-text-small {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

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

.padding-0 {
  padding: 0;
}

.margin-xlarge {
  margin: 4rem;
}

.padding-vertical, .padding-vertical.padding-tiny, .padding-vertical.padding-xhuge, .padding-vertical.padding-large, .padding-vertical.padding-xxsmall, .padding-vertical.padding-huge, .padding-vertical.padding-medium, .padding-vertical.padding-custom1, .padding-vertical.padding-xlarge, .padding-vertical.padding-0, .padding-vertical.padding-xxhuge, .padding-vertical.padding-custom2, .padding-vertical.padding-xxlarge, .padding-vertical.padding-xsmall, .padding-vertical.padding-custom3, .padding-vertical.padding-small {
  padding-left: 0;
  padding-right: 0;
}

.form_message-success-wrapper {
  margin-top: 1rem;
  padding: 0;
}

.rl-styleguide_scheme {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
}

.padding-xxlarge {
  padding: 5rem;
}

.icon-embed-custom1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.padding-left, .padding-left.padding-xxlarge, .padding-left.padding-custom3, .padding-left.padding-xsmall, .padding-left.padding-small, .padding-left.padding-0, .padding-left.padding-custom1, .padding-left.padding-medium, .padding-left.padding-xhuge, .padding-left.padding-large, .padding-left.padding-xxsmall, .padding-left.padding-huge, .padding-left.padding-tiny, .padding-left.padding-xlarge, .padding-left.padding-xxhuge, .padding-left.padding-custom2 {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.form_checkbox-icon {
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 0;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.25rem;
  margin-right: .5rem;
  transition: all .2s;
}

.form_checkbox-icon.w--redirected-checked {
  box-shadow: none;
  background-color: #000;
  background-size: 16px 16px;
  border-width: 1px;
  border-color: #000;
}

.form_checkbox-icon.w--redirected-focus {
  box-shadow: none;
  border-color: #000;
}

.form_checkbox-icon.is-alternate {
  border-color: #fff;
}

.category-filter-link {
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  flex: none;
  padding: .5rem 1rem;
  text-decoration: none;
}

.category-filter-link.w--current {
  background-color: #eee;
  border-color: #000;
}

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

.margin-top-auto {
  margin-top: auto;
}

.margin-bottom, .margin-bottom.margin-xhuge, .margin-bottom.margin-small, .margin-bottom.margin-large, .margin-bottom.margin-huge, .margin-bottom.margin-custom3, .margin-bottom.margin-xsmall, .margin-bottom.margin-tiny, .margin-bottom.margin-custom1, .margin-bottom.margin-0, .margin-bottom.margin-custom2, .margin-bottom.margin-xxlarge, .margin-bottom.margin-medium, .margin-bottom.margin-xlarge, .margin-bottom.margin-xxhuge, .margin-bottom.margin-xxsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.rl-styleguide_label {
  color: #1e51f7;
  white-space: nowrap;
  cursor: context-menu;
  background-color: #e8edff;
  padding: .25rem .5rem;
  font-size: .75rem;
  display: inline-block;
}

.rl-styleguide_label.is-html-tag {
  color: #bb4198;
  background-color: #f9eff6;
}

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

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.margin-xsmall {
  margin: 1rem;
}

.icon-1x1-medium {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.icon-height-large {
  height: 5rem;
}

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

.shadow-xxsmall {
  box-shadow: 0 1px 2px #0000000d;
}

.shadow-medium {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.text-rich-text p {
  letter-spacing: -.01em;
  margin-bottom: 1.5rem;
  line-height: 1.4;
}

.text-rich-text a {
  color: var(--primary--100);
  font-weight: 500;
}

.margin-right, .margin-right.margin-custom2, .margin-right.margin-medium, .margin-right.margin-0, .margin-right.margin-small, .margin-right.margin-xxhuge, .margin-right.margin-xxlarge, .margin-right.margin-large, .margin-right.margin-xxsmall, .margin-right.margin-huge, .margin-right.margin-xhuge, .margin-right.margin-tiny, .margin-right.margin-custom3, .margin-right.margin-custom1, .margin-right.margin-xlarge, .margin-right.margin-xsmall {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.padding-small {
  padding: 1.5rem;
}

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

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

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.icon-embed-small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

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

.tab-link {
  background-color: #0000;
  border: 1px solid #0000;
  padding: .5rem 1.5rem;
}

.tab-link.w--current {
  background-color: #fff;
  border-color: #000;
}

.class-label-column {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.rl-styleguide-accent {
  color: #000;
}

.text-style-link {
  text-decoration: underline;
}

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

.rl-styleguide_radius-medium-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.icon-height-xsmall {
  height: 1.5rem;
}

.rl-styleguide_scheme-list {
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.margin-vertical, .margin-vertical.margin-xxlarge, .margin-vertical.margin-0, .margin-vertical.margin-custom2, .margin-vertical.margin-xhuge, .margin-vertical.margin-medium, .margin-vertical.margin-custom3, .margin-vertical.margin-xxsmall, .margin-vertical.margin-custom1, .margin-vertical.margin-large, .margin-vertical.margin-xsmall, .margin-vertical.margin-xxhuge, .margin-vertical.margin-small, .margin-vertical.margin-xlarge, .margin-vertical.margin-tiny, .margin-vertical.margin-huge {
  margin-left: 0;
  margin-right: 0;
}

.heading-style-h1 {
  font-family: Notosans, Arial, sans-serif;
  font-size: var(--_heading-styles---h1-57-6px);
  line-height: 1.1;
}

.heading-style-h1.fixed-size {
  text-align: right;
  flex: none;
  width: 15rem;
}

.heading-style-h1.fixed-size.other-side-align {
  text-align: left;
}

.heading-style-h1.text-weight-semibold.text-color-neutral-darker {
  color: var(--neutral-darker);
}

.form_field-label {
  margin-bottom: .5rem;
  font-weight: 400;
}

.form_field-label.is-alternate {
  color: #fff;
}

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

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

.form_radio-label {
  margin-bottom: 0;
}

.form_message-error {
  color: #b42318;
  background-color: #fef3f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.icon-1x1-small {
  width: 2rem;
  height: 2rem;
}

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

.background-color-black {
  background-color: #000;
}

.rl-styleguide_ratio-bg {
  z-index: -1;
  background-color: #eee;
  min-width: 3rem;
  height: 100%;
  position: relative;
}

.icon-embed-xlarge {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6.5rem;
  height: 6.5rem;
  display: flex;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.spacer-small {
  width: 100%;
  padding-top: 1.5rem;
}

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

.container-large:where(.w-variant-42e00dad-c6ab-49ce-e272-2a73e6fab4c6) {
  max-width: 90rem;
}

.container-large.cta-container {
  max-width: 65rem;
}

.margin-huge {
  margin: 6rem;
}

.heading-style-h6 {
  font-size: var(--_heading-styles---h6-20px);
}

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

.color-scheme-1 {
  color: #000;
  background-color: #fff;
}

.hide, .hidden-ui-elements {
  display: none;
}

.form_radio {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.125rem;
  display: flex;
}

.form_radio.is-alternate {
  color: #fff;
}

.icon-embed-large {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
}

.heading-style-h3 {
  font-family: Notosans, Arial, sans-serif;
  font-size: var(--_heading-styles---h3-32px);
}

.heading-style-h3.text-color-black {
  color: var(--neutral-darkest);
}

.text-size-medium {
  font-size: var(--_text-styles---medium-18px);
}

.text-size-medium.text-color-white.text-weight-medium {
  font-weight: 600;
}

.text-size-medium.text-weight-bold.text-color-black {
  color: var(--black--100);
}

.rl-styleguide_nav {
  z-index: 1000;
  background-color: #eee;
  border: 1px solid #000;
  border-radius: 0;
  margin-top: 1rem;
  padding: .5rem;
  position: sticky;
  top: 1rem;
}

.shadow-large {
  box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008;
}

.class-label-row {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.rl-styleguide_nav-link {
  border-radius: 0;
  padding: .5rem 1rem;
  text-decoration: none;
}

.rl-styleguide_nav-link.w--current {
  background-color: var(--primary--100);
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
}

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

.shadow-small {
  box-shadow: 0 4px 8px -2px #0000001a, 0 2px 4px -2px #0000000f;
}

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

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

.rl-styleguide_heading {
  z-index: 4;
  margin-bottom: 1.5rem;
  padding: .25rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
}

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

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

.margin-top, .margin-top.margin-xxhuge, .margin-top.margin-0, .margin-top.margin-medium, .margin-top.margin-custom1, .margin-top.margin-custom3, .margin-top.margin-xlarge, .margin-top.margin-large, .margin-top.margin-custom2, .margin-top.margin-xhuge, .margin-top.margin-small, .margin-top.margin-xsmall, .margin-top.margin-tiny, .margin-top.margin-xxsmall, .margin-top.margin-huge, .margin-top.margin-xxlarge {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.rl-styleguide_scheme-card {
  border-radius: 0;
  overflow: hidden;
}

.rl-styleguide_radius-large-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.spacer-tiny {
  width: 100%;
  padding-top: .25rem;
}

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

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

.main-wrapper {
  overflow: clip;
}

.main-wrapper.fn-main-wrapper {
  flex: 1;
}

.margin-xxhuge {
  margin: 10rem;
}

.form_message-error-wrapper {
  margin-top: 1rem;
  padding: 0;
}

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

.padding-section-large {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.shadow-xsmall {
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
}

.rl-styleguide_empty-box {
  z-index: -1;
  background-color: #eee;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.aspect-ratio-square {
  aspect-ratio: 1;
}

.slider-arrow {
  color: #000;
  background-color: #eee;
  border: 1px solid #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.slider-arrow.is-bottom-next {
  inset: auto 0% 0% auto;
}

.slider-arrow.is-centre-previous, .slider-arrow.is-centre-next {
  bottom: 4rem;
}

.slider-arrow.is-bottom-previous {
  inset: auto 4rem 0% auto;
}

.rl-styleguide_icons-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.shadow-xxlarge {
  box-shadow: 0 32px 64px -12px #00000024;
}

.form_checkbox {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex;
}

.form_checkbox.is-alternate {
  color: #fff;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 7rem;
}

.spacer-xxhuge {
  width: 100%;
  padding-top: 10rem;
}

.margin-0 {
  margin: 0;
}

.heading-style-h5 {
  font-size: var(--_heading-styles---h5-21-6px);
}

.heading-style-h5.text-weight-medium.margin-bottom-12px {
  margin-bottom: 12px;
}

.text-size-regular {
  font-size: var(--_text-styles---regular-16px);
}

.text-size-regular.text-color-neutral-darker {
  color: var(--neutral-darker);
}

.text-size-regular.text-color-darker-gray {
  color: var(--darker-grey);
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
}

.rl-styleguide_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-bottom: 4rem;
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
}

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

.max-width-medium.text-align-center {
  margin-left: auto;
  margin-right: auto;
}

.padding-global {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.padding-global.padding-section-medium.hidden-video {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-global.padding-section-xlarge:where(.w-variant-1f3bb17a-8d80-2fa2-af2b-883a3e13af20), .padding-global.padding-section-xlarge.hero-section-3 {
  padding-top: 3rem;
  padding-bottom: 2.5rem;
}

.padding-global.padding-section-xlarge.higher-z {
  z-index: 2;
  position: relative;
}

.padding-global.padding-section-hero {
  padding-bottom: 5rem;
  display: block;
}

.padding-global.z-index-10 {
  z-index: 10;
  position: relative;
}

.padding-global.higher-z {
  z-index: 2;
  position: relative;
}

.padding-global.stretch-out {
  width: 100%;
}

.padding-global.padding-section-xxsmall {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.padding-global.padding-section-custom {
  padding-top: 7.5rem;
  padding-bottom: 5rem;
}

.padding-global.padding-section-components-hero {
  padding-top: 11.25rem;
  padding-bottom: 5rem;
}

.padding-global.padding-section-component-template-hero {
  padding-top: 12rem;
  padding-bottom: 5rem;
}

.padding-global.padding-section-related, .padding-global.padding-section-hiw {
  padding-top: 7.5rem;
  padding-bottom: 5rem;
}

.heading-style-h4 {
  font-size: var(--_heading-styles---h4-28px);
}

.heading-style-h4.text-color-white.text-weight-bold {
  font-weight: 700;
}

.heading-style-h4.text-color-white.margin-bottom-12px {
  margin-bottom: 12px;
}

.rl-styleguide_item-row {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 15rem 1fr;
  align-items: center;
}

.rl-styleguide_item-row.is-button-row {
  grid-template-columns: 19rem 1fr;
}

.rl-styleguide_radius-small {
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid #000;
  border-radius: 0;
}

.form_field-wrapper {
  position: relative;
}

.padding-xhuge {
  padding: 7rem;
}

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

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

.margin-xhuge {
  margin: 7rem;
}

.rl-styleguide_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.form_component {
  margin-bottom: 0;
}

.form_component.hidden {
  display: none;
}

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

.padding-large {
  padding: 3rem;
}

.padding-horizontal, .padding-horizontal.padding-xsmall, .padding-horizontal.padding-small, .padding-horizontal.padding-xxlarge, .padding-horizontal.padding-huge, .padding-horizontal.padding-large, .padding-horizontal.padding-xhuge, .padding-horizontal.padding-medium, .padding-horizontal.padding-xxsmall, .padding-horizontal.padding-custom1, .padding-horizontal.padding-custom3, .padding-horizontal.padding-0, .padding-horizontal.padding-tiny, .padding-horizontal.padding-xlarge, .padding-horizontal.padding-xxhuge, .padding-horizontal.padding-custom2 {
  padding-top: 0;
  padding-bottom: 0;
}

.icon-1x1-xlarge {
  width: 6.5rem;
  height: 6.5rem;
}

.padding-xsmall {
  padding: 1rem;
}

.text-style-tagline {
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.rl-styleguide_form-wrapper {
  padding-right: 1.5rem;
}

.text-size-tiny {
  font-size: var(--_text-styles---tiny-12px);
}

.icon-1x1-large {
  flex: none;
  width: 5rem;
  height: 5rem;
}

.rl-styleguide_spacing {
  border: 1px dashed #000;
}

.text-size-large {
  font-size: var(--_text-styles---large-20px);
}

.text-size-large.text-color-secondary {
  color: var(--text-secondary);
}

.text-size-large.text-color-neutral-darker {
  color: var(--neutral-darker);
}

.form_checkbox-label {
  margin-bottom: 0;
}

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

.rl-styleguide_scheme-wrapper {
  padding: 1rem;
}

.icon-1x1-xxsmall {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.margin-xxlarge {
  margin: 5rem;
}

.rl-styleguide_subheading-small {
  font-size: 1rem;
  font-weight: 400;
}

.form_radio-icon {
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 100px;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.125rem;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  background-color: #fff;
  background-image: none;
  border-width: 6px;
  border-color: #000;
}

.form_radio-icon.w--redirected-focus {
  box-shadow: none;
  border-color: #000;
  margin-top: 0;
}

.form_radio-icon.is-alternate {
  border-color: #fff;
}

.overflow-auto {
  overflow: auto;
}

.icon-embed-medium {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

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

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

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

.form_input {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form_input:focus {
  border-color: #000;
}

.form_input::placeholder {
  color: #0009;
}

.form_input.is-alternate {
  color: #fff;
  background-color: #0000;
  border-color: #fff;
}

.form_input.is-alternate::placeholder {
  color: #fff9;
}

.form_input.is-select-input {
  background-image: none;
  background-position: 99%;
  background-repeat: no-repeat;
  background-size: auto;
}

.form_input.is-select-input.is-alternate {
  background-image: none;
}

.form_input.is-text-area {
  height: auto;
  min-height: 11.25rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  overflow: auto;
}

.spacer-large {
  width: 100%;
  padding-top: 3rem;
}

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

.shadow-xlarge {
  box-shadow: 0 24px 48px -12px #0000002e;
}

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

.rl-styleguide_button-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: max-content;
  grid-auto-flow: row;
  place-items: center start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .5rem;
}

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

.rl-styleguide_spacing-all {
  display: none;
}

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

.rl-styleguide_radius-large {
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid #000;
  border-radius: 0;
}

.page-wrapper.fn-wrapper {
  flex-flow: column;
  min-height: 100vh;
  display: flex;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.spacer-xsmall {
  width: 100%;
  padding-top: 1rem;
}

.form_message-success {
  color: #027a48;
  background-color: #ecfdf3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.5rem;
  display: flex;
}

.padding-bottom, .padding-bottom.padding-custom2, .padding-bottom.padding-xxsmall, .padding-bottom.padding-xlarge, .padding-bottom.padding-small, .padding-bottom.padding-xsmall, .padding-bottom.padding-custom3, .padding-bottom.padding-xxlarge, .padding-bottom.padding-0, .padding-bottom.padding-medium, .padding-bottom.padding-tiny, .padding-bottom.padding-xhuge, .padding-bottom.padding-custom1, .padding-bottom.padding-large, .padding-bottom.padding-xxhuge, .padding-bottom.padding-huge {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.category-filter-menu {
  align-items: center;
  width: 100%;
  margin-bottom: 4rem;
  display: flex;
}

.category-filter-menu.is-center {
  justify-content: center;
  align-items: center;
}

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

.icon-height-xlarge {
  height: 6.5rem;
}

.text-size-small {
  font-size: var(--_text-styles---small-14px);
}

.slider-arrow-icon_default {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

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

.margin-horizontal, .margin-horizontal.margin-medium, .margin-horizontal.margin-huge, .margin-horizontal.margin-custom1, .margin-horizontal.margin-large, .margin-horizontal.margin-custom3, .margin-horizontal.margin-small, .margin-horizontal.margin-0, .margin-horizontal.margin-xsmall, .margin-horizontal.margin-tiny, .margin-horizontal.margin-xxhuge, .margin-horizontal.margin-custom2, .margin-horizontal.margin-xxsmall, .margin-horizontal.margin-xlarge, .margin-horizontal.margin-xhuge, .margin-horizontal.margin-xxlarge {
  margin-top: 0;
  margin-bottom: 0;
}

.margin-left, .margin-left.margin-xxhuge, .margin-left.margin-tiny, .margin-left.margin-custom1, .margin-left.margin-xsmall, .margin-left.margin-xxsmall, .margin-left.margin-large, .margin-left.margin-huge, .margin-left.margin-xhuge, .margin-left.margin-xlarge, .margin-left.margin-custom3, .margin-left.margin-medium, .margin-left.margin-xxlarge, .margin-left.margin-0, .margin-left.margin-custom2, .margin-left.margin-small {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.overflow-hidden {
  overflow: hidden;
}

.icon-1x1-custom-20 {
  width: 1.25rem;
  height: 1.25rem;
}

.tag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #000;
  background-color: #eee;
  border: 1px solid #eee;
  justify-content: center;
  align-items: center;
  padding: .175rem .5rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.tag.is-text {
  background-color: #0000;
  border-style: none;
  border-color: #0000;
  padding: 0;
  display: inline-block;
}

.tag.is-text.is-alternate {
  color: #fff;
  background-color: #0000;
}

.tag.is-alternate {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.margin-large {
  margin: 3rem;
}

.icon-height-medium {
  height: 3rem;
}

.margin-medium {
  margin: 2rem;
}

.overflow-scroll {
  overflow: scroll;
}

.rl-styleguide_scheme-foreground {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eee;
  border: 1px solid #000;
  border-radius: 0;
  flex-flow: column;
  padding: 1rem;
  display: flex;
}

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

.padding-right, .padding-right.padding-xxlarge, .padding-right.padding-xlarge, .padding-right.padding-large, .padding-right.padding-huge, .padding-right.padding-xxsmall, .padding-right.padding-xxhuge, .padding-right.padding-0, .padding-right.padding-medium, .padding-right.padding-custom1, .padding-right.padding-xsmall, .padding-right.padding-tiny, .padding-right.padding-custom2, .padding-right.padding-xhuge, .padding-right.padding-custom3, .padding-right.padding-small {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.slider-arrow-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.rl-styleguide_radius-medium {
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid #000;
  border-radius: 0;
}

.button {
  border: 1px solid var(--primary--100);
  background-color: var(--primary--100);
  color: var(--black--100);
  font-size: var(--_text-styles---regular-16px);
  text-align: center;
  text-transform: capitalize;
  border-radius: 62.44rem;
  padding: .75rem 3rem;
  font-weight: 500;
  line-height: 1.5;
  transition: background-color .375s ease-out;
}

.button:where(.w-variant-b6d46f08-fcf8-a182-08e2-632dc6312700) {
  background-color: var(--white--100);
  text-transform: capitalize;
  border-color: #d4d4d8;
}

.button:where(.w-variant-26486587-b903-54d1-99d2-2a3ed937c629) {
  background-image: linear-gradient(#f79046, #f7c546);
}

.button:where(.w-variant-4417a205-6130-7774-eff9-4c5a9a0f5715) {
  background-color: var(--black--100);
  color: var(--white--100);
}

.button:where(.w-variant-1d45ac2c-4445-8f09-2592-c87b703d386f) {
  background-color: var(--white--100);
  border: 1px solid #e4e4e7;
  width: 100%;
  padding: .75rem 1.2rem;
}

.button:where(.w-variant-9ff71e5d-5895-7e59-94c5-a8ca9e04c9e2) {
  width: 100%;
  padding: .75rem 1.2rem;
}

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

.button:hover:where(.w-variant-b6d46f08-fcf8-a182-08e2-632dc6312700) {
  background-color: var(--button-hover-white);
}

.button:hover:where(.w-variant-4417a205-6130-7774-eff9-4c5a9a0f5715) {
  background-color: var(--secondary-black);
}

.button:hover:where(.w-variant-1d45ac2c-4445-8f09-2592-c87b703d386f) {
  background-color: var(--primary--100);
}

.button.is-link {
  color: #000;
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.button.is-link.is-alternate {
  color: #fff;
  background-color: #0000;
}

.button.is-secondary {
  color: #000;
  background-color: #0000;
}

.button.is-secondary.is-alternate {
  color: #fff;
  background-color: #0000;
}

.button.is-small {
  font-size: var(--_text-styles---small-14px);
  padding: .45rem .75rem;
}

.button.is-alternate {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.button.is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button.is-disable {
  opacity: .5;
}

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

.button.extended-pricing {
  border: 1px solid var(--secondary-black);
  background-color: var(--transparent);
  width: 100%;
  padding: 1.2rem;
}

.button.secondary {
  border: 1px solid var(--secondary-black);
  background-color: var(--transparent);
}

.button.white {
  background-color: var(--white--100);
  text-transform: capitalize;
  border-color: #d4d4d8;
}

.button.white:hover {
  background-color: var(--button-hover-white);
}

.button.white-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--white--100);
  text-transform: capitalize;
  border-color: #d4d4d8;
  justify-content: flex-start;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.button.white-icon:hover {
  background-color: var(--button-hover-white);
}

.button.vault-button {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-weight: 400;
}

.button.nav-button {
  z-index: 5;
  justify-content: flex-start;
  align-items: center;
  max-width: 9.74rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button.less-rounded {
  border-radius: .75rem;
}

.button.smaller-button {
  font-size: var(--_text-styles---small-14px);
  border-radius: .75rem;
  padding: .5rem 1rem;
}

.button.smaller-button.fn-go-live-button {
  background-color: var(--darker-grey);
  color: var(--white--100);
  font-size: var(--_text-styles---regular-16px);
  border-style: none;
  border-radius: 1.5rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.icon-1x1-xsmall {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.padding-xxhuge {
  padding: 10rem;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

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

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

.heading-style-h2 {
  font-family: Notosans, Arial, sans-serif;
  font-size: var(--_heading-styles---h2-48px);
  font-weight: 600;
}

.heading-style-h2:where(.w-variant-1f3bb17a-8d80-2fa2-af2b-883a3e13af20) {
  font-size: var(--_heading-styles---h1-57-6px);
}

.heading-style-h2.text-color-white.text-balance {
  text-wrap: balance;
}

.heading-style-h2.hero-section-7 {
  font-size: var(--_heading-styles---h1-57-6px);
}

.heading-style-h2.text-balance {
  text-transform: capitalize;
}

.heading-style-h2.text-weight-bold {
  font-weight: 700;
}

.padding-medium {
  padding: 2rem;
}

.tabs-menu {
  background-color: #eee;
  border: 1px solid #000;
  align-self: center;
  margin-bottom: 3rem;
  padding: .25rem;
  display: flex;
}

.rl-styleguide_shadows-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: start;
}

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

.padding-huge {
  padding: 6rem;
}

.margin-small {
  margin: 1.5rem;
}

.padding-top, .padding-top.padding-medium, .padding-top.padding-large, .padding-top.padding-xxlarge, .padding-top.padding-xhuge, .padding-top.padding-tiny, .padding-top.padding-custom1, .padding-top.padding-xxhuge, .padding-top.padding-xlarge, .padding-top.padding-custom2, .padding-top.padding-xxsmall, .padding-top.padding-xsmall, .padding-top.padding-custom3, .padding-top.padding-small, .padding-top.padding-huge, .padding-top.padding-0 {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

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

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

.rl-styleguide_color-spacer {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem;
  display: flex;
}

.logo-svg {
  width: 10.5rem;
  height: 2.5rem;
  display: flex;
}

.text-weight-extra-light {
  font-weight: 200;
}

.section_hero.vault {
  height: 100vh;
  position: relative;
}

.nav-bar {
  z-index: 999;
  background-color: #0000;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  transition: transform .375s ease-out;
  position: sticky;
  top: 0;
}

.nav-bar:where(.w-variant-56da563a-2af4-ad15-e436-8d2c4c0db90a) {
  border-bottom: .0625rem solid #e4e4e7;
}

.nav-bar:where(.w-variant-3a0d7eaf-5bbb-5e3f-40e8-5ec618371962) {
  background-color: #f6f6ef;
}

.nav-bar:where(.w-variant-31251a42-33f7-6723-caf7-808da3026498), .nav-bar.relative-nav {
  position: relative;
}

.nav-bar_container {
  background-color: #fff;
  border: 1px solid #e4e4e7;
  border-radius: 62.44rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem;
  display: flex;
  box-shadow: 0 4px 12px #1010100a;
}

.nav-logo {
  padding-left: 0;
}

.nav-logo.nav-logo-2 {
  z-index: 5;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding-left: 1rem;
  display: flex;
  position: relative;
}

.nav-logo.nav-logo-2.vault-nav {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.nav-bar_main-wrapper {
  width: 100%;
  position: static;
}

.nav-bar_main-wrapper.forge-main-wrap {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-bar_list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-bar_list.abs-center {
  justify-content: center;
  padding-right: .5rem;
  position: absolute;
  inset: 0%;
}

.nav-bar_link {
  font-size: var(--_text-styles---regular-16px);
  border-radius: 62.44rem;
  margin-left: 0;
  margin-right: 0;
  padding: .5rem 1rem;
  transition: all .375s ease-out;
}

.nav-bar_link:where(.w-variant-31251a42-33f7-6723-caf7-808da3026498) {
  display: flex;
}

.nav-bar_link:hover {
  color: var(--button-hover-primary);
}

.nav-bar_link.w--current {
  color: var(--black--100);
  background-color: #eff3f6;
}

.nav-bar_menu {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-bar_menu.align-right {
  justify-content: flex-end;
}

.nav-bar_dropdown {
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.nav-bar_dropdown.add-side-pads {
  padding: .5rem 1rem;
}

.dropdown-toggle {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  transition: all .375s ease-out;
  display: flex;
}

.section_problem {
  background-color: var(--neutral-darkest);
}

.problem-main-wrapper {
  grid-column-gap: 6.5rem;
  grid-row-gap: 6.5rem;
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 5rem 2.5rem;
  display: flex;
  position: relative;
}

.problem-headers {
  grid-row-gap: 4rem;
  text-align: center;
  flex-flow: column;
  width: 100%;
  max-width: 47rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.problem-list {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 56.25rem;
  display: flex;
  position: relative;
}

.problem-item {
  border-top: .03125rem solid var(--white--100);
  width: 80%;
  padding-bottom: 1rem;
}

.problem-item:hover {
  transform: perspective(35rem)rotate(0);
}

.problem-item.is-small {
  min-height: 10.0625rem;
}

.problem-content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 11.4375rem minmax(200px, 21.25rem);
  justify-content: space-between;
  align-items: start;
  width: 100%;
  max-width: 45rem;
  transition: all .2s;
  overflow: hidden;
}

.problem-icon {
  width: 2.5rem;
  height: 2.5rem;
  transition: opacity .35s ease-out;
  position: absolute;
  inset: 0% auto auto 16.8125rem;
  transform: translate(0, -50%);
}

.testimonial-main-wrapper {
  grid-row-gap: 3.375rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-box {
  width: 100%;
  max-height: 56.25rem;
  transition: all .65s ease-out;
  position: relative;
  overflow: hidden;
}

.testimonial-list {
  column-count: 3;
}

.testimonial-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: var(--grey);
  border-radius: 1.5rem;
  flex-flow: column;
  margin-bottom: 1.5rem;
  margin-right: .5rem;
  padding: 2.5rem;
  display: inline-flex;
}

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

.testimonial-item_headshot {
  border-radius: 999rem;
  flex: none;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
}

.testimonial-item_details {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.testimonial-item_bottom {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-flow: column;
  display: flex;
}

.section_hero-grid {
  grid-column-gap: 7.5rem;
  grid-row-gap: 4rem;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: grid;
}

.hero-headers {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-cta {
  grid-column-gap: 2.375rem;
  grid-row-gap: 2.375rem;
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  height: 25rem;
  padding: 2.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-cta.is-navigation-bar {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  height: 100%;
  padding: 1rem;
}

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

.full-cover-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.full-cover-img.object-align-top {
  object-position: 50% 0%;
}

.full-cover-img.expand {
  transform-origin: 50% 100%;
  transform: scale(1.05);
}

.hero-cta_status {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.status-icon-wrapper {
  background-color: var(--white--20);
  border-radius: 999rem;
  justify-content: center;
  align-items: center;
  width: .75rem;
  height: .75rem;
  padding: .1875rem;
  display: flex;
}

.status-icon {
  background-color: var(--yellow-background);
  border-radius: 999rem;
  flex: none;
  width: .375rem;
  height: .375rem;
}

.status-icon.is-yellow {
  background-color: var(--primary--100);
}

.hero-cta_content {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 1rem;
  display: flex;
}

.logos-main-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.logos-marquee {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logos-marquee:where(.w-variant-42e00dad-c6ab-49ce-e272-2a73e6fab4c6) {
  max-width: 90rem;
}

.logos-marquee.logos-marquee-fn {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  max-width: none;
}

._1 {
  flex: none;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  display: flex;
}

.full-contain-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.marquee-list {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-list.marquee-list-fn {
  min-width: 100%;
}

.marquee-list-wrapper {
  will-change: transform;
  flex: none;
  max-width: 2116.5px;
  padding-right: 3.75rem;
}

.marquee-list-wrapper.marquee-list-wrapper-fn {
  max-width: none;
  padding-right: 0;
}

.padding-section-xxlarge {
  padding-top: 8.75rem;
  padding-bottom: 8.75rem;
}

.advantages-main-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.advatages-headers {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 52.75rem;
  display: flex;
  position: sticky;
  top: 7rem;
}

.advatages_grid-item {
  grid-column-gap: 2.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 34.25rem) minmax(200px, 43.25rem);
  width: 100%;
}

.advatages_grid-item.is-revert {
  grid-template-columns: minmax(200px, 43.25rem) minmax(200px, 34.25rem);
}

.advantage_card {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: var(--grey);
  backface-visibility: hidden;
  text-wrap: balance;
  border-radius: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2rem;
  transition-property: transform;
  transition-duration: .375s;
  transition-timing-function: ease-out;
  display: flex;
}

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

.advatage_card-step {
  border: .0625rem solid var(--black--100);
  border-radius: 62.44rem;
  padding: .75rem 1.5rem;
  line-height: .975;
}

.webflow-main-grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  place-items: center stretch;
}

.webflow-grid_right {
  background-image: linear-gradient(#ededed, #ededed00);
  border-radius: 1.5rem;
  height: 40rem;
  padding: .0625rem;
  overflow: hidden;
}

.webflow-grid_left {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.webflow_accordion-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.webflow-accordion {
  border-bottom-style: solid;
  border-bottom-width: .0625rem;
  border-bottom-color: var(--dark-grey);
  opacity: .5;
  will-change: auto;
  flex-flow: column;
  padding: 1rem .75rem;
  transition-property: all;
  transition-duration: .375s;
  transition-timing-function: ease-out;
  display: flex;
}

.webflow-accordion.is-active-accordion {
  opacity: 1;
  pointer-events: none;
}

.webflow-accordion_trigger {
  background-color: var(--transparent);
  justify-content: space-between;
  align-items: center;
  padding: 0;
  font-weight: 500;
  transition: all .3s ease-out;
  display: flex;
}

.webflow-accordion_trigger.with-dot {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
}

.webflow-accordion_padding {
  padding-top: .3125rem;
}

.webflow-accordion_padding.added-left-pads {
  padding-left: 1.5rem;
}

.webflow-accordion_content {
  transition: all .375s ease-out;
  overflow: hidden;
}

.webflow-grid_right-wrap {
  background-image: linear-gradient(#eff3f6, #fff);
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 4rem 2rem;
  display: flex;
}

.webflow_right-list {
  width: 100%;
  max-width: 30.625rem;
  height: 100%;
  max-height: 30rem;
  position: relative;
}

.webflow_right-asset {
  opacity: 0;
  will-change: auto;
  width: 100%;
  position: absolute;
  inset: 0%;
  transform: none;
}

.webflow_right-asset.is-active {
  opacity: 1;
  transition: all .375s ease-out;
  transform: none;
}

.case-studies-main-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.case-studies_headers {
  text-align: center;
  text-wrap: balance;
  max-width: 62rem;
}

.case-studies_marquee-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.cs_marquee-item {
  border-radius: .5rem;
  max-width: 40rem;
  max-height: 28rem;
  overflow: hidden;
}

.cs_marquee-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cs_marquee-list-wrapper {
  will-change: transform;
  flex: none;
  padding-right: 2rem;
}

.case-studies_marquee-list {
  justify-content: center;
  align-items: center;
  display: flex;
}

.padding-section-xlarge {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.pricing-main-wrapper {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-headers {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 50rem;
  display: flex;
}

.pricing-headers.hero-section-6 {
  max-width: 50rem;
}

.pricing-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 21.625rem) minmax(200px, 33.75rem) minmax(200px, 21.625rem);
}

.pricing-card {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border: .00625rem solid var(--secondary-black);
  background-color: var(--grey);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: space-between;
  padding: 1.75rem;
  display: flex;
}

.pricing-card_top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.pricing-card_top-name {
  border-bottom: .03125rem solid var(--black--100);
  padding-bottom: 1rem;
}

.pricing-card_top-name.is-popular {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  border-bottom-color: var(--white--100);
  color: var(--white--100);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-rich-text-style ul {
  margin-bottom: 0;
  padding-left: 1.75rem;
}

.pricing-rich-text-style li {
  font-size: var(--_text-styles---regular-16px);
  line-height: 1.5;
}

.pricing-card_popular {
  grid-column-gap: 2.75rem;
  grid-row-gap: 2.75rem;
  background-color: var(--black--100);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: space-between;
  padding: 1.75rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pricing_popular-tag {
  background-color: var(--primary--100);
  color: var(--black--100);
  font-size: var(--_text-styles---tiny-12px);
  text-transform: uppercase;
  border-radius: .125rem;
  padding: .25rem .5rem;
  font-weight: 500;
  line-height: 1.5;
}

.pricing-card_popular-middle {
  background-image: linear-gradient(90deg, #fff3, #9993);
  border-radius: .75rem;
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.pricing-card_middle-icons-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.pricing-card_popular-package {
  grid-column-gap: 1.125rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 14rem) 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pricing-list {
  margin-bottom: 0;
  padding-left: 1.75rem;
}

.pricing-list-item {
  color: var(--white--100);
  font-size: var(--_text-styles---regular-16px);
  line-height: 1.5;
}

.pricing-card_popular-bottom {
  flex-flow: column;
  max-width: 18.625rem;
  display: flex;
  position: relative;
}

.pricing-card_graphic {
  z-index: 1;
  justify-content: space-between;
  align-items: stretch;
  width: 11.875rem;
  height: 12.5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.section_guarantee {
  display: none;
  position: relative;
}

.guarantee-main-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.guarantee-headers {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  text-wrap: balance;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 37rem;
  display: flex;
}

.guarantee-subtitle {
  max-width: 31.25rem;
}

.guarantee-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.guarantee-grid.is-centred-list {
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.guarantee_card {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  text-align: center;
  background-color: #eff3f680;
  border: 1px solid #e4e4e7;
  border-radius: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 2.5rem 2.33rem;
  display: flex;
}

.guarantee_card.white-bg-shadow {
  background-color: var(--white--100);
  box-shadow: 0 13px 24px -6px #0000000a;
}

.guarantee_card.white-bg {
  background-color: var(--white--100);
  max-width: 410.663px;
}

.guarantee_card-icon {
  background-color: var(--white--100);
  border: .015625rem solid #d2d2d2;
  border-radius: .75rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.guarantee_card-icon.hidden {
  display: none;
}

.guarantee_card-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.started_main-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.started_header {
  text-align: center;
  max-width: 32.875rem;
}

.started_cards-list {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  width: 100%;
  max-width: 48.4375rem;
  display: flex;
}

.started-card {
  grid-column-gap: 2.5rem;
  grid-row-gap: 1.75rem;
  border-bottom: .0625rem solid var(--dark-grey);
  background-color: var(--white--100);
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 25rem) 1fr;
  padding-bottom: 2.5rem;
  position: sticky;
  top: 7.625rem;
}

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

.started-card_description {
  max-width: 16.375rem;
  display: none;
}

.faq-main-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr minmax(200px, 1fr);
  align-items: start;
}

.faq-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.faq-accordion {
  border-bottom: .0625rem solid var(--black--100);
  flex-flow: column;
  padding-bottom: 1.5rem;
  display: flex;
}

.faq-accordion_trigger {
  grid-column-gap: 2.1875rem;
  grid-row-gap: 2.1875rem;
  background-color: var(--transparent);
  text-align: left;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.faq-accordion_content {
  transition: all .375s ease-out;
  overflow: hidden;
}

.faq-accordion_padding {
  padding-top: 1.5rem;
}

.faq-accordion_icon {
  justify-content: center;
  align-items: center;
  width: .625rem;
  height: .625rem;
  display: flex;
  position: relative;
}

.accordion_icon-horizontal {
  background-color: var(--black--100);
  width: 100%;
  height: .09375rem;
}

.accordion_icon-vertical {
  background-color: var(--black--100);
  will-change: transform;
  width: .09375rem;
  height: 100%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
  position: absolute;
  inset: 0% auto 0% 50%;
  transform: translate(-55%);
}

.faq-accordion_icon-wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
}

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

.footer.no-overflow {
  overflow: hidden;
}

.footer-padding {
  padding-top: 4rem;
  padding-bottom: 2.5rem;
}

.footer-padding.no-top-border {
  padding-top: 2.5rem;
}

.footer-padding.remove-pads {
  padding-top: 0;
}

.footer-main-wrapper {
  flex-flow: column;
  display: flex;
}

.footer-top {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(200px, 35rem);
  place-items: center stretch;
  padding-bottom: 5rem;
}

.footer-top.footerv2 {
  grid-template-columns: minmax(400px, .85fr) minmax(200px, 35rem);
}

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

.footer-top_sutitle {
  max-width: 29.75rem;
}

.footer-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.footer-list.add-margin-bot {
  margin-bottom: 1rem;
}

.footer-list_item {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--white--100);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-calendly {
  border-radius: 1.25rem;
  height: 35rem;
  margin-bottom: 0;
  overflow: auto;
}

.footer-middle {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-top: .0625rem solid #eff3f64d;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.footer-middle.no-top-border {
  border-top-style: none;
}

.footer-middle.footer-middle-v2 {
  border-top-style: none;
  padding-top: 0;
}

.footer-middle_left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 23.75rem;
  display: flex;
}

.footer-logo {
  width: 14rem;
  display: flex;
}

.footer-middle_right {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 42.25rem;
  display: flex;
}

.footer_menu-column, .footer_menu-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-link {
  color: var(--white--100);
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.footer-link.hidden {
  display: none;
}

.footer-bottom {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-top: .0625rem solid #eff3f64d;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  display: flex;
}

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

.social-link {
  color: var(--grey);
}

.testimonial-box_trigger-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.testimonial-trigger {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--transparent);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-main_cta {
  grid-column-gap: 3.375rem;
  grid-row-gap: 3.375rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.trustpilot-embed {
  width: 10.3125rem;
  height: 2.1875rem;
}

.testimonial_cta-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #2c2c2c;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  transition: color .375s ease-out;
  display: flex;
}

.testimonial_cta-link:hover {
  color: var(--black--100);
}

.section_case-study-hero {
  margin-top: 3rem;
}

.case-study-main-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.case-study_subheading {
  max-width: 48.875rem;
}

.case-study_header {
  max-width: 40rem;
}

.cases-main-wrapper {
  padding-bottom: 5rem;
}

.cases-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 3.75rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.post-link {
  z-index: 1;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.post-preview-wrapper {
  border-radius: 0;
  height: 100%;
  transition: box-shadow .3s ease-out, background-color .3s ease-out;
  overflow: hidden;
}

.post-preview {
  background-color: var(--white--100);
  border: .0625rem solid #ededed;
  border-radius: .5rem;
  height: 100%;
  padding: 0;
}

.post-preview_image {
  z-index: 2;
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.post-preview_image.is-blog {
  background-color: var(--purple);
  height: 25.2778vw;
  max-height: 22.75rem;
  padding: 3.5rem;
}

.post-preview_image.is-template {
  position: relative;
}

.case-bottom_details {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.post-bottom_arrow {
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  transition: background-color .3s ease-out;
  display: flex;
}

.case-study_category-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: wrap;
  display: flex;
}

.case-study_category {
  border: .03125rem solid var(--black--100);
  border-radius: .25rem;
  justify-content: space-between;
  align-items: center;
  height: 1.6875rem;
  padding: .375rem .625rem;
  font-size: .625rem;
  display: flex;
}

.posts_pagination {
  padding-top: 5rem;
}

.blog-hero-main-wrapper {
  text-align: center;
  max-width: 37rem;
  margin-left: auto;
  margin-right: auto;
}

.template_subheading {
  max-width: 48.875rem;
}

.template-hero-main-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav_dropdown-navigation {
  z-index: 5;
  background-color: var(--transparent);
  width: 100vw;
  position: fixed;
  inset: 0%;
}

.nav_dropdown-navigation.w--open {
  width: 100vw;
  top: 6.375rem;
}

.nav-dropdown_main-wrapper {
  z-index: 1;
  background-color: var(--white--100);
  padding: 2.5rem 1.25rem 5rem;
  position: relative;
  box-shadow: 0 1.125rem 1.5rem #0000000f;
}

.nav-dropdown_main-wrapper.more-dropdown-wrapper {
  border: .0625rem solid #e4e4e7;
  border-radius: .75rem;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}

.navigation-grid {
  z-index: 1;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}

.navigation-grid.more-nav-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.cta-headers {
  color: var(--white--100);
  letter-spacing: -.02em;
  line-height: 1.2;
}

.inherit-font {
  font-size: inherit;
}

.navigation-grid_links {
  grid-column-gap: 1.5rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

.navigation-grid_links.reduced-gap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.nav-bar_link-large {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  color: inherit;
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding: 1.125rem;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease-out;
  display: flex;
}

.nav-bar_link-large.reduced-padding {
  padding: .75rem;
}

.nav-bar-icon-wrap {
  background-color: var(--grey);
  border-radius: .75rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  transition: background-color .3s ease-out;
  display: flex;
}

.nav-bar-icon-wrap.reduced-size {
  width: 3rem;
  height: 3rem;
}

.nav-bar_link-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.featured-post_grid {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 31.25rem) 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.featured-img-wrapper {
  background-color: var(--grey);
  border-radius: 1.25rem;
  max-height: 31.25rem;
  padding: .125rem;
  box-shadow: 0 1.125rem 1.5rem #0000000a;
}

.featured-img {
  background-color: var(--purple);
  border-radius: 1.25rem;
  height: 100%;
  padding: 3.5rem;
  overflow: hidden;
}

.featured-right-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.featured-content {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-main-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.blog-filtration-main-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  border-bottom: .0625rem solid var(--black--12);
  background-color: #0000;
  flex-flow: wrap-reverse;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.blog-filtration_list {
  display: flex;
}

.blog-radio-button {
  margin-bottom: 0;
  padding: .75rem 1.5rem;
  font-weight: 400;
  transition: all .375s ease-out;
  position: relative;
}

.blog-radio-button:hover {
  font-weight: 700;
}

.blog-radio {
  appearance: none;
  border-style: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.blog-radio.w--redirected-focus {
  box-shadow: none;
}

.blog-label {
  font-size: var(--_text-styles---regular-16px);
  line-height: 1.5;
  font-weight: inherit;
}

.blog-radio_line {
  background-color: var(--black--12);
  height: 0;
  transition: height .3s ease-out;
  position: absolute;
  inset: auto 0% -.0625rem;
}

.div-style-contents {
  display: contents;
}

.blog-filtration_search-wrap {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  border: .03125rem solid var(--black--15);
  background-color: var(--white--100);
  border-radius: .25rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: .375rem;
  margin-bottom: .375rem;
  padding-left: .625rem;
  padding-right: .625rem;
  display: flex;
}

.blog-filtration_search-wrap:hover {
  background-color: var(--black--5);
}

.serach-field {
  background-color: var(--transparent);
  min-width: 17.25rem;
  font-size: var(--_text-styles---regular-16px);
  border: none;
  margin-bottom: 0;
  padding: 0;
  font-weight: 600;
  line-height: 1.5;
}

.serach-field::placeholder {
  color: var(--black--50);
  font-weight: 400;
}

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

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

.blog-posts-wrapper {
  z-index: 1;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.blog-posts_item {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.post-bottom-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

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

.template-main-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
}

.template-posts_item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.template-bottom-wrapper {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.post-tag {
  border: .0125rem solid var(--secondary-black);
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .625rem;
  line-height: 1.5;
}

.template-link {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  background-color: var(--black--100);
  color: var(--white--100);
  border-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 1.25rem;
  transition: background-color .3s ease-out;
  display: flex;
}

.template-link:hover {
  background-color: var(--black--50);
}

.template-link_icon {
  object-fit: contain;
  flex: none;
  width: 1.125rem;
  height: 1.125rem;
}

.cta-wrapper {
  background-color: var(--black--100);
  border-radius: 1.5rem;
  padding: 2.5rem;
  position: relative;
}

.cta_content {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cta_status {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-hero-main-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-global-heading {
  max-width: 61.875rem;
}

.vision-main-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 2.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(200px, 26.875rem);
  place-items: center stretch;
}

.vision-content {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vision-img-wrapper {
  background-color: var(--yellow-background);
  border-radius: 1.25rem;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: 25.375rem;
  padding: 2.5rem 1.75rem;
  display: flex;
}

.backed-main-grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.25rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 18.5rem) 1fr;
  align-items: start;
}

.backed-logo-list {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.backed-logo-wrapper {
  width: 90%;
}

.number-main-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 21.25rem) 1fr;
  place-items: center stretch;
}

.numbers-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  max-width: 52.0625rem;
}

.card-number {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 1.2;
  display: flex;
}

.post-preview_border {
  background-image: linear-gradient(#ededed, #ededed00);
  border-radius: 1.5rem;
  height: 100%;
  padding: .0625rem;
}

.padding-section-xsmall {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.legacy-main-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(200px, 19.4375rem);
  align-items: start;
  padding-top: 3.5rem;
  padding-bottom: 5rem;
}

.legacy-sidebar {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  max-height: calc(100vh - 10rem);
  padding-bottom: 2.5rem;
  display: flex;
  position: sticky;
  top: 7.125rem;
  overflow: auto;
}

.legacy-sidebar_navigation {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  background-color: var(--black--100);
  border-radius: .75rem;
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
}

.legacy_navigation-header {
  border-bottom: .0625rem solid var(--white--100);
  padding-bottom: 1.875rem;
  line-height: 1;
}

.legacy-link {
  color: var(--white--100);
  transition: color .3s ease-out;
}

.legacy-link:hover {
  color: var(--primary--100);
}

.legacy-link.w--current {
  color: var(--primary--100);
  font-weight: 700;
}

.legacy-sidebar_content {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.legacy-content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  max-width: 800px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.legacy-content_header {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-bottom: .0625rem solid #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 2.5rem;
  display: flex;
}

.legacy-rich-text-style h2 {
  font-size: var(--_heading-styles---h3-32px);
  margin-top: 5rem;
  margin-bottom: 2.5rem;
  line-height: 1.2;
}

.legacy-rich-text-style h3 {
  font-size: var(--_heading-styles---h3-32px);
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  line-height: 1.2;
}

.legacy-rich-text-style p {
  font-size: var(--_text-styles---regular-16px);
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

.legacy-rich-text-style blockquote {
  background-color: var(--grey);
  font-size: var(--_text-styles---large-20px);
  border-left-style: none;
  border-radius: .75rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding: 1.5rem;
  line-height: 1.5;
}

.legacy-rich-text-style figure {
  border: .0625rem solid var(--black--50);
  border-radius: 1.5rem;
  width: 100%;
  margin: 2.5rem 0;
  padding: 1.5rem;
}

.legacy-rich-text-style img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.legacy-rich-text-style figcaption {
  color: var(--black--60);
  font-size: var(--_text-styles---regular-16px);
  text-align: left;
  margin-top: 0;
}

.legacy-rich-text-style ul {
  font-size: var(--_text-styles---large-20px);
  margin-bottom: 1rem;
  padding-left: 2rem;
}

.legacy-rich-text-style h4 {
  font-size: var(--_heading-styles---h6-20px);
  margin-bottom: 2.5rem;
  font-weight: 700;
}

.legacy-rich-text-style a {
  font-weight: 700;
}

.legacy-rich-text-style li {
  font-size: var(--_text-styles---regular-16px);
}

.legacy-content_link.w--current {
  font-weight: 700;
}

.legacy_list-links {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.marquee-logo {
  object-fit: contain;
  flex: none;
  width: auto;
  height: 100%;
}

.image-block {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-block.hidden {
  display: none;
}

.image_1 {
  object-fit: contain;
  width: 90%;
  height: 100%;
}

.image_2 {
  object-fit: contain;
  width: 85%;
  height: 100%;
  position: relative;
  right: 50px;
}

.image_3 {
  object-fit: contain;
  width: 90%;
  height: 100%;
}

.faq-header {
  position: sticky;
  top: 7.625rem;
}

.audit-hero {
  border-radius: 2.5rem;
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;
  padding: 6.25rem;
  position: relative;
  overflow: hidden;
}

.audit_background {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.audit-main-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

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

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

.audit_form-wrapper {
  background-color: var(--white--100);
  border-radius: 1.875rem;
  margin-bottom: 0;
  padding: .25rem;
  position: relative;
  overflow: hidden;
}

.audit_form-border {
  background-image: linear-gradient(#ededed 20%, #ededed00);
  border-radius: 1.5rem;
  margin-bottom: 0;
  padding: .0625rem;
  overflow: hidden;
}

.audit_form-padding {
  background-image: linear-gradient(180deg, #f9f9f9, var(--white--100));
  border-radius: 1.5rem;
  padding: 2.5rem;
  overflow: hidden;
}

.audit_form-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.audit_input {
  border: .0625rem solid var(--primary--100);
  min-height: 3.75rem;
  font-size: var(--_text-styles---regular-16px);
  text-align: center;
  border-radius: .625rem;
  margin-bottom: 0;
  padding: 1rem .75rem;
  font-weight: 500;
}

.audit_input:focus {
  border-color: var(--primary--100);
}

.audit_input::placeholder {
  color: var(--black--60);
  font-weight: 400;
}

.approach-main-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 55rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.approach-header {
  text-align: center;
  max-width: 43rem;
}

.approach-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--grey);
  border: .0625rem solid #1e1e1e33;
  border-radius: 2.5rem;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  overflow: hidden;
}

.approach_card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-bottom: .0625rem solid #1e1e1e33;
  border-right: .0625rem solid #1e1e1e33;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 20rem;
  padding: 3rem;
  display: flex;
}

.approach_card-icon {
  background-color: var(--white--100);
  border: .015625rem solid #d2d2d2;
  border-radius: .75rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.approach_card-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.audit_success-message {
  border: .0625rem solid var(--primary--100);
  background-color: var(--white--100);
  font-size: var(--_text-styles---medium-18px);
  border-radius: 1.5rem;
  font-weight: 600;
}

.audit_error-message {
  font-size: var(--_text-styles---small-14px);
  text-align: center;
  margin-top: 0;
  padding: .5rem 1rem;
  position: absolute;
  inset: auto 0% 0%;
}

.padding-section-hero-blog {
  padding-top: 3rem;
  padding-bottom: 2.5rem;
}

.hero-blog-main-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  max-width: 43.75rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-blog_header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hero-blog_details {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.blog_writer-img {
  border-radius: 999rem;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
}

.blog_writer-information {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog_writer-name {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.writer_name-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog_date {
  grid-column-gap: .15rem;
  grid-row-gap: .15rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-blog_preview {
  background-color: var(--white--100);
  border-radius: 1.5rem;
  padding: .25rem;
  overflow: hidden;
}

.hero-blog_preview-background {
  background-color: var(--grey);
  border-radius: 1.5rem;
  padding: .25rem;
  overflow: hidden;
}

.hero-blog_preview-wrap {
  border-radius: 1.5rem;
  overflow: hidden;
}

.blog-rich-text-style h2 {
  margin-top: 2rem;
  margin-bottom: .5rem;
  font-size: 2rem;
}

.blog-rich-text-style h3 {
  margin-top: 2rem;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: 1.3;
}

.blog-rich-text-style ul {
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding-left: 2.5rem;
}

.blog-rich-text-style blockquote {
  border-left-width: .125rem;
  border-left-color: #2c2c2c;
  margin-bottom: 1rem;
  padding: 1rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
}

.blog-rich-text-style p {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.0625rem;
}

.blog-rich-text-style figure {
  border: .0625rem solid var(--black--50);
  border-radius: 1.5rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding: 1.5rem;
}

.blog-rich-text-style img {
  object-fit: contain;
  border-radius: .75rem;
  width: 100%;
  height: 100%;
}

.blog-rich-text-style figcaption {
  color: var(--black--60);
  font-size: var(--_text-styles---regular-16px);
  text-align: left;
}

.blog-rich-text-style h4, .blog-rich-text-style h5, .blog-rich-text-style h6 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.blog-rich-text-style li {
  margin-top: .5rem;
  margin-bottom: .5rem;
  font-size: 1.1rem;
  line-height: 1.8;
}

.blog-rich-text-style ol {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  padding-left: 2.5rem;
}

.related-main-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 7.5rem;
  display: flex;
}

.related-top-wrap {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.global-style-animation {
  display: none;
}

.cta-large {
  background-color: var(--black--100);
  border-radius: 1.5rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding: 2.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog_cta-content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog_cta_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 25rem;
  display: flex;
}

.blog-cta_logo {
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.legacy-links-wrapper {
  border-bottom: .0625rem solid var(--black--12);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-dropdown_overlay {
  opacity: 0;
  pointer-events: none;
  background-color: #ddd3;
  height: calc(100vh - 5.75rem);
  transition-property: opacity;
  transition-duration: .375s;
  transition-timing-function: ease-out;
  position: absolute;
  inset: 5.75rem 0% 0%;
}

.nav-dropdown_overlay.fixed-effect {
  z-index: 1;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.sticky_filtration {
  z-index: 2;
  background-color: var(--white--100);
  margin-bottom: 0;
  transition: all .375s ease-out;
  position: relative;
}

.anchor-element {
  pointer-events: none;
  position: absolute;
  inset: -7.5rem 0% auto;
}

.scroll-progress-block {
  z-index: 999;
  height: .25rem;
  transition: all .375s ease-out;
  position: sticky;
  top: 6rem;
}

.scroll-progress {
  background-color: var(--primary--100);
  width: 25%;
  height: 100%;
}

.hero-blog_preview-stroke {
  background-image: linear-gradient(#ededed, #ededed00);
  border-radius: 1.5rem;
  padding: .0625rem;
  overflow: hidden;
}

.cta_left {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 45vw;
  max-width: 520px;
  display: flex;
}

.cta_right {
  position: absolute;
  inset: 0% 0% 0% auto;
}

.padding-section-hero {
  padding-top: 3rem;
  padding-bottom: 7.5rem;
}

.audit_grid-left {
  flex-flow: column;
  display: flex;
}

.audit-pop_background {
  z-index: 1;
  background-color: #0006;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.form_audit-label {
  margin-bottom: .5rem;
  font-size: .88rem;
}

.pop-par {
  font-size: 1rem;
}

.form_audit {
  margin-top: 1rem;
  margin-bottom: 0;
}

.audit-popup_content {
  z-index: 5;
  border: .0625rem solid var(--grey);
  background-color: var(--white--100);
  border-radius: .75rem;
  width: 100%;
  max-width: 60rem;
  max-height: 80vh;
  padding: 2.5rem;
  position: relative;
  overflow: auto;
}

.audit-list {
  margin-top: .5rem;
}

.form_audit-text-field {
  color: #2c2c2c;
  border: 1px solid #e6e2d5;
  border-radius: .38rem;
  min-height: 2.5rem;
  margin-bottom: 1rem;
  padding-left: .75rem;
  padding-right: .75rem;
  font-size: .88rem;
}

.form_audit-text-field:focus {
  border-color: var(--primary--100);
}

.form_audit-fields-wrapper {
  margin-bottom: 2.5rem;
}

.section_audit-popup {
  z-index: 9999;
  background-color: var(--black--50);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 2.5rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.section_audit-popup.is-active {
  display: flex;
}

.success-message {
  background-color: #fff;
  border-radius: 20px;
}

.audit_grid {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.audit_grid-right {
  flex-flow: column;
  display: flex;
}

.audit_grid-header {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.legacy-page_link {
  flex: none;
  padding: .75rem 1.5rem;
  position: relative;
}

.legacy-page_link-line {
  background-color: var(--black--100);
  height: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.error-message-field {
  color: #d00;
  font-size: var(--_text-styles---regular-16px);
  font-weight: 600;
  display: none;
}

.audit_form-input-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.hero-cs-main-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  padding-top: 3rem;
  padding-bottom: 2.5rem;
  display: flex;
}

.hero-cs_head-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

.hero-cs_company-logo {
  height: 1.5rem;
}

.hero-cs_preview {
  background-image: linear-gradient(#ededed, #ededed00);
  border-radius: 1.5rem;
  padding: .0625rem;
  overflow: hidden;
}

.hero-cs_preview-img {
  z-index: 2;
  border-radius: 1.5rem;
  position: relative;
  overflow: hidden;
}

.hero-cs_preview-wrap {
  background-color: var(--grey);
  border-radius: 1.5rem;
  padding: .1875rem;
  overflow: hidden;
}

.cs-info-main-list {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

.cs-info_wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.cs-info_header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cs-info_card-list {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  display: flex;
}

.cs-info_cards-wrap {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  display: flex;
}

.cs-info_card {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--grey);
  border-radius: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}

.cs-info_card.is-large {
  min-width: 30.9375rem;
}

.cs-info_card-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--black--100);
  width: 100%;
  color: var(--white--100);
  border-radius: .75rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 1.5rem;
  transition: color .375s ease-out, background-color .375s ease-out;
  display: flex;
}

.cs-info_card-link:hover {
  background-color: var(--primary--100);
  color: var(--black--100);
}

.cs-info_card_header {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cs-info_card_arrow {
  background-color: var(--primary--100);
  width: 3.5rem;
  height: 3.5rem;
  color: var(--black--100);
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: color .375s ease-out, background-color .3s ease-out;
  display: flex;
}

.cs-info-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.cs-body-main-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  padding-bottom: 2.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

.cs-rich-text-style h2 {
  font-size: var(--_heading-styles---h3-32px);
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.cs-rich-text-style p {
  font-size: var(--_text-styles---medium-18px);
  margin-bottom: 2.5rem;
}

.cs-rich-text-style h3 {
  font-size: var(--_heading-styles---h3-32px);
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.cs-rich-text-style figure {
  border-radius: .75rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.testimonial-card {
  background-color: var(--black--100);
  border-radius: 1.5rem;
  padding: 2.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial-card_content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 36.5625rem;
  display: flex;
}

.testimonial-card_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.testimonial_reviewer_headshot {
  border-radius: 999rem;
  flex: none;
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
}

.testimonial_reviewer_details {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cs-marquee-img {
  object-fit: contain;
  height: 100%;
}

.text-size-xlarge {
  font-size: var(--_text-styles---xlarge-24px);
}

.image-1-animation {
  width: 80%;
}

.image-3-animation {
  width: 80%;
  transform: rotate(0);
}

.image-2-animation {
  width: 85%;
  position: relative;
  left: -30px;
}

.problem-item_wrap {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.guarantee_card-icon-noborder {
  border: .015625rem #d2d2d2;
  border-radius: .75rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.guarantee_card-icon-noborder.hidden {
  display: none;
}

.testimonial-text {
  font-size: var(--_heading-styles---h6-20px);
}

.testimonial-text.text-weight-semibold {
  font-size: clamp(1.35rem, 1.38vw, 1.25rem);
  line-height: 1.25;
}

.plan_item-icon {
  flex: none;
  align-items: center;
  width: 1.25rem;
  display: flex;
}

.plan_heading-wrapper {
  grid-row-gap: 0rem;
}

.checks-icons {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.heading-4 {
  letter-spacing: -.02rem;
  font-size: 2rem;
}

.what-text {
  color: #636262;
  font-size: 1rem;
}

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

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

.plan_included-wrapper {
  grid-row-gap: 1rem;
}

.plan_list {
  grid-row-gap: .75rem;
}

.pricing-card-2 {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  background-color: #eff3f6;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  min-height: 39rem;
  padding: 2rem;
  position: relative;
}

.pricing-card-2.popular-card {
  background-color: var(--neutral-darkest);
  color: #fff;
}

.pricing-card-2.horiz-pricing-card {
  min-height: 0;
}

.plan_card-content {
  grid-row-gap: 1.875rem;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.text-size-xsmall {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}

.divider-line {
  background-color: #d4d4d8;
  min-width: 100%;
  min-height: 1px;
}

.divider-line.color-orange {
  background-color: #f79046;
}

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

.divider-line.color-black {
  background-color: #000;
}

.divider-line.color-white-20 {
  background-color: #fff3;
}

.plan_heading-container {
  grid-column-gap: .5rem;
  align-items: center;
}

.plan_heading-container.is-popular {
  justify-content: space-between;
  width: 100%;
}

.text-size-xtiny {
  font-size: .813rem;
}

.text-size-xtiny.is-custom {
  color: #8a8880;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  display: none;
}

.plans_containerv2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 70rem;
  display: grid;
}

.pricing-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.h3-price {
  letter-spacing: .02em;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.div-block-8 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 25rem;
  margin-left: auto;
  display: flex;
}

.pricing-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.plan_item {
  grid-column-gap: 1rem;
  align-items: center;
}

.button-2 {
  color: #000;
  text-transform: capitalize;
  background-color: #f7d046;
  border-radius: .5rem;
  flex: none;
  padding: .813rem 1.688rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.313rem;
}

.button-2:hover {
  box-shadow: 0 0 #000;
}

.button-2.width-full {
  letter-spacing: -.02em;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  min-height: 4rem;
  transition: box-shadow .35s, color .25s;
  display: flex;
}

.button-2.width-full:hover {
  box-shadow: 0 4px 24px #0003;
}

.button-2.width-full.popular-btn:hover {
  box-shadow: 0 4px 24px #fff3;
}

.button-2.width-full.ghost-btn {
  background-color: #f7d04600;
  border: 1px solid #686868;
}

.plan_heading-block {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

.plan_heading-block.horiz-lim {
  max-width: 18rem;
}

.pricing-image {
  width: 6.25rem;
  margin-bottom: 1.125rem;
  display: block;
}

.pricing-image.hide {
  display: none;
}

.details-small {
  color: #636262;
  font-size: 1rem;
}

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

.pricing-card-content {
  grid-column-gap: 0px;
  grid-row-gap: 1.875rem;
  flex: 1;
  justify-content: space-between;
  width: 100%;
}

.pricing-card-content.horizontal-card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

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

.price-block {
  grid-column-gap: 1.87rem;
  grid-row-gap: 1.87rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.plan_card-wrapper {
  grid-row-gap: 1.875rem;
}

.price-bold {
  letter-spacing: .02em;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.price-bold.enterprise {
  font-size: 2.25rem;
}

.problem-img {
  z-index: 99;
  opacity: 0;
  pointer-events: none;
  max-width: 10rem;
  max-height: 10rem;
  transition: opacity .35s;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hero-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  margin-top: 2rem;
  display: flex;
}

.post-preview_cta {
  opacity: 0;
  justify-content: center;
  align-items: center;
  transition: opacity .25s ease-out;
  display: flex;
  position: absolute;
  inset: 0%;
}

.post-preview_cta-btn {
  z-index: 2;
  position: absolute;
}

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

.n-template-main-wrapper {
  grid-column-gap: 3.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 19.0625rem) 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-bottom: 2.5rem;
  display: grid;
  position: relative;
}

.templates-filtration-main-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  border-top-style: solid;
  border-top-width: .0625rem;
  border-top-color: var(--black--25);
  border-right-style: solid;
  border-right-width: .0625rem;
  border-right-color: var(--black--25);
  border-bottom-style: solid;
  border-bottom-width: .0625rem;
  border-bottom-color: var(--black--25);
  border-left-style: solid;
  border-left-width: .0625rem;
  border-left-color: var(--black--25);
  background-color: var(--transparent);
  border-radius: 1rem;
  flex-flow: column;
  max-height: calc(100dvh - 8.5rem);
  display: flex;
}

.templates-filtration_list {
  flex-flow: column;
  padding: .25rem .5rem .5rem;
  display: flex;
  overflow: auto;
}

.templates-radio-button {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-weight: 400;
  transition: all .375s ease-out;
  display: flex;
  position: relative;
}

.templates-radio {
  border: .0625rem solid #000;
  border-radius: .25rem;
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.templates-radio.w--redirected-checked {
  background-color: var(--black--100);
  background-image: url('../images/gridicons_checkmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .75rem .75rem;
  background-attachment: scroll;
  border-width: 0;
}

.templates-radio.w--redirected-focus {
  box-shadow: none;
}

.templates-label {
  font-size: var(--_text-styles---regular-16px);
  line-height: 1.5;
  font-weight: inherit;
}

.templates-radio_line {
  background-color: var(--black--12);
  height: 0;
  transition: height .3s ease-out;
  position: absolute;
  inset: auto 0% -.0625rem;
}

.templates-filtration_heading {
  border-bottom: .0625rem solid var(--black--25);
  padding: 1.25rem 1.25rem .75rem;
}

.n-sticky_filtration {
  z-index: 2;
  background-color: var(--white--100);
  margin-bottom: 0;
  transition: all .375s ease-out;
  position: sticky;
  top: 7.5rem;
}

.n-anchor-element {
  pointer-events: none;
  position: absolute;
  inset: -7.5rem 0% auto;
}

.templates-link {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-weight: 400;
  transition: all .375s ease-out;
  display: flex;
  position: relative;
}

.templates-link.w--current {
  pointer-events: none;
}

.templates-checkmark {
  border: .0625rem solid #000;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
  display: flex;
}

.templates-checkmark.w--redirected-checked {
  background-color: var(--black--100);
  background-image: url('../images/gridicons_checkmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .75rem .75rem;
  background-attachment: scroll;
  border-width: 0;
}

.templates-checkmark.w--redirected-focus {
  box-shadow: none;
}

.template-empty-state {
  background-color: var(--primary--10);
  border-radius: 1rem;
  padding: .75rem;
  font-weight: 500;
}

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

.container-templates {
  width: 100%;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.vault-hero-img-container {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-background {
  width: 100%;
  height: 100%;
  padding-top: 300px;
}

.hero-character {
  width: 800px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.birds-animation {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 80px 0% 0%;
}

.template-list {
  width: 100%;
}

.template-list-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  display: flex;
}

.template-container {
  width: 100%;
}

.template-container-div {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.templates-filtration_top {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: .0625rem solid var(--black--25);
  flex-flow: column;
  padding: .25rem .5rem .5rem;
  display: flex;
}

.templates-button {
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-weight: 400;
  transition: all .375s ease-out;
  display: flex;
  position: relative;
}

.templates-button:hover {
  background-color: var(--primary--10);
}

.templates-button.w--current {
  background-color: var(--yellow-background);
  pointer-events: none;
}

.n-template_lists-wrap {
  flex-flow: column;
  max-width: 919px;
  display: flex;
}

.problem_anchor {
  pointer-events: none;
  position: absolute;
  inset: -7.125rem 0% auto;
}

.gurantee-anchor {
  pointer-events: none;
  height: .0625rem;
  position: absolute;
  inset: -7.125rem 0% auto;
}

.section_vault-hero {
  position: relative;
}

.vault-hero-main-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5rem;
  display: flex;
}

.valut-hero_header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 50rem;
  display: flex;
}

.valut-hero_header.waitlist {
  justify-content: center;
  align-items: center;
  max-width: 42rem;
}

.valut-hero_header.hero_header-components {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  max-width: 63.63rem;
  color: var(--neutral-darker);
}

.valut-hero_header.hero-header-component-page {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
}

.valut-hero_header.hero-header-newsletter {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  color: var(--neutral-darker);
  justify-content: flex-start;
  align-items: center;
}

.valut-hero_background {
  z-index: -1;
  position: absolute;
  inset: auto 0% 0%;
}

.overview-main-wrap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.overview-tab_grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: .0625rem solid #e4e4e7;
  border-radius: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 3rem;
  display: grid;
  overflow: hidden;
}

.overview_grid-tab {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: var(--transparent);
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem;
  transition: background-color .3s ease-out;
  display: flex;
}

.overview_grid-tab:hover, .overview_grid-tab.w--current {
  background-color: #f6f6ef;
}

.icon-1x1-xmedium {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.overview_item_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-color-secondary {
  color: #52525c;
}

.overview-video {
  background-color: var(--secondary-black);
  border-radius: 1.25rem;
  width: 100%;
  height: 52.0833vw;
  max-height: 46.875rem;
  overflow: hidden;
}

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

.templates-list_header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 32rem;
  display: flex;
}

.templates-list_wrapper {
  width: 100%;
}

.v-template_link {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.v-template-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.v-template-list-wrapper {
  width: 100%;
}

.v-template-item {
  border: .0625rem solid #e4e4e7;
  border-radius: 1.5rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.vault-section-tag {
  background-color: var(--primary--10);
  border-radius: 99rem;
  padding: .25rem;
}

.vault-section-tag:where(.w-variant-267b8223-0dce-fea5-cd5c-3f1ab76db9bb) {
  color: var(--neutral-darkest);
  background-color: #e4e4e7;
  padding: .0625rem;
}

.vault-section-tag.vault-section-tag-fn {
  background-color: var(--transparent);
}

.vault-section-tag.vault-section-tag-fn.section-tag-fn-hiw {
  padding: 0;
}

.vault-section-tag.white-2 {
  color: var(--neutral-darkest);
  background-color: #e4e4e7;
  padding: .0625rem;
}

.vault-section-tag_text {
  background-color: var(--primary--100);
  font-size: var(--_text-styles---tiny-12px);
  text-transform: uppercase;
  border-radius: 99rem;
  padding: .25rem 1rem;
  font-weight: 600;
}

.vault-section-tag_text:where(.w-variant-267b8223-0dce-fea5-cd5c-3f1ab76db9bb) {
  background-color: var(--white--100);
}

.vault-section-tag_text.vault-section-tag-text-fn {
  background-color: var(--transparent);
  color: var(--purple);
  font-size: var(--_text-styles---regular-16px);
}

.vault-section-tag_text.vault-section-tag-text-fn.section-tag-text-fn-hiw {
  padding: 0;
}

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

.v-template_top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding: 1rem 1rem 1.25rem;
  display: flex;
}

.v-template_category-tag {
  border: .0625rem solid #e4e4e7;
  border-radius: 99rem;
  padding: .35rem .5rem;
  font-size: .8rem;
}

.v-template_category-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  display: flex;
}

.v-template_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.v-template_header-tag {
  background-color: var(--black--5);
  color: #3f3f46;
  border-radius: 99rem;
  padding: .25rem 1rem;
}

.v-template_header-tag.is-premium {
  background-color: var(--primary--100);
  color: var(--black--100);
}

.v-template_bottom {
  border-radius: 1.25rem;
  height: 100%;
  max-height: 35rem;
  position: relative;
  overflow: hidden;
}

.v-template_absolute {
  transition: opacity .35s ease-out;
  position: absolute;
  inset: 0%;
}

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

.animations-list_header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 35rem;
  display: flex;
}

.animations-list_header.fn-list-header-components {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  max-width: 622px;
  color: var(--neutral-darker);
}

.animations-list_header.fn-list-header-platform {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  max-width: 27.5rem;
  color: var(--neutral-darker);
}

.animations-list_header.fn-list-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  max-width: none;
}

.animations-list_header.fn-list-header-faq {
  width: 100%;
  max-width: 35.31rem;
  color: var(--neutral-darker);
}

.animations-list_header.fn-list-header-cta {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 30.56rem;
}

.animations-list_header.fn-list-header-hiw {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--neutral-darker);
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
}

.animations-list_header.fn-list-header-cta-components {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  max-width: none;
}

.animations-list_header.fn-list-header-component-page {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 30.88rem;
}

.animations-list_header.fn-list-header-component-related {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: left;
  flex-flow: row;
  justify-content: space-between;
  max-width: none;
}

.animations-list_header.pricing-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  max-width: 31.25rem;
  color: var(--neutral-darker);
}

.animations-list_header.newsletter-components-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  max-width: 34.56rem;
  color: var(--neutral-darker);
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
}

.animations-list_wrapper {
  width: 100%;
}

.animations_cta {
  background-color: #f6f6ef;
  border-radius: 1.5rem;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  padding: 2.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.animations_cta_header {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 25rem;
  display: flex;
}

.animation_cta_heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.animation_cta_scroll-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 3rem auto auto;
}

.animation_cta_scoll-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.animation_cta_scroll_item {
  border-radius: 1.5rem;
  width: 100%;
  max-width: 17.875rem;
  height: 100%;
  max-height: 12.5rem;
  overflow: hidden;
}

.section_build {
  overflow: hidden;
}

.build-main-wrap {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 3.5rem;
  display: flex;
}

.build-list_header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 42rem;
  display: flex;
}

.build-tabs_component {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.build-tabs_list {
  background-color: #f6f6ef;
  border-radius: .75rem;
  justify-content: center;
  align-items: stretch;
  padding: .5rem;
  display: flex;
}

.build-tab {
  background-color: var(--transparent);
  color: #3f3f46;
  min-width: 16.375rem;
  font-size: var(--_text-styles---small-14px);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .75rem;
  font-weight: 600;
  display: flex;
}

.build-tab.is-active {
  background-color: var(--white--100);
  color: #09090b;
}

.build-tabs_content-list {
  width: 100%;
  display: flex;
  position: relative;
}

.build-tab_content-item {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  transform-origin: 50% 725%;
  text-align: center;
  border-radius: 1.5rem;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 37.25rem;
  min-height: 38rem;
  max-height: 38rem;
  padding: 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.build-tab_content-item.is-1 {
  background-color: #e0eca3;
}

.build-tab_content-item.is-2 {
  background-color: #f6f6ef;
}

.build-tab_content-item.is-3 {
  color: var(--white--100);
  background-color: #27272a;
}

.build-tab_tag {
  background-color: var(--white--100);
  color: var(--black--100);
  font-size: var(--_text-styles---tiny-12px);
  border: .0625rem solid #e4e4e7;
  border-radius: 99rem;
  padding: .5rem .75rem;
}

.build-tab_content_background {
  position: absolute;
  inset: 0%;
}

.section_vault-cta {
  position: relative;
  overflow: hidden;
}

.vault-cta-main-wrap {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.vault-cta_header {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 28rem;
  display: flex;
}

.vault_cta_scroll_item {
  border-radius: 1.5rem;
  width: 25.3472vw;
  min-width: 15rem;
  max-width: 23rem;
  overflow: hidden;
}

.vault_cta_scoll-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.vault_cta_scroll-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 3rem auto auto;
}

.vault_background {
  background-image: linear-gradient(180deg, var(--black--100), var(--transparent) 20%, var(--transparent) 80%, var(--black--100));
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.build-tabs_content-list-wrap {
  width: 100%;
}

.vault_cta_scoll-list-wrap {
  display: contents;
}

.animations-list {
  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;
}

.animations-list.animations-list-forge-new, .animations-list.fn-animations-list {
  grid-template-columns: 1fr 1fr 1fr;
}

.animations-item_link {
  background-color: var(--button-hover-white);
  width: 100%;
  height: 100%;
  color: var(--black--100);
  border: .0625rem #e4e4e7;
  border-radius: 1rem;
  padding: .25rem .4rem;
  text-decoration: none;
}

.animations-item_link.w--current {
  color: var(--black--100);
  text-decoration: none;
}

.animations-item_link.animations-item_link-fn {
  border-style: solid;
  border-color: var(--light-grey);
  background-color: var(--white--100);
  border-radius: .75rem;
  padding: 0;
}

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

.animation-item_preview.animation-item_preview-forge-new {
  border-radius: 0;
}

.animation-item_preview.fn-animation-item_preview {
  border-radius: .75rem;
}

.animation-item_heading {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem .35rem;
  display: flex;
}

.animation-item_heading.animation-item_heading-fn {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--neutral-darker);
  padding: 1.5rem;
}

.section_templates-hero.vault {
  height: 100vh;
  position: relative;
}

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

.container-xlarge:where(.w-variant-42e00dad-c6ab-49ce-e272-2a73e6fab4c6) {
  max-width: 90rem;
}

.container-xlarge.cta-container {
  max-width: 65rem;
}

.templates-hero-main-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 18.4375rem 1fr;
  align-items: start;
}

.templates-hero-main-wrap.single {
  flex-flow: column;
  grid-template-columns: 18.4375rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.templates-hero-main-wrap.fn-hero-main-wrap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-columns: 10.5rem 2fr;
}

.templates-hero_nav {
  padding: 2.5rem 1.5rem;
  position: sticky;
  top: 6.125rem;
}

.templates-hero_nav:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .templates-hero_nav.new {
  padding: 0;
}

.templates-hero_content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  border-left: .0625rem solid #e4e4e7;
  flex-flow: column;
  padding: 2.5rem 1.5rem;
  display: flex;
}

.templates-hero_content.single {
  border-left-style: none;
  width: 100%;
}

.templates_content-top {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  position: relative;
}

.templates_top-cta {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #f6f6ef;
  border: .0625rem solid #e4e4e7;
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.templates_top-cta-heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.templates_content_top-header {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: space-between;
  max-width: 35rem;
  display: flex;
}

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

.template-search {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  border: .0625rem solid #e4e4e7;
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding-left: 1rem;
  display: flex;
  overflow: hidden;
}

.template-search_field {
  width: 100%;
  min-height: 3.125rem;
  color: var(--black--100);
  border: 0 solid #000;
  margin-bottom: 0;
  padding: .5rem .75rem .5rem 0;
}

.template-search_field::placeholder {
  color: var(--black--50);
  font-size: var(--_text-styles---regular-16px);
}

.templates-hero_nav_links {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.template_links-header {
  color: #71717b;
  padding-left: .5rem;
  padding-right: .5rem;
}

.template_links-header:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template_links-header.new-5 {
  display: none;
}

.filter_template-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  width: 100%;
  color: var(--black--100);
  border-radius: 99rem;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1rem;
  text-decoration: none;
  display: flex;
}

.filter_template-link:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717) {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--light-grey-blue);
  justify-content: flex-start;
  padding: 1.13rem 0;
  transition: color .2s;
}

.filter_template-link:hover:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717) {
  color: var(--neutral-darker);
}

.filter_template-link.w--current {
  background-color: #f6f6ef;
}

.filter_template-link.new-7 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--light-grey-blue);
  justify-content: flex-start;
  padding: 1.13rem 0;
  transition: color .2s;
}

.filter_template-link.new-7:hover {
  color: var(--neutral-darker);
}

.filter_template-link.new-10 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--light-grey-blue);
  justify-content: flex-start;
  padding: 1.13rem 0;
  transition: color .2s;
}

.filter_template-link.new-10:hover {
  color: var(--neutral-darker);
}

.filter_template-link.new-template-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--light-grey-blue);
  justify-content: flex-start;
  padding: 1.13rem 0;
  transition: color .3s;
}

.filter_template-link.new-template-link:hover {
  color: var(--neutral-darker);
}

.filter_template-link.new-template-link.w--current {
  color: var(--secondary-black);
  background-color: #0000;
  font-weight: 600;
}

.text-color-black-60 {
  color: var(--black--60);
}

.template_links-list {
  width: 100%;
}

.templates_filtration {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.templates_filtration-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.template-filter_accordion {
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.template-filter_accordion:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter_accordion.new-18 {
  display: none;
}

.template-filter_accordion-trigger {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  border-radius: 99rem;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
  position: relative;
}

.template_accordion-trigger_header {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.template-filter_accordion-content {
  max-height: calc(100dvh - 22.75rem);
  padding-bottom: 1rem;
  padding-left: 2rem;
  transition-property: all;
  transition-duration: .35s;
  transition-timing-function: ease-out;
  overflow: auto;
}

.template-filter_accordion-content:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter_accordion-content.new-25 {
  padding-bottom: 0;
  padding-left: 0;
}

.template-filter_accordion-content-padding {
  z-index: 1;
  padding-top: .5rem;
  position: relative;
}

.template-filter_accordion-content-padding:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter_accordion-content-padding.new-26 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
}

.template_radio-item {
  color: var(--black--60);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: .25rem .5rem;
  transition: color .35s ease-out;
  display: flex;
  position: relative;
}

.template_radio-item:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717) {
  color: var(--light-grey-blue);
  padding: 0;
}

.template_radio-item:hover {
  color: var(--black--100);
}

.template_radio-item.new-27, .template_radio-item.new-33, .template_radio-item.new-44, .template_radio-item.new-50 {
  color: var(--light-grey-blue);
  padding: 0;
}

.template_radio {
  cursor: pointer;
  appearance: none;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.template_label {
  margin-bottom: 0;
  margin-left: 0;
}

.template_number {
  color: var(--black--60);
  font-size: var(--_text-styles---small-14px);
  margin-left: auto;
  font-weight: 400;
}

.template_number:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template_number.new-30, .template_number.new-36, .template_number.new-47, .template_number.new-53 {
  color: var(--light-grey-blue);
}

.t-anchor-element {
  pointer-events: none;
  position: absolute;
  inset: auto 0% 10.75rem;
}

.template_filtration_background {
  pointer-events: none;
  padding-left: 1.75rem;
  position: absolute;
  inset: 0%;
}

.template_filtration_background:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template_filtration_background.new-37 {
  display: none;
}

.template_filtration_background-line {
  background-color: #e5e7eb;
  width: .0625rem;
  height: 100%;
}

.templates_filtration_hold {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.templates_filtration_trigger {
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: none;
}

.templates_top-cta_background {
  position: absolute;
  inset: 0%;
}

.section_access-hero {
  background-color: #f6f6ef;
}

.section_access-hero.vault {
  height: 100vh;
  position: relative;
}

.hero-access-main-wrap {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-access_header {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-access_heading {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 47.5rem;
  display: flex;
}

.hero-access_grid {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border-radius: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 76rem;
  overflow: hidden;
}

.hero-access_grid-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: var(--white--100);
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
}

.hero-access_grid_heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-access_grid_icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.plans-main-wrap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plans_header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 37.25rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.plans-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  max-width: 76rem;
}

.plans-grid_card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #f6f6ef;
  border-radius: 1.5rem;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.plans-grid_card-top {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-color-black-50 {
  color: var(--black--50);
}

.plans_list-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  font-size: var(--_text-styles---regular-16px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plans_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.vault-faq-main-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.vault-faq_header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 32.8125rem;
  display: flex;
}

.vault-faq_list {
  background-color: #f6f6ef;
  border-radius: 1.25rem;
  width: 100%;
  overflow: hidden;
}

.vault-faq_accordion {
  border-bottom: .0625rem solid #e2e8f0;
}

.vault-faq_accordion-trigger {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: left;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}

.vault-faq_icon {
  background-color: var(--white--100);
  border: .0625rem solid #d4d4d8;
  border-radius: .75rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: background-color .35s ease-in;
  display: flex;
  position: relative;
}

.vault-faq_accordion_holder {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vault-faq_accordion-content {
  transition: all .35s ease-in;
  overflow: hidden;
}

.vault-faq_icon_horizontal {
  background-color: #09090b;
  width: 1.125rem;
  height: .0625rem;
  transition: transform .5s ease-in, background-color .35s ease-in;
}

.vault-faq_icon_vertical {
  background-color: #09090b;
  width: .0625rem;
  height: 1.125rem;
  transition: transform .5s ease-in, background-color .35s ease-in;
  position: absolute;
}

.section_animation-comp {
  width: 100%;
}

.section_animation-comp.fn-section-animation-comp {
  background-image: linear-gradient(#fff, #edf1f5 70%);
}

.comp-main-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.comp-main-wrap.fn-comp-main-wrap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-start;
  align-items: center;
}

.comp-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 50rem;
  display: flex;
}

.comp-content.fn-comp-content {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  max-width: none;
}

.comp-info {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: var(--neutral-darker);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 2.5rem;
  display: flex;
}

.comp-info.fn-comp-info-headline {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
}

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

.back-button {
  aspect-ratio: 1;
  border: 1px solid #d4d4d8;
  border-radius: .75rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  display: flex;
}

.back-button.fn-back-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  aspect-ratio: auto;
  width: auto;
  color: var(--neutral-darker);
  border-style: none;
  border-radius: 2.5rem;
  padding: .5rem 1rem;
  text-decoration: none;
  transition: box-shadow .3s;
  box-shadow: 0 4px 5.4px #6c4cf126, 0 0 17.9px 7px #6c4cf11a;
}

.back-button.fn-back-button:hover {
  background-color: var(--white--100);
  box-shadow: none;
}

.back-btn-icon {
  justify-content: center;
  align-items: center;
  width: 60%;
  display: flex;
}

.back-btn-icon.fn-back-btn-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.breadcrumbs-text-block {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  color: #09090b;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.comp-resource-details {
  background-color: #f6f6ef;
  border: 1px solid #e4e4e7;
  border-radius: 1.5rem;
  flex-flow: wrap;
  width: 100%;
  max-width: 35rem;
  padding: 2rem 1.5rem;
  display: flex;
  position: sticky;
  top: 7rem;
}

.comp-resource-details.home {
  border-style: none;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.comp-resource-set {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.comp-detail-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--black--60);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.comp-link-block {
  color: inherit;
  text-decoration: none;
  transition-property: all;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.comp-link-block:hover {
  color: var(--black--100);
  background-color: #0000;
}

.comp-line {
  background-color: #00000014;
  width: 100%;
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.comp-tags-block {
  grid-column-gap: .56rem;
  grid-row-gap: .56rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.comp-tags {
  background-color: #fff;
  border-radius: 6.25rem;
  padding: .5rem .75rem;
}

.comp-button-hold {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}

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

.image-cover.fit-top {
  object-position: 50% 0%;
}

.image-cover.rel-1 {
  z-index: 1;
  position: relative;
}

.image-cover.membership-curve {
  object-position: 50% 100%;
}

.comp-preview {
  border-radius: 1.25rem;
  width: 100%;
  margin-bottom: 2rem;
  overflow: hidden;
}

.comp-preview.fn-comp-preview {
  cursor: pointer;
  position: relative;
}

.comp-copy-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 2rem;
  display: flex;
}

.comp-copy-content.tab-container {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  margin-top: 1rem;
}

.comp-copy-content.tab-container.fn-comp-copy-content-tab-container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  margin-top: 0;
}

.comp-copy-content.smaller-margin {
  margin-top: 0;
}

.comp-copy-content.smaller-margin.fn-comp-copy-content {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--white--100);
  border-radius: .75rem;
  padding: 3.75rem 2.5rem 2.5rem;
}

.comp-copy-content.container-lim {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  max-width: 50rem;
}

.comp-copy-content.container-lim.fn-copy-content-container-lim {
  max-width: 64rem;
  color: var(--neutral-darker);
  margin-top: 0;
}

.comp-copy-content.parent {
  margin-top: 1rem;
}

.comp-doc-label {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.copy-button-hold {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.copy-code {
  display: none;
}

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

.heading-style-h3-2.text-align-center.text-balance {
  text-wrap: balance;
}

.code-block-div {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.component-code {
  display: none;
}

.button-copy {
  color: #1a1a1a;
  background-color: #fff;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  padding: .63rem 1.13rem;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
  overflow: hidden;
}

.button-copy:hover {
  opacity: .7;
}

.codes-wrap {
  display: none;
}

.content-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
}

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

.code-block {
  border-radius: .75rem;
  width: 100%;
}

.code-hold {
  z-index: 2;
  background-color: #2b2b2b;
  border-radius: .75rem;
  width: 100%;
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem;
  position: relative;
}

.comp-tab-block {
  background-color: #f6f6ef;
  border-radius: .75rem;
  padding: .25rem;
}

.comp-tab-btn {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .38rem .75rem;
  font-weight: 600;
  display: flex;
}

.comp-divider {
  background-color: #00000014;
  width: 100%;
  height: 1px;
}

.comp-divider.more-spacing {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.comp-divider.fn-comp-divider {
  height: .03rem;
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.comp-setup-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.comp-setup-block.fn-comp-setup-block-head {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  margin-bottom: 3.75rem;
}

.comp-setup-block.fn-comp-setup-block {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  margin-top: 3.75rem;
}

.comp-info-block {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.comp-info-block.fn-comp-info-block {
  margin-bottom: 1.5rem;
  font-family: Notosans, Arial, sans-serif;
}

.info-tooltip {
  background-color: #0000;
  width: 1.25rem;
  padding: 0;
}

.tooltip-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.comp-copy-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #f6f6ef;
  border-radius: 1rem;
  flex-flow: column;
  width: 100%;
  padding: .75rem .25rem .25rem;
  display: flex;
  position: relative;
}

.comp-copy-wrapper.fn-comp-copy-wrapper {
  background-color: var(--medium-grey);
  padding: .5rem;
}

.comp-copy-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  padding: .13rem .75rem;
  display: flex;
}

.comp-copy-top.fn-comp-copy-top {
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.comp-label {
  font-weight: 600;
}

.comp-label.fn-comp-label {
  font-size: var(--_text-styles---medium-18px);
  font-weight: 700;
}

.copy-btn {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--black--60);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.copy-btn:hover {
  color: var(--black--100);
}

.copy-btn.fn-copy-btn {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: .06rem solid var(--grayish-blue);
  color: var(--neutral-darker);
  border-radius: 1.5rem;
  padding: .75rem 1.5rem;
}

.copy-btn.fn-copy-btn:hover {
  border-color: var(--neutral-darker);
}

.copy-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  display: flex;
}

.comp-webflow-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.comp-webflow-block.fn-comp-webflow-block {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  width: 100%;
  max-width: 27.19rem;
  margin-top: 1rem;
}

.copy-webflow-btn {
  background-color: var(--white--100);
  width: 100%;
  color: var(--black--100);
  border: 1px solid #e4e4e7;
  border-radius: .75rem;
  padding: .75rem;
  text-decoration: none;
  transition: all .25s;
}

.copy-webflow-btn:hover {
  background-color: var(--black--5);
}

.copy-webflow-btn.fn-copy-webflow-btn {
  border-width: .06rem;
  border-color: var(--neutral-darker);
  border-radius: 1.5rem;
}

.comp-webflow-bar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.comp-rich-text strong {
  font-weight: 600;
}

.comp-rich-text h3 {
  margin-bottom: 12px;
  font-size: 24px;
}

.comp-rich-text ul {
  margin-bottom: 16px;
}

.comp-rich-text li {
  margin-bottom: 6px;
}

.comp-rich-text.fn-comp-rich-text {
  width: 100%;
}

.page-styles {
  display: none;
}

.code-container {
  border-radius: .75rem;
  width: 100%;
  max-height: 500px;
  overflow: auto;
}

.code-container.fn-code-container {
  scrollbar-width: none;
  max-height: 18.75rem;
}

.conditional-css {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.code-holder, .section_comp-related {
  width: 100%;
}

.webflow-component-code {
  opacity: 0;
  height: 0;
  display: none;
  overflow: hidden;
}

.copy-text-code.fn-copy-text-code {
  text-transform: uppercase;
  font-weight: 600;
}

.related-wrapper {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  display: flex;
}

.related-top-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.breadcrumb-link {
  color: var(--black--60);
  text-decoration: none;
  transition: all .25s;
}

.breadcrumb-link:hover {
  color: var(--black--100);
}

.animation-preview-wrap {
  z-index: 2;
  aspect-ratio: 16 / 9;
  width: 100%;
  position: relative;
}

.video-hover {
  z-index: 5;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity .2s;
  position: absolute;
  inset: 0%;
}

.video-hover.asd {
  opacity: 100;
}

.logo-graphic {
  flex: none;
  width: 1.32rem;
  display: flex;
}

.logo-collapsible {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 8.56rem;
  height: 100%;
  display: flex;
  position: relative;
  top: 2px;
  overflow: hidden;
}

.problem-stack {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.problem-cards {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  width: 100%;
  color: var(--white--100);
  text-align: left;
  background-color: #151517;
  border: 1px solid #fff3;
  border-radius: .75rem;
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
  position: sticky;
  top: 25vh;
}

.problem-image-hold {
  width: 4rem;
}

.image-contain {
  object-fit: contain;
  width: 100%;
}

.problem-content-block {
  grid-column-gap: .81rem;
  grid-row-gap: .81rem;
  flex-flow: column;
  display: flex;
}

.advantages-left {
  grid-column-gap: .88rem;
  grid-row-gap: .88rem;
  flex-flow: column;
  display: flex;
}

.advantages-stack {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.accordion-dot {
  aspect-ratio: 1;
  background-color: #e4e4e7;
  border-radius: 100%;
  flex: none;
  width: .75rem;
}

.text-balance {
  text-wrap: balance;
}

.nav-btn-text {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.nav-btn-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  display: flex;
}

.marquee-collection-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.marquee-split {
  z-index: 2;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 46.63rem;
  height: 50rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.marquee-image-hold {
  aspect-ratio: 364 / 300;
  width: 100%;
}

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

.marquee-gradient-mask {
  background-image: linear-gradient(#000 13%, #fff0);
  width: 100%;
  height: 25%;
  position: absolute;
  inset: 0% 0% auto;
}

.marquee-gradient-mask.bottom-mask {
  background-image: linear-gradient(#fff0, #000);
  inset: auto 0% -1%;
}

.collection-vertical-marquee {
  animation: 65s linear infinite scroll-vertical;
}

.collection-vertical-marquee.is-reversed {
  animation: 60s linear infinite reverse scroll-vertical;
}

.popular-tag {
  outline-offset: 0px;
  color: var(--neutral-darkest);
  background-color: #eff3f6;
  border: 1px solid #ffffff0d;
  border-radius: 62.44rem;
  outline: 4px solid #eff3f61f;
  padding: .25rem 1rem;
  font-size: .75rem;
}

.section_works {
  z-index: 1;
  background-color: var(--neutral-darkest);
  color: var(--white--100);
  background-image: url('../images/6458c7e12608d1e606b90b2d_test-final-vibe-transcode.mp4_16458c7e12608d1e606b90b2d_test%20final%20vibe-transcode.mp4.webp');
  background-position: 0 0;
  background-size: auto;
  position: relative;
  overflow: hidden;
}

.works-heading {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 4rem;
  display: flex;
}

.works-slider-container {
  z-index: 1;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.bottom-button-hold {
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.splide__list.works-list {
  display: flex;
}

.splide__slide.works-slides {
  flex: none;
  width: 54%;
  max-width: 48rem;
}

.works-content {
  border: 1px solid #fff3;
  border-radius: .75rem;
  width: 100%;
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  overflow: hidden;
  transform: scale(.88);
}

.works-image {
  z-index: 1;
  aspect-ratio: 16 / 9;
  position: relative;
}

.works-info-block {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background-color: #ffffff0d;
  width: 100%;
  padding: 1.5rem;
}

.works-info-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.works-arrow-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  display: none;
}

.works-info-set {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-wrap: balance;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.works-tag-set {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.works-tag {
  background-color: #ffffff1a;
  border-radius: 62.44rem;
  padding: .25rem .75rem;
  font-size: .88rem;
  font-weight: 600;
}

.works-slide-arrows {
  z-index: 3;
  opacity: 0;
  background-color: #0000;
  width: 20%;
  padding: 0;
  position: absolute;
  inset: 0%;
}

.works-slide-arrows.right-side {
  inset: 0% 0% 0% auto;
}

.slide-arrows-icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: color .3s;
  display: flex;
}

.slide-arrows-icon:hover {
  color: var(--primary--100);
}

.slide-arrows-icon.rotated {
  transform: rotate(180deg);
}

.no-resize {
  flex: none;
}

.nav-collapsible {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.nav-collapsible.fn-nav-collapsible {
  max-width: 7.12rem;
}

.works-cursor {
  z-index: 50;
  pointer-events: none;
  border-radius: 100%;
  transition: opacity .35s;
  position: absolute;
  overflow: hidden;
}

.prev-next-arrow {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: color .3s;
  display: flex;
}

.prev-next-arrow:hover {
  color: var(--primary--100);
}

.prev-next-arrow.rotated {
  transform: rotate(180deg);
}

.arrow-cursor-holder {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 100%;
  width: 3rem;
  transform: scale(.2);
}

.section_portfolio {
  width: 100%;
}

.section_hero-portfolio {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section_hero-portfolio.vault {
  height: 100vh;
  position: relative;
}

.container-portfolio-hero {
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 88.5rem;
  height: 90vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 5vh;
  overflow: hidden;
}

.container-portfolio-hero:where(.w-variant-42e00dad-c6ab-49ce-e272-2a73e6fab4c6) {
  max-width: 90rem;
}

.container-portfolio-hero.cta-container {
  max-width: 65rem;
}

.header-container-portfolio {
  z-index: 3;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-radius: 1.5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.potfolio-hero-hold {
  z-index: 2;
  border-radius: 1.5rem;
  width: 100%;
  height: 400vh;
  position: relative;
}

.showreel-grow {
  border-radius: 62.44rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 10.31rem;
  height: 4.4rem;
  display: flex;
  overflow: hidden;
}

.media-inside {
  object-fit: none;
  object-position: 50% 50%;
  flex: none;
  width: 100%;
  height: 100%;
}

.media-inside.fit-top {
  object-position: 50% 0%;
}

.keep-scrolling-text {
  opacity: .7;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 5vh;
}

.potfolio-wrapper {
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.portfolio-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.portfolio-item {
  width: 100%;
}

.potfolio-links {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.portfolio-images {
  border-radius: .5rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.portfolio-desc {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.portfolio-titles {
  font-size: var(--_text-styles---xlarge-24px);
}

.portfolio-text {
  color: #000000b3;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: none;
  overflow: hidden;
}

.portfolio-list-wrapper {
  z-index: 1;
  width: 100%;
  min-height: 10vh;
  transition: all .3s;
  position: relative;
}

.gradient-cover-paginate {
  background-color: #0000;
  background-image: linear-gradient(#0000, #fff 75%);
  border-style: none;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
}

.portfolio-pagination {
  height: 15rem;
  position: absolute;
  inset: auto 0% 0%;
}

.portfolio-filter-wrap {
  z-index: 3;
  justify-content: center;
  align-items: center;
  margin-bottom: 3.5rem;
  display: flex;
  position: sticky;
  top: 2rem;
}

.heading-lim {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

.portfolio-filter-group {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--neutral-darkest);
  border: 1px #e4e4e7;
  border-radius: 62.44rem;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  display: flex;
  box-shadow: 0 4px 12px #1010100a;
}

.portfolio-filter-group.neutral-darker {
  background-color: var(--neutral-darker);
}

.filter-btns {
  border: 1px solid var(--neutral-dark);
  color: var(--white--100);
  cursor: pointer;
  border-radius: 62.44rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: .5rem 1rem;
  transition: all .3s;
  display: flex;
  position: relative;
}

.filter-form-block {
  margin-bottom: 0;
}

.cover-full {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.filter-text {
  z-index: 2;
  pointer-events: none;
  margin-bottom: 0;
  position: relative;
}

.category-text {
  display: none;
}

.filter-drop_down-wrap {
  color: var(--white--100);
  cursor: pointer;
  transition: all .3s;
}

.filter-drop_down-btn {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  color: var(--white--100);
  cursor: pointer;
  border: 1px solid #3f3f46;
  border-radius: 62.44rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: .5rem 1rem;
  transition: opacity .2s;
  display: flex;
  position: relative;
}

.icon-dropdown_arrow {
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1rem;
  display: flex;
}

.filter-drop_down-menu {
  z-index: 1;
  background-color: var(--neutral-darker);
  -webkit-backdrop-filter: drop-shadow(0 1px 2px #0000000f) drop-shadow(0 1px 3px #0000001a);
  backdrop-filter: drop-shadow(0 1px 2px #0000000f) drop-shadow(0 1px 3px #0000001a);
  width: 20.13rem;
  padding: .25rem;
  top: 3.56rem;
}

.filter-drop_down-menu.w--open {
  border-radius: .75rem;
}

.drop_down-field {
  grid-row-gap: .44rem;
  border-radius: .13rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: .38rem .5rem;
  display: flex;
  position: relative;
}

.drop_down-checkbox {
  cursor: pointer;
  border: 0 solid #0000;
  flex: none;
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-left: 0;
  transition: all .2s;
}

.drop_down-checkbox.w--redirected-checked {
  background-color: #0000;
  background-image: url('../images/Vector.svg');
  background-position: 50%;
  background-size: contain;
  margin-top: 0;
  margin-left: 0;
}

.drop_down-checkbox.w--redirected-focus {
  box-shadow: 0 0 #0000;
}

.drop_down-text {
  width: 100%;
  color: var(--white--70);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 2rem;
  font-family: Notosans, Arial, sans-serif;
  font-size: .88rem;
  font-weight: 400;
  display: flex;
  position: absolute;
  inset: 0%;
}

.body-gray {
  background-color: #f1f1f166;
}

.n-dropdown-toggle {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: 99rem;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem 1rem;
  transition: all .375s ease-out;
  display: flex;
}

.n-dropdown-toggle.w--open {
  background-color: var(--grey);
}

.n-nav_dropdown-navigation {
  z-index: 5;
  background-color: var(--transparent);
  width: 100vw;
  position: fixed;
  inset: 0%;
}

.n-nav_dropdown-navigation.w--open {
  top: 6.375rem;
}

.n-nav-dropdown_main-wrapper {
  z-index: 1;
  background-color: var(--white--100);
  border: .0625rem solid #e4e4e7;
  border-radius: .75rem;
  max-width: 41.6875rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  position: relative;
  box-shadow: 0 1.125rem 1.5rem #0000000f;
}

.n-nav-bar-icon-wrap {
  background-color: var(--grey);
  border-radius: .75rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: background-color .375s ease-out;
  display: flex;
}

.n-navigation-grid {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}

.n-navigation-grid_list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.n-nav-bar_link {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  color: inherit;
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease-out;
  display: flex;
}

.n-nav-bar_link:hover {
  background-color: var(--grey);
}

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

.opacity-70 {
  opacity: .7;
}

.n-cta-headers {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--white--100);
  letter-spacing: -.02em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 1.2;
  display: flex;
}

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

.container-large-copy:where(.w-variant-42e00dad-c6ab-49ce-e272-2a73e6fab4c6) {
  max-width: 90rem;
}

.container-large-copy.cta-container {
  max-width: 65rem;
}

.lottie-anim {
  z-index: 2;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  position: relative;
}

.lottie-anim.asd {
  opacity: 100;
}

.lottie-anim.rel {
  position: relative;
}

.play-pill {
  z-index: 3;
  position: absolute;
  inset: 3% 3% auto auto;
}

.hover-tag {
  outline-offset: 0px;
  color: var(--neutral-darkest);
  background-color: #eff3f6;
  border: 1px solid #ffffff0d;
  border-radius: 62.44rem;
  outline: 4px solid #eff3f61f;
  padding: .25rem 1rem;
  font-size: .75rem;
}

.show-touch-devices {
  display: none;
}

.hero-service-main-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 39.25rem) minmax(200px, 32.4375rem);
  justify-content: space-between;
}

.hero-service_header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tag-section {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--grey);
  color: var(--black--100);
  border: 1px solid #eee;
  border-radius: 99rem;
  justify-content: center;
  align-items: center;
  padding: .25rem 1rem;
  font-size: .75rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.tag-section.is-text {
  background-color: #0000;
  border-style: none;
  border-color: #0000;
  padding: 0;
  display: inline-block;
}

.tag-section.is-text.is-alternate {
  color: #fff;
  background-color: #0000;
}

.tag-section.is-alternate {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.n-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--primary--100);
  background-color: var(--primary--100);
  color: var(--black--100);
  font-size: var(--_text-styles---regular-16px);
  text-align: center;
  text-transform: capitalize;
  border-radius: 62.44rem;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  transition: background-color .375s ease-out;
  display: flex;
}

.n-button:where(.w-variant-b6d46f08-fcf8-a182-08e2-632dc6312700) {
  background-color: var(--white--100);
  text-transform: capitalize;
  border-color: #d4d4d8;
}

.n-button:where(.w-variant-26486587-b903-54d1-99d2-2a3ed937c629) {
  background-image: linear-gradient(#f79046, #f7c546);
}

.n-button:where(.w-variant-4417a205-6130-7774-eff9-4c5a9a0f5715) {
  background-color: var(--black--100);
  color: var(--white--100);
}

.n-button:where(.w-variant-1d45ac2c-4445-8f09-2592-c87b703d386f) {
  background-color: var(--white--100);
  border: 1px solid #e4e4e7;
  width: 100%;
  padding: .75rem 1.2rem;
}

.n-button:where(.w-variant-9ff71e5d-5895-7e59-94c5-a8ca9e04c9e2) {
  width: 100%;
  padding: .75rem 1.2rem;
}

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

.n-button:hover:where(.w-variant-b6d46f08-fcf8-a182-08e2-632dc6312700) {
  background-color: var(--button-hover-white);
}

.n-button:hover:where(.w-variant-4417a205-6130-7774-eff9-4c5a9a0f5715) {
  background-color: var(--secondary-black);
}

.n-button:hover:where(.w-variant-1d45ac2c-4445-8f09-2592-c87b703d386f) {
  background-color: var(--primary--100);
}

.n-button.is-link {
  color: #000;
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.n-button.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.n-button.is-link.is-alternate {
  color: #fff;
  background-color: #0000;
}

.n-button.is-secondary {
  color: #000;
  background-color: #0000;
}

.n-button.is-secondary.is-alternate {
  color: #fff;
  background-color: #0000;
}

.n-button.is-small {
  font-size: var(--_text-styles---small-14px);
  padding: .45rem .75rem;
}

.n-button.is-alternate {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.n-button.is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.n-button.is-disable {
  opacity: .5;
}

.n-button.is-full {
  width: 100%;
}

.n-button.extended-pricing {
  border: 1px solid var(--secondary-black);
  background-color: var(--transparent);
  width: 100%;
  padding: 1.2rem;
}

.n-button.secondary {
  border: 1px solid var(--secondary-black);
  background-color: var(--transparent);
}

.n-button.white {
  background-color: var(--white--100);
  text-transform: capitalize;
  border-color: #d4d4d8;
}

.n-button.white:hover {
  background-color: var(--button-hover-white);
}

.n-button.white-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--white--100);
  text-transform: capitalize;
  border-color: #d4d4d8;
  justify-content: flex-start;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.n-button.white-icon:hover {
  background-color: var(--button-hover-white);
}

.n-button.vault-button {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-weight: 400;
}

.n-button.nav-button {
  z-index: 5;
  justify-content: flex-start;
  align-items: center;
  max-width: 9.74rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.hero-service_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.why-main-wrap {
  grid-column-gap: 3.375rem;
  grid-row-gap: 3.375rem;
  grid-template-rows: auto;
  align-items: start;
}

.why_content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 20vh;
}

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

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

.why-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.why-list-item {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--white--70);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.why-cards-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  padding-top: clamp(200px, 35vh, 400px);
  padding-bottom: clamp(100px, 17.36vh, 250px);
  display: flex;
}

.why-card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
  color: var(--white--100);
  background-color: #0f0f0f;
  border: 1px solid #fff3;
  border-radius: .75rem;
  flex-flow: column;
  padding: 2.5rem;
  display: flex;
}

.why-image-hold {
  width: 4rem;
  height: 4rem;
}

.why-content-block {
  grid-column-gap: .81rem;
  grid-row-gap: .81rem;
  flex-flow: column;
  display: flex;
}

.explain-main-wrap {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.explain-main-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.explain-card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

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

.explain-card_number {
  background-color: var(--primary--100);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
}

.explain-card_header {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.intergration-main-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: .0625rem solid #e4e4e7;
  border-radius: 1rem;
  grid-template-rows: auto;
}

.integration_header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  padding: 8.75rem 3rem;
  display: flex;
}

.integration_animation-hold {
  padding: .75rem;
}

.integration_animation-main-wrap {
  background-color: var(--grey);
  border-radius: .75rem;
  height: 100%;
  position: relative;
}

.integrationg_tabs-wrap {
  z-index: 5;
  background-color: var(--white--100);
  border: .0625rem solid #e4e4e7;
  border-radius: 99rem;
  padding: .5rem;
  display: flex;
  position: absolute;
  inset: 1rem auto auto 1rem;
}

.integration-tab {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--transparent);
  border-radius: 99rem;
  justify-content: center;
  align-items: center;
  min-width: 8.625rem;
  padding: .75rem .5rem;
  transition: background-color .35s ease-out;
  display: flex;
}

.integration-tab:hover {
  background-color: var(--yellow-background);
}

.integration-tab.is-active {
  background-color: var(--primary--100);
}

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

.projects-main-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.projects_header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 40rem;
  display: flex;
}

.section_n-testimonials {
  background-color: var(--grey);
  position: relative;
}

.n-testimonials-main-wrap {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.swiper.is-projects {
  width: 100%;
}

.swiper-wrapper.is-testimonial-bottom, .swiper-wrapper.is-projects {
  display: flex;
}

.swiper-slide.is-projects {
  background-color: #ffffff0d;
  border: .0625rem solid #fff3;
  border-radius: 1rem;
  flex: none;
  width: 100%;
  max-width: 55.8125rem;
  transition: transform .35s ease-out;
  position: relative;
  overflow: hidden;
}

.n-testimonial_top {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.testimonial_headshot {
  border-radius: 99rem;
  flex: none;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
}

.testimonial_name {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.n-testimonial-swiper-wrap {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.testimonial-btn {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--white--100);
  border: .0625rem solid #e4e4e7;
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1.5rem;
  font-weight: 500;
  display: flex;
}

.explain-line {
  z-index: -1;
  background-color: #d4d4d8;
  width: 200vw;
  height: .0625rem;
  position: absolute;
  inset: 0 0% auto -100vw;
}

.integration_animation-wrap {
  border-radius: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  transition: opacity .35s ease-out;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.integration_animation-wrap.is-stack, .integration_animation-wrap.is-integration {
  opacity: 0;
}

.integration_item {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--white--100);
  border-radius: 99rem;
  justify-content: center;
  align-items: center;
  width: 13.75rem;
  padding: 1.5rem 1rem;
  display: flex;
  position: relative;
}

.integration-icon-wrap {
  border-radius: .5rem;
  overflow: hidden;
}

.inegration_overlay {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--grey), #eff3f600 20%, #eff3f600 80%, var(--grey));
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.n-testimonial-slider {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: var(--white--100);
  border-radius: .75rem;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  width: 100%;
  max-width: 39.25rem;
  padding: 1.5rem;
  display: flex;
}

.n-testimonial-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.n-testimonal_overlay {
  z-index: 1;
  background-image: linear-gradient(90deg, var(--grey), #eff3f600 10%, #eff3f600 90%, var(--grey));
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.swiper_project-item {
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.swiper_project-thumbnail {
  height: clamp(25rem, 38.19vw, 34.375rem);
}

.swiper_project-details {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.category_tag {
  background-color: #ffffff1a;
  border-radius: 99rem;
  padding: .25rem .75rem;
}

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

.project-details-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-wrap: balance;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.swiper_project-link {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.swiper_project_arrow {
  border: .0625rem solid #fff3;
  border-radius: 999rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.swiper_projects-btn {
  z-index: 99;
  background-color: var(--white--100);
  border-radius: 99rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.swiper_projects-btn.is-left {
  left: 8.33333vw;
}

.swiper_projects-btn.is-right {
  left: auto;
  right: 8.33333vw;
}

.why-grid {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 12.5rem 12.5rem;
  width: 100%;
}

.video-thumbnail {
  z-index: 5;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity .2s;
  position: absolute;
  inset: 0%;
}

.video-thumbnail.asd {
  opacity: 100;
}

.video-case-play {
  z-index: 2;
  aspect-ratio: 16 / 9;
  width: 100%;
  position: relative;
}

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

.utility-page-wrap.hide {
  display: none;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.form-email {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: baseline;
  height: 100%;
  display: flex;
}

.form-email-input {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 24px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: baseline;
  min-width: 150px;
  height: 100%;
  min-height: 100%;
  padding: 12px 24px;
  display: flex;
}

.form-email-input.home {
  min-width: 200px;
}

.signup-form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #f6f6ef;
  border: .0625rem solid #e4e4e7;
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 500px;
  margin-top: 1.5rem;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.signup-form.no-line {
  border-style: none;
  margin-top: 0;
  padding: 0;
}

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

.no-margin {
  margin-bottom: 0;
}

.copy-figma-btn {
  background-color: var(--white--100);
  width: 100%;
  color: var(--black--100);
  border: 1px solid #e4e4e7;
  border-radius: .75rem;
  padding: .75rem;
  text-decoration: none;
  transition: all .25s;
}

.copy-figma-btn:hover {
  background-color: var(--black--5);
}

.copy-figma-btn.fn-copy-figma-btn {
  border-width: .06rem;
  border-color: var(--neutral-darker);
  border-radius: 1.5rem;
}

.figma-component-code {
  opacity: 0;
  height: 0;
  display: none;
}

.form-block {
  width: 100%;
  max-width: 450px;
}

.timeline-lines {
  z-index: 3;
  background-color: #7698ff;
  justify-content: center;
  align-items: center;
  width: 2px;
  display: flex;
  position: relative;
  transform: translate(50%);
}

.timeline-bg-contain {
  z-index: 1;
  pointer-events: none;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.timeline-line {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center end;
  display: grid;
}

.timeline-numbers {
  filter: brightness(0%);
  color: #6c4cf1;
  font-size: 1.25rem;
}

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

.section_timeline {
  z-index: 2;
  background-color: #f6f6f6;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
  overflow: clip;
}

.timeline-content {
  z-index: 5;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
  position: sticky;
  top: 0;
}

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

.container-large-2.higher-z {
  z-index: 4;
  position: relative;
}

.button-3 {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-3.is-pill {
  background-color: #6c4cf1;
  border-radius: 1.5rem;
  font-weight: 500;
}

.timeline-line-grow {
  background-image: linear-gradient(0deg, #6c4cf1, #6c4cf100);
  width: 100%;
  height: 0%;
  position: absolute;
  inset: 0% 0% auto;
}

.hero_heading {
  text-align: center;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1;
}

.timeline-par {
  max-width: 18rem;
}

.timeline-bar {
  background-color: #dfe0e3;
  width: 100%;
  height: 6px;
  position: absolute;
}

.padding-global-2 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.timeline-block {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  opacity: .5;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.88rem;
  display: flex;
}

.timeline-block.last-block {
  border-right-style: none;
}

.timeline-topper {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.timeline-line-contain {
  background-color: #dfe0e380;
  width: 100%;
  height: 16.6667rem;
  position: absolute;
  inset: auto 0% 0%;
}

.heading-style-h3-3 {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.timeline-bg-gradient {
  z-index: 1;
  aspect-ratio: 724 / 90;
  filter: blur(200px);
  background-image: radial-gradient(circle, #6c4cf1b3, #fff0 50%);
  width: 100%;
  position: relative;
}

.timeline-wrapper {
  z-index: 2;
  flex-flow: column;
  height: 300vh;
  display: flex;
  position: relative;
}

.timeline-bar-grow {
  background-color: #6c4cf1;
  width: 0%;
  height: 100%;
}

.heading-title {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-title.timeline-header {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 40rem;
}

.timeline-description {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.timeline-grid {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
}

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

.navbar {
  z-index: 999;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  display: flex;
  position: fixed;
  inset: 3.13rem 0% auto;
}

.book-text {
  padding-left: .75rem;
  padding-right: .75rem;
}

.arrow-icon {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  display: none;
}

.nav-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-mobile {
  display: none;
}

.nav-buttons {
  color: #27272a;
  text-align: center;
  border-radius: 1.5rem;
  padding: .38rem 1rem;
  font-weight: 500;
  text-decoration: none;
}

.nav-buttons.w--current {
  background-color: #edf1f5;
}

.nav-menu-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-4 {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-4.nav-pill {
  z-index: 2;
  background-color: #6c4cf1;
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  padding-left: .75rem;
  padding-right: .75rem;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #fff;
  border-radius: 2.5rem;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: .75rem;
  display: flex;
}

.nav-block {
  justify-content: flex-start;
  align-items: center;
  width: 10rem;
  padding-left: .75rem;
  display: flex;
}

.nav-block.nav-block-right {
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.book-text-hold {
  white-space: nowrap;
  flex: none;
  overflow: hidden;
}

.image-contain-2 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.navbar-container {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

._100vh {
  height: 100%;
  min-height: 100vh;
}

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

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

.container-large-3.higher-z {
  z-index: 4;
  position: relative;
}

.button-5 {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-5.is-pill {
  background-color: #6c4cf1;
  border-radius: 1.5rem;
  font-weight: 500;
}

.section-bottom {
  z-index: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.bottom-img {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 50.63rem;
  display: flex;
  position: relative;
  top: -20rem;
}

.top-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 10.31rem;
  display: flex;
}

.nav-wrapper-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #fff;
  border-radius: 2.5rem;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: .75rem;
  display: flex;
  box-shadow: 0 4px 12px #0000000d;
}

.subtitle-dot {
  background-color: #6c4cf1;
  border-radius: 100%;
  flex: none;
  width: .5rem;
  height: .5rem;
}

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

.text-120 {
  letter-spacing: -.02em;
  font-size: clamp(2.5rem, 12cqw, 7.5rem);
  font-weight: 800;
}

.top-img {
  width: 100%;
  max-width: 48.88rem;
}

.section-top {
  z-index: 2;
  background-color: #f6f6f6;
  border-radius: 1.88rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

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

.button-6 {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-6.nav-pill {
  z-index: 2;
  background-color: #6c4cf1;
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  padding-left: .75rem;
  padding-right: .75rem;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button-6.is-pill {
  background-color: #6c4cf1;
  border-radius: 1.5rem;
  font-weight: 500;
}

.top-center {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  container-type: inline-size;
}

.hero-par {
  width: 100%;
  max-width: 19.94rem;
}

.main-wrap-component {
  z-index: 3;
  padding: 1.88rem;
  position: relative;
}

.text-size-medium-2 {
  font-size: 1.25rem;
}

.bottom-gradient {
  z-index: 2;
  background-image: linear-gradient(#fff, #fff0);
  width: 100%;
  height: 18.38rem;
  position: absolute;
}

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

.nav-wrapper-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #fff;
  border-radius: 2.5rem;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: .75rem;
  display: flex;
  box-shadow: 0 4px 12px #0000000d;
}

.image-contain-4 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

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

.container-large-4.higher-z {
  z-index: 4;
  position: relative;
}

.nav-collapsible2 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.nav-bar_container2 {
  background-color: #fff;
  border: 1px solid #e4e4e7;
  border-radius: 62.44rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem;
  display: flex;
  box-shadow: 0 4px 12px #1010100a;
}

.tab-setup {
  margin-top: 20px;
}

.tab {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #fff;
  border: 1px solid #e4e4e7;
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 40px;
  display: flex;
}

.tab.w--current {
  background-color: var(--primary--100);
}

.tab.fn-tab {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--transparent);
  color: var(--neutral-darker);
  border-style: none;
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 3.22rem;
}

.tab.fn-tab.w--current {
  background-color: var(--neutral-darker);
  color: var(--white--100);
}

.tabs-menu-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tabs-menu-2.fn-tabs-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom: 2.5rem;
  padding: .5rem;
}

.instructions-tab {
  margin-top: 80px;
}

.component-tabs {
  width: 100%;
}

.resource-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  min-height: 100dvh;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.section_resource-pill {
  z-index: 2;
  background-color: #f6f6f6;
  width: 100%;
  position: relative;
  overflow: clip;
}

.resource-dome {
  z-index: 2;
  background-color: #dfe0e3;
  border-radius: 1.88rem;
  width: 100%;
  height: 30rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.text-size-20 {
  font-size: 1.25rem;
}

.resource-pill-wrapper {
  z-index: 2;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.resource-pill-box {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.pill-layer {
  z-index: 2;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.resource-pill-top {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-64 {
  letter-spacing: -.02em;
  text-wrap: balance;
  font-size: clamp(2.5rem, 10cqw, 4rem);
  font-weight: 500;
}

.pill-wrap {
  border-radius: 1.88rem;
}

.resource-pills {
  text-align: left;
  background-color: #fff;
  border-radius: 1.88rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1.25rem;
  display: flex;
}

.resource-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #27272a;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.resource-hold {
  z-index: 2;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  position: relative;
}

.resource-wrapper {
  width: 100%;
}

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

.hero-sub {
  max-width: 40rem;
}

.link-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.installation-instructions {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  position: relative;
}

.instructions-comp {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.templates_content_top-header-instructions {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: space-between;
  max-width: 800px;
  display: flex;
}

.comp-rich-text-instructions {
  margin-top: 20px;
}

.comp-rich-text-instructions strong {
  font-weight: 600;
}

.comp-rich-text-instructions h3 {
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 24px;
}

.comp-rich-text-instructions ul {
  margin-bottom: 16px;
}

.comp-rich-text-instructions li {
  margin-bottom: 6px;
}

.comp-rich-text-instructions img {
  margin-top: 16px;
  margin-bottom: 16px;
}

.comp-rich-text-instructions p {
  color: #000;
  margin-bottom: 12px;
}

.overflow-allow {
  width: 100%;
  max-width: 700px;
  overflow: scroll;
}

.overflow-allow.instructions {
  margin-top: 3rem;
}

.overflow-allow.false {
  overflow: hidden;
}

.overflow-allow.false.fn-overflow-false {
  max-width: none;
}

.comp-tag {
  background-color: var(--primary--100);
  border-radius: .5rem;
  padding: .5rem .75rem;
}

.comp-copy-list {
  margin-top: 4rem;
}

.comp-copy-list.fn-comp-list {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.go-live-block {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.go-live-block.fn-go-live-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  width: 100%;
  margin-top: 1.5rem;
}

.paragraph-div {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  margin-top: 4px;
  display: flex;
}

.paragraph-div.fn-paragraph-div {
  flex-flow: wrap;
  max-width: 30.88rem;
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}

.info-icon-text {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.info-icon-text.fn-info-icon-text {
  font-family: Notosans, Arial, sans-serif;
}

.pill-tag {
  background-color: var(--secondary-black);
  border-radius: 99px;
  padding: 4px 8px;
  font-size: 12px;
}

.pill-text {
  color: #000;
  font-size: 11px;
}

.pill-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  margin-top: 6px;
  display: flex;
}

.pill-tag-2 {
  background-color: var(--white--70);
  border-radius: 99px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
}

.icon-embed-custom {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9.25rem;
  height: 2.5rem;
  display: flex;
}

.nav-forge-logo {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 9.24rem;
  display: flex;
}

.nav-forge-bar_menu {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #fff;
  border-radius: 2.5rem;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem;
  display: flex;
  box-shadow: 0 4px 12px #7b7b7b1a;
}

.nav-forge-bar_menu.align-right {
  justify-content: flex-end;
}

.forge-button {
  background-color: var(--purple);
  color: var(--white--100);
  font-family: Manrope, Arial, sans-serif;
  font-size: var(--_text-styles---regular-16px);
  text-align: center;
  letter-spacing: -.02em;
  text-transform: capitalize;
  border-radius: 1.5rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  transition: background-color .375s ease-out;
}

.forge-button:where(.w-variant-b6d46f08-fcf8-a182-08e2-632dc6312700) {
  background-color: var(--white--100);
  text-transform: capitalize;
  border-color: #d4d4d8;
}

.forge-button:where(.w-variant-26486587-b903-54d1-99d2-2a3ed937c629) {
  background-image: linear-gradient(#f79046, #f7c546);
}

.forge-button:where(.w-variant-4417a205-6130-7774-eff9-4c5a9a0f5715) {
  background-color: var(--black--100);
  color: var(--white--100);
}

.forge-button:where(.w-variant-1d45ac2c-4445-8f09-2592-c87b703d386f) {
  background-color: var(--white--100);
  border: 1px solid #e4e4e7;
  width: 100%;
  padding: .75rem 1.2rem;
}

.forge-button:where(.w-variant-9ff71e5d-5895-7e59-94c5-a8ca9e04c9e2) {
  width: 100%;
  padding: .75rem 1.2rem;
}

.forge-button:where(.w-variant-ea80dd2d-e8ee-dfa1-d2b4-5e85ff075df2) {
  background-color: var(--neutral-darker);
}

.forge-button:where(.w-variant-db54a4d9-9eb1-2d1e-a468-fc3c597337a2) {
  background-color: var(--white--100);
  color: var(--neutral-darker);
}

.forge-button:hover {
  background-color: var(--dark-purple);
}

.forge-button:hover:where(.w-variant-b6d46f08-fcf8-a182-08e2-632dc6312700) {
  background-color: var(--button-hover-white);
}

.forge-button:hover:where(.w-variant-4417a205-6130-7774-eff9-4c5a9a0f5715) {
  background-color: var(--secondary-black);
}

.forge-button:hover:where(.w-variant-1d45ac2c-4445-8f09-2592-c87b703d386f) {
  background-color: var(--primary--100);
}

.forge-button:hover:where(.w-variant-ea80dd2d-e8ee-dfa1-d2b4-5e85ff075df2) {
  background-color: var(--neutral-darkest);
}

.forge-button:hover:where(.w-variant-db54a4d9-9eb1-2d1e-a468-fc3c597337a2) {
  background-color: var(--light-grey);
}

.forge-button.is-link {
  color: #000;
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.forge-button.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.forge-button.is-link.is-alternate {
  color: #fff;
  background-color: #0000;
}

.forge-button.is-secondary {
  color: #000;
  background-color: #0000;
}

.forge-button.is-secondary.is-alternate {
  color: #fff;
  background-color: #0000;
}

.forge-button.is-small {
  font-size: var(--_text-styles---small-14px);
  padding: .45rem .75rem;
}

.forge-button.is-alternate {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.forge-button.is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.forge-button.is-disable {
  opacity: .5;
}

.forge-button.is-full {
  width: 100%;
}

.forge-button.extended-pricing {
  border: 1px solid var(--secondary-black);
  background-color: var(--transparent);
  width: 100%;
  padding: 1.2rem;
}

.forge-button.secondary {
  border: 1px solid var(--secondary-black);
  background-color: var(--transparent);
}

.forge-button.white {
  background-color: var(--white--100);
  text-transform: capitalize;
  border-color: #d4d4d8;
}

.forge-button.white:hover {
  background-color: var(--button-hover-white);
}

.forge-button.white-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--white--100);
  text-transform: capitalize;
  border-color: #d4d4d8;
  justify-content: flex-start;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.forge-button.white-icon:hover {
  background-color: var(--button-hover-white);
}

.forge-button.vault-button {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-weight: 400;
}

.forge-button.nav-button {
  z-index: 5;
  justify-content: flex-start;
  align-items: center;
  max-width: 9.74rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.forge-button.less-rounded {
  border-radius: .75rem;
}

.forge-button.smaller-button {
  font-size: var(--_text-styles---small-14px);
  border-radius: .75rem;
  padding: .5rem 1rem;
}

.navbar-forge_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-links {
  color: var(--neutral-darker);
  padding: .38rem 1rem;
  font-family: Manrope, Arial, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: color .3s;
}

.button-links:hover, .text-color-purple {
  color: var(--purple);
}

.forge-hero-sub {
  max-width: 45.75rem;
}

.forge-hero-sub.hero-sub-component-page {
  max-width: 44rem;
}

.forge-hero-sub.hero-sub-newsletter {
  max-width: 31.87rem;
}

.forge-hero-sub.hero-sub-home {
  color: var(--neutral-darker);
}

.forge-body {
  color: var(--neutral-darker);
  font-family: Manrope, Arial, sans-serif;
}

.forge-hero-main-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 12.5rem;
  display: flex;
}

.forge-hero-main-wrap.hero-main-wrap-components {
  padding-top: 0;
}

.forge-hero-main-wrap.hero-component-page-main-wrap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
}

.nav-bar-forge {
  z-index: 999;
  background-color: #0000;
  transition: transform .375s ease-out;
  position: fixed;
  inset: 2.5rem 0% auto;
}

.nav-bar-forge:where(.w-variant-56da563a-2af4-ad15-e436-8d2c4c0db90a) {
  border-bottom: .0625rem solid #e4e4e7;
}

.nav-bar-forge:where(.w-variant-3a0d7eaf-5bbb-5e3f-40e8-5ec618371962) {
  background-color: #f6f6ef;
}

.nav-bar-forge:where(.w-variant-31251a42-33f7-6723-caf7-808da3026498), .nav-bar-forge.relative-nav {
  position: relative;
}

.forge-logo-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  transition: opacity .3s;
  display: flex;
}

.forge-logo-link:hover {
  opacity: .75;
}

.forge-logo-link.w--current {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.forge-hero-container {
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: -5vw;
  display: flex;
  position: relative;
}

.forge-hero-top {
  z-index: 5;
  position: relative;
}

.forge-hero-slider-container {
  z-index: 10;
  position: relative;
}

.forge-hero-slider-container.splide.forge-hero-splide {
  width: 100%;
}

.forge-pat-top {
  z-index: 2;
  width: 120vw;
  position: absolute;
  top: -33vw;
  bottom: auto;
}

.image-ellipse {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
}

.forge-hero-slider-list {
  z-index: 3;
  width: 100%;
  transform-style: preserve-3d;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.forge-hero-images {
  aspect-ratio: 532 / 337;
  flex: none;
  width: 40vw;
}

.forge-hero-images.forge-coverflow-item {
  pointer-events: none;
}

.section_forge-hero {
  z-index: 1;
  background-color: #edf1f5;
  position: relative;
}

.forge-pat-bottom {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 120vw;
  position: absolute;
  top: auto;
  bottom: -1vw;
}

.image-cover-copy {
  object-fit: cover;
  object-position: 100% 50%;
  width: 100%;
  height: 100%;
}

.image-cover-copy.fit-top {
  object-position: 50% 0%;
}

.image-cover-copy.rel-1 {
  z-index: 1;
  position: relative;
}

.animation-item-details {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  font-family: Inter, sans-serif;
  display: flex;
}

.animation-item-details-icon {
  width: 100%;
  max-width: .25rem;
  line-height: 0;
}

.icon-1x1-tiny {
  width: .25rem;
}

.card-hover-overlay {
  z-index: 6;
  background-color: var(--white--20);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.overlay-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--purple);
  color: var(--white--100);
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  display: flex;
}

.overlay-button-icon {
  width: 100%;
  max-width: 1rem;
  line-height: 0;
}

.platform-main-wrap {
  background-color: var(--medium-grey);
  border-radius: .75rem;
  padding: 5rem;
}

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

.platform-content-image {
  grid-row-gap: 1.5rem;
  aspect-ratio: 849 / 223;
  background-color: #27272a;
  border-radius: 1.5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 53.06rem;
  display: flex;
}

.platform-cta {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  width: 100%;
  max-width: 31.25rem;
  color: var(--neutral-darker);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section_comparison {
  background-color: var(--neutral-darker);
  color: var(--white--100);
}

.comparison-main-wrap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-table {
  background-color: var(--darker-grey);
  border-radius: 1rem;
  min-width: 53.13rem;
  padding: 1.5rem 2.5rem;
}

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

.forge-faq-main-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faq-content-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 50rem;
  display: flex;
}

.faq-list-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.faq-list-item {
  border-bottom: .02rem solid var(--light-grey-blue);
  border-radius: .02rem;
  padding-bottom: 2rem;
}

.faq-subheader-link {
  color: var(--purple);
  text-decoration: underline;
}

.faq-item-toggle {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: var(--neutral-darker);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.faq-toggle-icon {
  width: 100%;
  max-width: 1.5rem;
  line-height: 0;
}

.faq-item-panel {
  overflow: hidden;
}

.faq-card {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: var(--light-grey);
  border-radius: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 2.5rem;
  display: flex;
  overflow: hidden;
}

.faq-card-text {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--neutral-darker);
  text-align: center;
  flex-flow: column;
  display: flex;
}

.section_forge-cta {
  color: var(--white--100);
}

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

.cta-main-wrap {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  background-color: var(--neutral-darker);
  border-radius: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
  position: relative;
}

.cta-text-content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-left: 5rem;
  display: flex;
}

.cta-update-button {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border: .06rem solid var(--white--30);
  background-image: linear-gradient(90deg, #fff0 35%, #ffffff30);
  border-radius: 1.88rem;
  justify-content: space-between;
  align-items: center;
  padding: 1.13rem 1.5rem;
  text-decoration: none;
  display: flex;
}

.cta-card-block {
  width: 100%;
  max-width: 48.13rem;
  padding-top: 3.46rem;
  position: relative;
  overflow: hidden;
}

.update-text-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--white--100);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.update-text-wrap.update-text-wrap-cta-components {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
}

.update-mail-icon {
  flex: none;
  line-height: 0;
}

.update-mail-icon:where(.w-variant-dbed1f6e-f6db-b7a9-26cb-cd10c0f9dcf4), .update-mail-icon:where(.w-variant-02f7a3f3-39a8-97bd-4f20-cb51a48405a6), .update-mail-icon.secondary-no-icon-3 {
  display: none;
}

.update-icon {
  flex: none;
  width: 100%;
  max-width: 1.5rem;
  line-height: 0;
}

.card-front {
  z-index: 4;
  aspect-ratio: 740 / 365;
  border-radius: 1.5rem 0 0 0;
  width: 100%;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.card-front.cta-card-front {
  z-index: 4;
  padding-top: 11rem;
  inset: 0% -6% auto auto;
}

.card-front.card-2 {
  padding-top: 7.5rem;
  right: -20%;
}

.card-front.card-3 {
  z-index: 2;
  padding-top: 4rem;
  right: -30%;
}

.card-front.card-4 {
  z-index: 1;
  right: -47%;
}

.cta-card-wrapper {
  position: relative;
}

.card-stack-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.cta-text-block {
  width: 100%;
  max-width: 35.56rem;
  display: flex;
}

.table-header-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.features-header {
  color: var(--light-grey-blue);
  justify-content: flex-start;
  align-items: center;
  padding: 2.34rem .75rem;
  display: flex;
}

.brand-features-header-content {
  border-top: .13rem solid var(--purple);
  border-right: .13rem solid var(--purple);
  border-left: .13rem solid var(--purple);
  background-color: var(--white--100);
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: 1rem .75rem 1.75rem;
  display: flex;
}

.brand-features-header-content.middle-cell {
  border-top: .13rem solid var(--purple);
  border-right: .13rem solid var(--purple);
  border-left: .13rem solid var(--purple);
  background-color: var(--white--100);
}

.diy-header {
  color: var(--light-grey-blue);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 2.34rem 1.13rem;
  display: flex;
}

.table-item-row {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.features-item-cell {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  border-top: .02rem solid var(--light-grey-blue);
  justify-content: flex-start;
  align-items: center;
  padding: 1rem .75rem;
  display: flex;
}

.brand-feature-item-content {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  border-top: .02rem solid var(--light-grey-blue);
  border-right: .13rem solid var(--purple);
  border-left: .13rem solid var(--purple);
  background-color: var(--white--100);
  color: var(--neutral-darker);
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.brand-feature-item-content.middle-cell {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  background-color: var(--white--100);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.table-item-icon {
  width: 100%;
  max-width: 1.5rem;
  line-height: 0;
}

.brand-feature-item-end-content {
  border-right: .13rem solid var(--purple);
  border-bottom: .13rem solid var(--purple);
  border-left: .13rem solid var(--purple);
  background-color: var(--white--100);
  border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
  justify-content: center;
  align-items: flex-start;
  padding: 1.75rem .75rem 1.56rem;
  display: flex;
}

.brand-feature-item-end-content.middle-cell {
  background-color: var(--white--100);
  justify-content: center;
  align-items: center;
  display: flex;
}

.feature-table-wrapper {
  width: 100%;
  overflow: auto;
}

.brand-feature-item-start {
  border-right: .13rem solid var(--purple);
  border-left: .13rem solid var(--purple);
  color: var(--neutral-darker);
  padding: 1rem 1.5rem;
}

.brand-feature-item-start.middle-cell {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  background-color: var(--white--100);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section_footer-forge {
  background-color: var(--neutral-darker);
}

.footer-forge-wrap {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.footer-block-left {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  color: var(--white--100);
  flex-flow: column;
  display: flex;
}

.footer-brand-logo {
  width: 100%;
  max-width: 16.28rem;
  text-decoration: none;
}

.footer-block-right {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-nav-links-block {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  width: 100%;
  color: var(--purple);
  flex-flow: column;
  display: flex;
}

.footer-nav-links-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.footer-nav-links-item {
  color: var(--white--100);
}

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

.footer-forge-top {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-border {
  background-color: var(--grayish-blue);
  width: 100%;
  height: .06rem;
}

.footer-forge-bottom {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  display: flex;
}

.footer-forge-bottom-links {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.footer-bottom-link {
  color: var(--white--100);
  font-size: var(--_text-styles---small-14px);
  text-decoration: none;
  transition: color .3s;
}

.footer-bottom-link:hover {
  color: var(--purple);
}

.footer-forge-legal {
  color: var(--white--100);
  font-family: Inter, sans-serif;
}

.brand-features-header {
  background-image: linear-gradient(27deg, #6c4cf1, #6c4cf1 30%, #b4a2ff 75%, #a48eff);
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
  padding-top: .13rem;
  padding-left: .13rem;
  padding-right: .13rem;
  overflow: hidden;
}

.brand-feature-item {
  border-top: .02rem solid var(--light-grey-blue);
  background-image: linear-gradient(27deg, #6c4cf1, #6c4cf1 30%, #b4a2ff 75%, #a48eff);
  padding-left: .13rem;
  padding-right: .13rem;
}

.brand-feature-item-end {
  background-image: linear-gradient(27deg, #6c4cf1, #6c4cf1 30%, #b4a2ff 75%, #a48eff);
  border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
  padding-bottom: .13rem;
  padding-left: .13rem;
  padding-right: .13rem;
}

.brand-feature-item-first {
  background-image: linear-gradient(27deg, #6c4cf1, #6c4cf1 30%, #b4a2ff 75%, #a48eff);
  padding-left: .13rem;
  padding-right: .13rem;
}

.brand-feature-item-content-start {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  border-right: .13rem solid var(--purple);
  border-left: .13rem solid var(--purple);
  background-color: var(--white--100);
  color: var(--neutral-darker);
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.brand-feature-item-content-start.middle-cell {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  background-color: var(--white--100);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.table-logo {
  width: 100%;
  max-width: 13.88rem;
}

.forge-hero-slider-content {
  width: 100%;
  padding-top: 14.5vw;
  padding-bottom: 15vw;
}

.forge-hero-slider-content.forge-coverflow {
  padding-bottom: 40vw;
}

.forge-hero-card {
  border-radius: .75rem;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 7px 7px 12px #9991bc1a;
}

.how-it-works-main-wrap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
}

.how-it-works-cards-wrapper {
  position: relative;
}

.how-it-works-card {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  display: grid;
}

.how-it-works-card.hiw-card-choose {
  z-index: 3;
  position: relative;
}

.how-it-works-card.hiw-card-copy {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.how-it-works-card.hiw-card-ship {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.hiw-card-image-wrapper {
  border-radius: .75rem;
  width: 100%;
  max-width: 53.94rem;
}

.hiw-card-text-block {
  justify-content: flex-start;
  align-items: center;
  padding-right: 2.5rem;
  display: flex;
}

.how-it-works-progress-container {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: space-between;
  display: flex;
}

.hiw-tab-link {
  grid-column-gap: .56rem;
  grid-row-gap: .56rem;
  background-color: var(--transparent);
  width: 100%;
  min-height: 5rem;
  color: var(--medium-grey);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.hiw-tab-link.w--current {
  background-color: var(--transparent);
  pointer-events: none;
  height: 100%;
  color: var(--purple);
}

.hiw-tab-link.progress-active {
  max-width: 50rem;
  color: var(--purple);
  flex: none;
}

.progress-icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 2.38rem;
  line-height: 0;
  display: flex;
}

.icon-custom2 {
  width: 2.38rem;
  height: 2.38rem;
}

.progress-track {
  z-index: 1;
  background-color: var(--medium-grey);
  border-radius: .75rem;
  width: .5rem;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.progress-bar {
  background-color: var(--purple);
  width: 100%;
  height: 0%;
  position: absolute;
  inset: 0% 0% auto;
}

.hiw-tabs-wrap {
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.hiw-tabs {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--medium-grey);
  flex-flow: column;
  margin-right: 2.5rem;
  display: flex;
}

.hiw-panels {
  background-color: var(--light-grey);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
}

.hiw-panel {
  padding: .75rem .75rem .75rem 2.5rem;
  overflow: hidden;
}

.hiw-card-content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-main-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--neutral-darker);
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-card-item {
  opacity: 0;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

.cta-card-item.active-item {
  opacity: 100;
}

.card-back {
  aspect-ratio: 740 / 360;
  border-radius: 1.5rem;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

.card-back.card-2 {
  z-index: 3;
  inset: auto -10% 10% auto;
}

.card-back.card-3 {
  z-index: 2;
  inset: auto -20% 20% auto;
}

.card-back.card-4 {
  z-index: 1;
  inset: auto -35% 30% auto;
}

.section_components-hero {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fn-header-tag {
  color: var(--purple);
  font-family: Inter, sans-serif;
}

.components-hero-main-wrap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
}

.cta-components-main-wrap {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: var(--neutral-darker);
  color: var(--white--100);
  border-radius: .75rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5rem;
  display: flex;
  position: relative;
}

.cta-components-subheader {
  width: 100%;
  max-width: 37rem;
}

.cta-components-text-block {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta-components-button {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 37rem;
  display: flex;
}

.cta-components-image-block {
  width: 100%;
  height: 100%;
  max-height: 22.44rem;
  padding-left: 2rem;
  padding-right: 2rem;
  overflow: hidden;
}

.cta-component-card {
  border-radius: 1.5rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  overflow: hidden;
}

.cta-component-card.component-card-1 {
  z-index: 1;
  max-width: 73rem;
  height: 100%;
  max-height: 27.56rem;
  position: static;
}

.cta-component-card.component-card-2 {
  z-index: 2;
  max-width: 64.38rem;
  height: 100%;
  max-height: 22.5rem;
  inset: 7% 0% 0%;
}

.cta-component-card.component-card-3 {
  z-index: 3;
  max-width: 56.19rem;
  height: 100%;
  max-height: 20.25rem;
  inset: 15% 0% 0%;
}

.cta-component-card.component-card-front {
  z-index: 4;
  max-width: 48.13rem;
  height: 100%;
  max-height: 26.5rem;
  inset: 28.5% 0% 0%;
}

.cta-component-card-wrap {
  position: relative;
}

.container-cta-components {
  width: 100%;
  max-width: 87rem;
  margin-left: auto;
  margin-right: auto;
}

.template-filter-header {
  display: none;
}

.template-filter-header:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter-header.new-23, .template-filter-header.new-40 {
  padding-top: 1.13rem;
  padding-bottom: 1.13rem;
  display: block;
}

.templates-filtration-border {
  display: none;
}

.templates-filtration-border:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .templates-filtration-border.new-16 {
  background-color: var(--grayish-blue);
  width: 100%;
  height: 1px;
  display: block;
  overflow: hidden;
}

.filter-link-icon {
  display: none;
}

.filter-link-icon:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .filter-link-icon.new-8, .filter-link-icon.new-11, .filter-link-icon.new-14 {
  line-height: 0;
}

.icon-1x1-custom2:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .icon-1x1-custom2.new-9, .icon-1x1-custom2.new-12 {
  width: .63rem;
  height: .63rem;
}

.icon-1x1-custom2.icon-current {
  justify-content: center;
  align-items: center;
  width: .63rem;
  height: .63rem;
  display: flex;
}

.collection-list:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .collection-list.new-31, .collection-list.new-48 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.template-filter_accordion-trigger-copy {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  border-radius: 99rem;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
  position: relative;
}

.template-filter_accordion-trigger-copy:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717) {
  display: none;
}

.section_component-page-hero {
  background-image: linear-gradient(#fff, #edf1f5);
}

.component-page-hero-main-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.component-page-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--neutral-darker);
  border-radius: 2.5rem;
  padding: .5rem 1rem;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 5.5px #6c4cf126, 0 0 17.9px 7px #6c4cf11a;
}

.component-page-button-icon {
  line-height: 0;
}

.component-hero-image {
  border-radius: 1.5rem;
  width: 100%;
  max-width: 80rem;
}

.fn-footer-nav-link {
  color: var(--white--100);
  font-size: var(--_text-styles---large-20px);
  text-decoration: none;
  transition: color .3s;
}

.fn-footer-nav-link:hover {
  color: var(--purple);
}

.section_component-page-content {
  background-color: var(--light-grey);
}

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

.component-setup-tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.setup-tabs-menu {
  justify-content: flex-start;
  align-items: center;
  padding: .5rem;
  display: flex;
}

.setup-tab-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--transparent);
  color: var(--neutral-darker);
  border-radius: 2.5rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 3.22rem;
  display: flex;
}

.setup-tab-link.w--current {
  background-color: var(--neutral-darker);
  color: var(--white--100);
}

.tab-icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1.5rem;
  line-height: 0;
  display: flex;
}

.setup-tabs-content {
  width: 100%;
  margin-top: 2.5rem;
}

.component-page-content-main-wrap {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.setup-tab-pane {
  background-color: var(--white--100);
  border-radius: .75rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  overflow: hidden;
}

.setup-content-head-wrap {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  display: flex;
}

.setup-content-headline {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  font-family: Notosans, Arial, sans-serif;
  display: flex;
}

.setup-content-headline-buttons {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.setup-content-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: .06rem solid var(--neutral-darker);
  color: var(--neutral-darker);
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 4.2rem;
  font-family: Manrope, Arial, sans-serif;
  text-decoration: none;
  display: flex;
}

.setup-content-button.is-copied {
  border-color: var(--medium-grey);
  background-color: var(--medium-grey);
}

.setup-head-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.setup-code-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--medium-grey);
  border-radius: 1.13rem;
  flex-flow: column;
  padding: .5rem;
  display: flex;
}

.setup-code-block-header {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  padding-left: .75rem;
  display: flex;
}

.code-header-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: .06rem solid var(--grayish-blue);
  color: var(--neutral-darker);
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
  display: flex;
}

.code-header-button-icon {
  line-height: 0;
}

.setup-code-block {
  scrollbar-width: none;
  border-radius: .75rem;
  height: 100%;
  max-height: 18.75rem;
}

.setup-code-view-animation {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: var(--neutral-darker);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.setup-content-border {
  background-color: var(--grayish-blue);
  height: .03rem;
}

.setup-content-how-to-wrap {
  padding-top: 3.75rem;
  padding-bottom: 2.5rem;
}

.component-related-main-wrap {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
}

.component-related-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.template-filters {
  flex-flow: column;
  width: 100%;
  display: none;
  position: relative;
}

.template-filters:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filters.new-39 {
  display: block;
}

.template-filter-content-padding {
  z-index: 1;
  padding-top: .5rem;
  position: relative;
}

.template-filter-content-padding:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter-content-padding.new-43 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
}

.template-filter-content {
  max-height: calc(100dvh - 22.75rem);
  padding-bottom: 1rem;
  padding-left: 2rem;
  transition-property: all;
  transition-duration: .35s;
  transition-timing-function: ease-out;
  overflow: auto;
}

.template-filter-content:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter-content.new-42 {
  padding-bottom: 0;
  padding-left: 0;
}

.templates-filter-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.templates-filter-radio {
  color: var(--light-grey-blue);
  justify-content: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.fn-templates-radio {
  opacity: 0;
  pointer-events: none;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.templates-filter-label, .templates-filter-number {
  font-weight: 400;
}

.fn-template_radio {
  cursor: pointer;
  appearance: none;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.custom-code {
  display: none;
}

.forge-hero-slider-container-copy {
  z-index: 10;
  position: relative;
}

.forge-hero-slider-container-copy.splide.forge-hero-splide {
  width: 100%;
}

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

.membership-hero-container {
  z-index: 3;
  width: 100%;
  padding-top: 8.5rem;
  padding-bottom: 5.25rem;
  position: relative;
}

.membership-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.membership-hero-cards {
  padding: 2.5rem 1.5rem;
}

.memebrship-card-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.membership-card-text {
  color: var(--neutral-darker);
  letter-spacing: -.01em;
  font-family: Notosans, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
}

.membership-card-text.text-color-secondary {
  color: var(--light-grey-blue);
}

.membership-card-text.text-color-fn-purple {
  color: var(--purple);
}

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

.memebrship-card-blocks {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.membership-hero-top {
  z-index: 5;
  position: relative;
}

.membership-pat-top {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: -72% 0% auto;
}

.pricing-tag {
  background-color: var(--purple);
  color: var(--white--100);
  font-size: var(--_text-styles---regular-16px);
  text-transform: uppercase;
  border-radius: .38rem;
  padding: .5rem;
  font-weight: 600;
}

.pricing-tag:where(.w-variant-267b8223-0dce-fea5-cd5c-3f1ab76db9bb) {
  background-color: var(--white--100);
}

.pricing-tag.vault-section-tag-text-fn {
  background-color: var(--transparent);
  color: var(--purple);
  font-size: var(--_text-styles---regular-16px);
}

.pricing-tag.vault-section-tag-text-fn.section-tag-text-fn-hiw {
  padding: 0;
}

.pricing-tag.white-3 {
  background-color: var(--white--100);
}

.plans-content-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  max-width: 68.75rem;
}

.plans-content-grid_card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: 1px solid var(--grayish-blue);
  border-radius: 1.5rem;
  flex-flow: column;
  padding: 2.5rem;
  display: flex;
}

.plans-content-grid_card.lifetime-ver {
  background-color: var(--neutral-darker);
  color: var(--white--100);
}

.price-text {
  justify-content: flex-start;
  align-items: center;
  font-family: Notosans, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  display: flex;
}

.price-text.text-color-neutral-darker {
  color: var(--neutral-darker);
}

.price-text-regular {
  font-family: Manrope, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.price-text-regular.text-color-neutral-darker {
  color: var(--neutral-darker);
}

.pricing-plans_list {
  grid-column-gap: .94rem;
  grid-row-gap: .94rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.pricing-plans_list-item {
  grid-column-gap: .63rem;
  grid-row-gap: .63rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.newsletter-hero-main-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 12.5rem;
  padding-bottom: 1.88rem;
  display: flex;
}

.newsletter-hero-cta {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.newsletter-cta-button {
  padding: .5rem .5rem .5rem 1.5rem;
}

.newsletter-form-block {
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.newsletter-form {
  border: .06rem solid var(--grayish-blue);
  background-image: linear-gradient(90deg, #ffffff03 35%, #7b7b7b33 80%, #7b7b7b66);
  border-radius: 1.88rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: .5rem .5rem .5rem 1.5rem;
  display: flex;
}

.newsletter-form-wrap {
  border-radius: 1.88rem;
  justify-content: space-between;
  align-items: center;
  padding: .5rem .5rem .5rem 1.5rem;
  display: flex;
}

.newsletter-submit-button {
  background-color: var(--white--100);
  color: var(--neutral-darker);
  text-align: center;
  border-radius: 1.5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.newsletter-submit-button.hide {
  display: none;
}

.newsletter-text-field {
  background-color: var(--transparent);
  border: 1px #000;
  width: 100%;
  height: 1.5rem;
  margin-bottom: 0;
  padding: 0;
}

.newsletter-text-field:focus {
  border-style: none;
}

.newsletter-text-field::placeholder {
  color: var(--light-grey-blue);
}

.newsletter-field-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.newsletter-field-icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1.5rem;
  line-height: 0;
  display: flex;
}

.membership-hero_header {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  max-width: 37.13rem;
  color: var(--neutral-darker);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.membership-hero_header.waitlist {
  justify-content: center;
  align-items: center;
  max-width: 42rem;
}

.membership-hero_header.hero_header-components {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  max-width: 43rem;
}

.membership-hero_header.hero-header-component-page {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
}

.membership-hero_header.hero-header-newsletter {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: flex-start;
  align-items: center;
  max-width: 44.38rem;
}

.newsletter-success {
  border: .06rem solid var(--purple);
  background-color: var(--transparent);
  color: var(--neutral-darker);
  text-align: center;
  border-radius: 1.88rem;
  padding: 1.13rem 1.5rem;
}

.newsletter-error {
  text-align: center;
  border-radius: 1.88rem;
  padding: 1.13rem 1.5rem;
}

.newsletter-form-submit {
  background-color: var(--white--100);
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  padding: 18px 24px;
  display: flex;
}

.newsletter-components-main-wrap {
  grid-column-gap: 4.81rem;
  grid-row-gap: 4.81rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.newsletter-header-block {
  position: sticky;
  top: 7.5rem;
}

.newsletter-components-wrap {
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  flex-flow: column;
  display: flex;
}

.newsletter-component {
  border-radius: .75rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.legacy-rich-text-style-copy h2 {
  font-size: var(--_heading-styles---h3-32px);
  margin-top: 5rem;
  margin-bottom: 2.5rem;
  line-height: 1.2;
}

.legacy-rich-text-style-copy h3 {
  font-size: var(--_heading-styles---h3-32px);
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  line-height: 1.2;
}

.legacy-rich-text-style-copy p {
  font-size: var(--_text-styles---regular-16px);
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

.legacy-rich-text-style-copy blockquote {
  background-color: var(--grey);
  font-size: var(--_text-styles---large-20px);
  border-left-style: none;
  border-radius: .75rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding: 1.5rem;
  line-height: 1.5;
}

.legacy-rich-text-style-copy figure {
  border: .0625rem solid var(--black--50);
  border-radius: 1.5rem;
  width: 100%;
  margin: 2.5rem 0;
  padding: 1.5rem;
}

.legacy-rich-text-style-copy img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.legacy-rich-text-style-copy figcaption {
  color: var(--black--60);
  font-size: var(--_text-styles---regular-16px);
  text-align: left;
  margin-top: 0;
}

.legacy-rich-text-style-copy ul {
  font-size: var(--_text-styles---large-20px);
  margin-bottom: 1rem;
  padding-left: 2rem;
}

.legacy-rich-text-style-copy h4 {
  font-size: var(--_heading-styles---h6-20px);
  margin-bottom: 2.5rem;
  font-weight: 700;
}

.legacy-rich-text-style-copy a {
  font-weight: 700;
}

.legacy-rich-text-style-copy li {
  font-size: var(--_text-styles---regular-16px);
}

.fn-legal-main-grid {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 5.5fr;
  align-items: start;
  position: relative;
}

.legal-nav {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  font-family: Manrope, Arial, sans-serif;
  display: flex;
  position: sticky;
  top: 7.5rem;
}

.legal-page-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--light-grey-blue);
  justify-content: flex-start;
  align-items: center;
  padding-top: 1.13rem;
  padding-bottom: 1.13rem;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.legal-page-link:hover, .legal-page-link.w--current {
  color: var(--neutral-darker);
}

.legal-page-link-icon {
  width: 100%;
  max-width: .63rem;
  line-height: 0;
  display: none;
}

.icon-1x1-custom-10 {
  width: .63rem;
  height: .63rem;
}

.legal-nav-border {
  background-color: var(--grayish-blue);
  height: .06rem;
}

.legal-nav-toc-wrap {
  color: var(--light-grey-blue);
}

.toc-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--light-grey-blue);
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.toc-link:hover {
  color: var(--neutral-darker);
}

.toc-links-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
}

.toc-header {
  color: var(--neutral-darker);
  padding-top: 1.13rem;
  padding-bottom: 1.13rem;
}

.fn-legal-main-wrap {
  padding-top: 11.25rem;
  padding-bottom: 5rem;
}

.legal-rte {
  width: 100%;
  max-width: 63.56rem;
  color: var(--darker-grey);
  font-family: Manrope, Arial, sans-serif;
}

.legal-rte h1, .legal-rte h3 {
  color: var(--neutral-darker);
  margin-bottom: 1.25rem;
  font-family: Notosans, Arial, sans-serif;
  font-weight: 700;
}

.legal-rte p {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.legal-rte h5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-family: Notosans, Arial, sans-serif;
  font-weight: 700;
}

.legal-rte ol {
  margin-bottom: 0;
  padding-left: 1.56rem;
}

.legal-rte h6 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.fn-legal-rte {
  width: 100%;
  max-width: 63.56rem;
  color: var(--darker-grey);
  font-family: Manrope, Arial, sans-serif;
}

.fn-legal-rte h2 {
  font-size: var(--_heading-styles---h3-32px);
  margin-top: 5rem;
  margin-bottom: 2.5rem;
  line-height: 1.2;
}

.fn-legal-rte h3 {
  font-family: Notosans, Arial, sans-serif;
  font-size: var(--_text-styles---xlarge-24px);
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.fn-legal-rte p {
  color: var(--darker-grey);
  font-size: var(--_text-styles---regular-16px);
  margin-bottom: 2.5rem;
}

.fn-legal-rte blockquote {
  background-color: var(--grey);
  font-size: var(--_text-styles---large-20px);
  border-left-style: none;
  border-radius: .75rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding: 1.5rem;
  line-height: 1.5;
}

.fn-legal-rte figure {
  border: .0625rem solid var(--black--50);
  border-radius: 1.5rem;
  width: 100%;
  margin: 2.5rem 0;
  padding: 1.5rem;
}

.fn-legal-rte img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.fn-legal-rte figcaption {
  color: var(--black--60);
  font-size: var(--_text-styles---regular-16px);
  text-align: left;
  margin-top: 0;
}

.fn-legal-rte ul {
  font-size: var(--_text-styles---large-20px);
  margin-bottom: 2.5rem;
  padding-left: 2rem;
}

.fn-legal-rte h4 {
  font-size: var(--_heading-styles---h6-20px);
  margin-bottom: 2.5rem;
  font-weight: 700;
}

.fn-legal-rte a {
  font-weight: 700;
}

.fn-legal-rte li {
  font-size: var(--_text-styles---regular-16px);
}

.fn-legal-rte h1 {
  color: var(--neutral-darker);
  font-family: Notosans, Arial, sans-serif;
  font-size: var(--_heading-styles---h3-32px);
  margin-bottom: 2.5rem;
  font-weight: 700;
}

.fn-legal-rte h6 {
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.heading-5 {
  margin-bottom: 0;
}

.legal-rte-copy {
  color: var(--darker-grey);
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-family: Manrope, Arial, sans-serif;
}

.legal-rte-copy h1, .legal-rte-copy h3 {
  color: var(--neutral-darker);
  margin-bottom: 1.25rem;
  font-family: Notosans, Arial, sans-serif;
  font-weight: 700;
}

.legal-rte-copy p {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.legal-rte-copy h5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-family: Notosans, Arial, sans-serif;
  font-weight: 700;
}

.legal-rte-copy ol {
  margin-bottom: 0;
  padding-left: 1.56rem;
}

.legal-nav-custom-code {
  display: none;
}

.newsletter-hero-headline {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  width: 100%;
  max-width: 33.63rem;
  display: flex;
}

.newsletter-section-wrap {
  background-image: linear-gradient(#fff, #edf1f5);
}

.padding-global-3 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.padding-global-3.padding-section-hero {
  padding-bottom: 5rem;
}

.legacy-sidebar_navigation-2 {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  background-color: #000;
  border-radius: .75rem;
  flex-flow: column;
  padding: 1.5rem;
  display: flex;
}

.nav-bar_main-wrapper-2 {
  width: 100%;
  position: static;
}

.footer-link-2 {
  color: #fff;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.footer-link-2.hidden {
  display: none;
}

.n-nav-bar-icon-wrap-2 {
  background-color: #eff3f6;
  border-radius: .75rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: background-color .375s ease-out;
  display: flex;
}

.social-link-2 {
  color: #eff3f6;
}

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

.nav-bar_link-2 {
  border-radius: 62.44rem;
  margin-left: 0;
  margin-right: 0;
  padding: .5rem 1rem;
  font-size: 1rem;
  transition: all .375s ease-out;
}

.nav-bar_link-2:hover {
  color: #d2b20e;
}

.nav-bar_link-2.w--current {
  color: #000;
  background-color: #eff3f6;
}

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

.legacy_navigation-header-2 {
  border-bottom: .0625rem solid #fff;
  padding-bottom: 1.875rem;
  line-height: 1;
}

.footer-2 {
  background-color: #000;
}

.footer-2.no-overflow {
  overflow: hidden;
}

.button-7 {
  color: #000;
  text-align: center;
  text-transform: capitalize;
  background-color: #ffd709;
  border: 1px solid #ffd709;
  border-radius: 62.44rem;
  padding: .75rem 3rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  transition: background-color .375s ease-out;
}

.button-7:hover {
  background-color: #d2b20e;
}

.button-7.white-2 {
  text-transform: capitalize;
  background-color: #fff;
  border-color: #d4d4d8;
}

.button-7.white-2:hover {
  background-color: #f1f0e8;
}

.button-7.nav-button {
  z-index: 5;
  justify-content: flex-start;
  align-items: center;
  max-width: 9.74rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.n-cta-headers-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #fff;
  letter-spacing: -.02em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 1.2;
  display: flex;
}

.heading-style-h5-2 {
  font-size: clamp(1.25rem, 1.5vw, 1.35rem);
}

.nav-bar-2 {
  z-index: 999;
  background-color: #0000;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  transition: transform .375s ease-out;
  position: sticky;
  top: 0;
}

.nav-bar_dropdown-2 {
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.nav-bar_dropdown-2.add-side-pads {
  padding: .5rem 1rem;
}

.legacy-links-wrapper-2 {
  border-bottom: .0625rem solid #0000001f;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.custom-section-style-2 {
  display: none;
}

.n-nav_dropdown-navigation-2 {
  z-index: 5;
  background-color: #0000;
  width: 100vw;
  position: fixed;
  inset: 0%;
}

.n-nav_dropdown-navigation-2.w--open {
  top: 6.375rem;
}

.footer-list_item-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.status-icon-2 {
  background-color: #fff8d7;
  border-radius: 999rem;
  flex: none;
  width: .375rem;
  height: .375rem;
}

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

.n-nav-bar_link-2 {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  color: inherit;
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease-out;
  display: flex;
}

.n-nav-bar_link-2:hover {
  background-color: #eff3f6;
}

.legacy-page_link-line-2 {
  background-color: #000;
  height: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.legacy-link-2 {
  color: #fff;
  transition: color .3s ease-out;
}

.legacy-link-2:hover {
  color: #ffd709;
}

.legacy-link-2.w--current {
  color: #ffd709;
  font-weight: 700;
}

.nav_dropdown-navigation-2 {
  z-index: 5;
  background-color: #0000;
  width: 100vw;
  position: fixed;
  inset: 0%;
}

.nav_dropdown-navigation-2.w--open {
  width: 100vw;
  top: 6.375rem;
}

.n-nav-dropdown_main-wrapper-2 {
  z-index: 1;
  background-color: #fff;
  border: .0625rem solid #e4e4e7;
  border-radius: .75rem;
  max-width: 41.6875rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  position: relative;
  box-shadow: 0 1.125rem 1.5rem #0000000f;
}

.nav-dropdown_main-wrapper-2 {
  z-index: 1;
  background-color: #fff;
  padding: 2.5rem 1.25rem 5rem;
  position: relative;
  box-shadow: 0 1.125rem 1.5rem #0000000f;
}

.nav-dropdown_main-wrapper-2.more-dropdown-wrapper {
  border: .0625rem solid #e4e4e7;
  border-radius: .75rem;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}

.status-icon-wrapper-2 {
  background-color: #fff3;
  border-radius: 999rem;
  justify-content: center;
  align-items: center;
  width: .75rem;
  height: .75rem;
  padding: .1875rem;
  display: flex;
}

.heading-style-h6-2 {
  font-size: clamp(1.125rem, 1.38vw, 1.25rem);
}

.text-size-large-2 {
  font-size: 1.25rem;
}

.heading-style-h3-4 {
  font-family: Notosans, Arial, sans-serif;
  font-size: clamp(2.1rem, 2.55vw, 2.1rem);
}

.n-dropdown-toggle-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: 99rem;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem 1rem;
  transition: all .375s ease-out;
  display: flex;
}

.n-dropdown-toggle-2.w--open {
  background-color: #eff3f6;
}

.nav-bar-icon-wrap-2 {
  background-color: #eff3f6;
  border-radius: .75rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  transition: background-color .3s ease-out;
  display: flex;
}

.nav-bar-icon-wrap-2.reduced-size {
  width: 3rem;
  height: 3rem;
}

.animations-list-empty-state {
  background-color: var(--transparent);
  justify-content: center;
  align-items: center;
  width: 70vw;
  margin-top: 1.5rem;
  padding: 0;
  display: flex;
}

.animations-list-empty-state-card {
  background-color: var(--purple);
  width: 60%;
  color: var(--white--100);
  text-align: center;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  display: flex;
}

.fn-hero-subheader {
  width: 100%;
  max-width: 44rem;
}

.fn-comp-headline {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  display: flex;
}

.check-copied {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: none;
}

.platform-images {
  flex: none;
  height: 7.95rem;
  margin-bottom: -1px;
}

.platform-content-image-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: flex-end;
  min-width: 100%;
  display: flex;
}

.hero-card-video {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.components-empty-state {
  background-color: var(--transparent);
  width: 70vw;
  padding: 0;
}

.components-empty-state-main-wrap {
  grid-column-gap: 1.88rem;
  grid-row-gap: 1.88rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.empty-state-image {
  width: 100%;
  max-width: 17.52rem;
}

.empty-state-headline {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  width: 100%;
  max-width: 27.38rem;
  display: flex;
}

.components-empty-state-external {
  width: 70vw;
}

.item-count {
  display: none;
}

.comp-preview-cursor-pill {
  cursor: pointer;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cursor-pill {
  grid-column-gap: .58rem;
  grid-row-gap: .58rem;
  border: .06rem solid var(--grayish-blue);
  background-color: var(--white--100);
  letter-spacing: -.3px;
  border-radius: 1.39rem;
  justify-content: center;
  align-items: center;
  padding: .7rem 1.39rem;
  font-family: Inter, sans-serif;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-size-14-84 {
  font-size: .93rem;
}

.cursor-pill-icon {
  flex: none;
  width: 100%;
  max-width: .93rem;
  line-height: 0;
}

.icon-1x1.icon-centered {
  justify-content: center;
  align-items: center;
  display: flex;
}

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

._404-main-wrap {
  grid-column-gap: 3.84rem;
  grid-row-gap: 3.84rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

._404-image {
  border-radius: 1.5rem;
  width: 100%;
  max-width: 53.06rem;
  overflow: hidden;
}

._404-headline {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  width: 100%;
  max-width: 27.38rem;
  display: flex;
}

._404-subheader {
  font-family: Manrope, Arial, sans-serif;
}

.forge-logo-icon {
  flex: none;
  width: 100%;
  max-width: 1.38rem;
  line-height: 0;
}

.forge-logo-text {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 7.12rem;
  height: 100%;
  line-height: 0;
  display: flex;
}

.platform-track {
  min-width: 100%;
  max-width: none;
}

.platform-marquee {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.platform-list {
  min-width: 100%;
  max-width: none;
  padding-right: 0;
}

.platform-list-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.platform-marquee-main-wrap {
  aspect-ratio: 849 / 223;
  background-color: var(--neutral-darker);
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 53.06rem;
  display: flex;
}

.platform-card-marquee {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.platform-marquee-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex: none;
  justify-content: space-around;
  min-width: 100%;
  height: 13.94rem;
  display: flex;
}

.platform-marquee-content.scroll {
  align-items: flex-end;
}

.platform-marquee-code, .forge-nav-code {
  display: none;
}

.hiw-card-bg {
  background-color: var(--light-grey);
  border-radius: .75rem;
  padding: .75rem .75rem .75rem 2.5rem;
}

.nav-logo-script, .forge-nav-collapse-code {
  display: none;
}

.forge-text-blocker {
  position: absolute;
  inset: 0%;
}

.fn-form-nav {
  color: var(--neutral-darker);
}

.animations-list-subheader-newsletter {
  width: 100%;
  max-width: 27.19rem;
}

@media screen and (min-width: 1920px) {
  .main-wrapper.fn-main-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cs_marquee-item {
    border-radius: .5rem;
  }

  .footer-link {
    transition: opacity .3s;
  }

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

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

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

  .pricing-image {
    width: 120px;
  }

  .container-templates {
    width: 100%;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .valut-hero_header {
    max-width: 50rem;
  }

  .comp-resource-details {
    position: sticky;
    top: 7rem;
  }

  .how-it-works-card {
    grid-template-columns: 1fr 2fr;
  }

  .membership-hero_header {
    max-width: 50rem;
  }

  .footer-link-2 {
    transition: opacity .3s;
  }

  .footer-link-2:hover {
    opacity: .5;
  }

  .social-link-2 {
    transition: opacity .3s;
  }

  .social-link-2:hover {
    opacity: .6;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_heading-styles---h1-57-6px: clamp(3rem, 4vw, 3.6rem);
    --_heading-styles---h2-48px: clamp(2.3rem, 3.33vw, 3rem);
    --_heading-styles---h3-32px: clamp(2.1rem, 2.55vw, 2.1rem);
    --_heading-styles---h4-28px: clamp(1.5rem, 1.94vw, 1.75rem);
    --_heading-styles---h5-21-6px: clamp(1.25rem, 1.5vw, 1.35rem);
    --_heading-styles---h6-20px: clamp(1.125rem, 1.38vw, 1.25rem);
    --_text-styles---medium-18px: 1.125rem;
    --_text-styles---regular-16px: 1rem;
    --_text-styles---tiny-12px: .75rem;
    --_text-styles---large-20px: 1.25rem;
    --_text-styles---small-14px: .875rem;
    --_text-styles---xlarge-24px: 1.5rem;
  }

  .hide-tablet {
    display: none;
  }

  .spacer-xxlarge {
    padding-top: 4.5rem;
  }

  .padding-xlarge {
    padding: 3.5rem;
  }

  .margin-xlarge {
    margin: 3.5rem;
  }

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

  .padding-xxlarge {
    padding: 4.5rem;
  }

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

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

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

  .spacer-huge {
    padding-top: 5rem;
  }

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

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

  .heading-style-h1.fixed-size {
    display: none;
  }

  .margin-huge {
    margin: 5rem;
  }

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

  .margin-xxhuge {
    margin: 7.5rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .rl-styleguide_icons-list {
    grid-auto-flow: row;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .spacer-xxhuge {
    padding-top: 7.5rem;
  }

  .padding-global.padding-section-component-template-hero {
    padding-top: 10rem;
  }

  .padding-global.padding-section-hiw {
    padding-top: 5rem;
  }

  .rl-styleguide_item-row {
    grid-template-columns: auto 1fr;
  }

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

  .padding-xhuge {
    padding: 6rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

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

  .margin-xxlarge {
    margin: 4.5rem;
  }

  .spacer-xlarge {
    padding-top: 3.5rem;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

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

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

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

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

  .margin-large {
    margin: 2.5rem;
  }

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

  .padding-xxhuge {
    padding: 7.5rem;
  }

  .padding-huge {
    padding: 5rem;
  }

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

  .nav-bar {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-bar_container {
    box-shadow: none;
    border-style: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .nav-bar_main-wrapper {
    background-color: var(--white--100);
    height: calc(100svh - 4.5rem);
    padding-bottom: 1.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: absolute;
  }

  .nav-bar_list {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-height: calc(100vh - 10.75rem);
    overflow: auto;
  }

  .nav-bar_list.abs-center {
    justify-content: space-between;
    position: static;
  }

  .nav-bar_link {
    border-bottom: .0625rem solid var(--black--12);
    border-radius: 0;
    width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .nav-bar_menu {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
  }

  .nav-bar_menu.align-right {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    height: auto;
  }

  .nav-bar_menu-button {
    padding: .5rem;
  }

  .nav-bar_menu-button.w--open {
    background-color: var(--transparent);
    color: var(--black--100);
  }

  .nav-bar_dropdown {
    border-bottom: .0625rem solid var(--black--12);
    width: 100%;
  }

  .dropdown-toggle {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .problem-list {
    max-width: 40.5rem;
  }

  .problem-item {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .problem-icon {
    left: 10.5rem;
  }

  .testimonial-list {
    column-count: 2;
  }

  .testimonial-item {
    margin-bottom: 1rem;
    margin-right: 0;
    padding: 2rem;
  }

  .section_hero-grid {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .hero-cta {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    height: 22rem;
  }

  .hero-cta.is-navigation-bar {
    display: none;
  }

  .padding-section-xxlarge {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

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

  .advantage_card {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    padding: 2rem;
  }

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

  .webflow-grid_right-wrap {
    background-image: linear-gradient(#f8f8f8, #f8f8f8);
  }

  .case-studies-main-wrapper {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
  }

  .cs_marquee-item {
    max-width: 30rem;
    max-height: 21rem;
  }

  .padding-section-xlarge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .pricing-grid {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 45.5rem;
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-card, .pricing-card_popular {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .pricing-card_popular-bottom {
    max-width: 30rem;
  }

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

  .guarantee-grid.is-centred-list {
    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;
  }

  .guarantee_card {
    padding: 2.5rem;
  }

  .started_main-wrapper {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
  }

  .started-card {
    position: static;
  }

  .faq-main-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: .65fr minmax(200px, 1fr);
  }

  .footer-top {
    grid-template-columns: 1fr;
    padding-bottom: 3.5rem;
  }

  .footer-top.footerv2 {
    padding-top: 3.5rem;
    display: flex;
  }

  .footer-top_left.hidden-tab {
    display: none;
  }

  .footer-calendly {
    height: 40rem;
  }

  .footer-middle {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .footer-middle_right {
    max-width: none;
  }

  .cases-main-wrapper {
    padding-bottom: 5rem;
  }

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

  .post-preview_image.is-blog {
    height: 40vw;
  }

  .post-preview_image.is-template {
    height: 100%;
  }

  .post-bottom_arrow {
    width: 3rem;
    height: 3rem;
  }

  .posts_pagination {
    padding-top: 3rem;
  }

  .nav_dropdown-navigation.w--open {
    width: auto;
    position: relative;
    top: 0;
  }

  .nav-dropdown_main-wrapper {
    box-shadow: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 0 1.5rem;
  }

  .nav-dropdown_main-wrapper.more-dropdown-wrapper {
    max-width: none;
    padding: 0;
  }

  .navigation-grid, .featured-post_grid {
    grid-template-columns: 1fr;
  }

  .featured-img {
    height: 100%;
  }

  .featured-right-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

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

  .blog-filtration_search-wrap {
    width: 100%;
  }

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

  .blog-posts-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .template-posts_item {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
  }

  .template-link {
    padding: .75rem 1rem;
  }

  .cta-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    padding: 2rem;
  }

  .cta_content {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .vision-main-grid, .backed-main-grid {
    grid-template-columns: 1fr;
  }

  .backed-logo-list {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .backed-logo-wrapper {
    width: 100%;
  }

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

  .menu-button_icons-list {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    overflow: hidden;
  }

  .menu-button_icon {
    transition: transform .3s ease-out;
  }

  .legacy-main-grid {
    grid-template-columns: 1fr .5fr;
    padding-bottom: 0;
  }

  .legacy-sidebar {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    max-height: calc(100vh - 7rem);
    top: 5.5rem;
  }

  .legacy-sidebar_navigation {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1.25rem;
  }

  .legacy_navigation-header {
    padding-bottom: 1.5rem;
  }

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

  .legacy-content {
    padding-left: 0;
    padding-right: 0;
  }

  .legacy-rich-text-style figure {
    border-radius: 1rem;
  }

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

  .image_2 {
    right: 0;
  }

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

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

  .approach_card {
    padding: 2.5rem;
  }

  .related-main-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 2rem;
    padding-bottom: 6rem;
  }

  .blog_cta-content {
    justify-content: flex-start;
    align-items: stretch;
  }

  .blog-cta_logo {
    inset: auto 0% 0% auto;
  }

  .legacy-links-wrapper {
    overflow: auto;
  }

  .nav-dropdown_overlay {
    display: none;
  }

  .nav-dropdown_overlay.fixed-effect {
    background-color: #fff;
  }

  .sticky_filtration {
    position: sticky;
    top: 4.5rem;
  }

  .anchor-element {
    top: -4.5rem;
  }

  .scroll-progress-block {
    top: 4.5rem;
  }

  .cta_left {
    width: 100%;
  }

  .cta_right {
    display: none;
  }

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

  .audit_grid {
    display: flex;
  }

  .audit_grid-right {
    display: none;
  }

  .hero-cs_head-content, .cs-info-main-list {
    padding-left: 0;
    padding-right: 0;
  }

  .cs-info_card.is-large {
    min-width: 26rem;
  }

  .cs-info_card_arrow {
    width: 3rem;
    height: 3rem;
  }

  .cs-body-main-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial-card_content {
    justify-content: flex-start;
    align-items: stretch;
  }

  .image-2-animation {
    left: 0;
  }

  .heading-4 {
    line-height: 1.25;
  }

  .pricing-card-2 {
    min-height: 0;
  }

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

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

  .div-block-8 {
    max-width: none;
  }

  .pricing-card-content.horizontal-card {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-button-wrapper {
    flex-flow: wrap;
  }

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

  .n-sticky_filtration {
    position: static;
    top: 4.5rem;
  }

  .n-anchor-element {
    top: 29rem;
  }

  .problem_anchor {
    top: -5.5rem;
  }

  .gurantee-anchor {
    top: 5.5rem;
  }

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

  .overview_grid-tab {
    border-bottom: .0625rem solid #e4e4e7;
  }

  .overview_grid-tab.is-last {
    border-bottom-style: none;
  }

  .v-template-list {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }

  .animations_cta {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    padding: 2rem;
  }

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

  .animation_cta_scroll-wrap {
    flex-flow: column;
    display: none;
    position: relative;
    right: 0;
  }

  .animation_cta_scoll-list {
    flex-flow: row;
  }

  .animation_cta_scroll_item {
    flex: none;
    max-width: 14.3rem;
    max-height: 10rem;
  }

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

  .build-tabs_list {
    flex-flow: column;
    width: 100%;
  }

  .build-tab_content-item {
    transform-origin: 50% 650%;
    max-width: 32rem;
    min-height: 35rem;
  }

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

  .vault_cta_scoll-list-wrap.is-2 {
    display: none;
  }

  .animations-list, .animations-list.fn-animations-list {
    grid-template-columns: 1fr 1fr;
  }

  .templates-hero-main-wrap {
    grid-template-columns: 18rem 1fr;
  }

  .templates-hero-main-wrap.fn-hero-main-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: .75fr 1.5fr;
  }

  .templates-hero_nav {
    padding: 1.5rem 1rem;
    top: 4.5rem;
  }

  .templates-hero_content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding: 1.5rem 1rem;
  }

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

  .templates_top-cta {
    display: none;
  }

  .templates_content_top-header {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    max-width: none;
  }

  .templates_content_top_heading {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    max-width: 75%;
  }

  .template-filter_accordion:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter_accordion.new-18 {
    display: none;
  }

  .template-filter_accordion-content {
    max-height: calc(100dvh - 20rem);
  }

  .t-anchor-element {
    bottom: 9rem;
  }

  .hero-access-main-wrap, .plans-main-wrap, .vault-faq-main-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .comp-content.fn-comp-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .comp-info.fn-comp-info-headline {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .comp-resource-details.home {
    padding-left: 0;
    padding-right: 0;
  }

  .comp-copy-content.smaller-margin.fn-comp-copy-content {
    padding: 2rem 1.5rem;
  }

  .comp-copy-content.container-lim {
    max-width: 40rem;
  }

  .comp-divider.fn-comp-divider {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .container-portfolio-hero {
    border-radius: .75rem;
    height: auto;
    padding-top: 1.5rem;
    position: relative;
    top: auto;
  }

  .header-container-portfolio {
    border-radius: .75rem;
  }

  .potfolio-hero-hold {
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
  }

  .showreel-grow {
    border-radius: .75rem;
    flex: 0 auto;
    width: 100%;
    height: auto;
  }

  .media-inside {
    object-fit: cover;
  }

  .keep-scrolling-text {
    display: none;
  }

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

  .n-dropdown-toggle {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .n-dropdown-toggle.w--open {
    background-color: var(--transparent);
  }

  .n-nav_dropdown-navigation.w--open {
    width: auto;
    padding-bottom: 1rem;
    position: relative;
    top: 0;
  }

  .n-nav-dropdown_main-wrapper {
    max-width: none;
    box-shadow: none;
    padding: 0 0 1.5rem;
  }

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

  .show-touch-devices {
    display: inline;
  }

  .hide-touch-devices {
    display: none;
  }

  .hero-service-main-wrap, .why-main-wrap {
    grid-template-columns: 1fr;
  }

  .why_content {
    position: static;
  }

  .why-cards-list {
    padding-top: 0;
    padding-bottom: 0;
  }

  .integration_header {
    padding: 4rem 1.5rem;
  }

  .n-testimonials-main-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .n-testimonial-swiper-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .integration_item {
    width: 12rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .signup-form {
    display: none;
  }

  .signup-form.no-line {
    display: flex;
  }

  .timeline-bg-contain, .timeline-line {
    display: none;
  }

  .section_timeline {
    padding-top: 3rem;
  }

  .timeline-content {
    height: auto;
    position: relative;
  }

  .padding-global-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .timeline-block {
    opacity: 100;
    border-bottom: 1px solid #d9e5ff;
    border-right-style: none;
  }

  .timeline-wrapper {
    height: auto;
  }

  .timeline-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .navbar {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .nav-menu {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: #0000;
    flex-flow: column;
    width: 100%;
    padding-top: 1rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .nav-mobile {
    padding-top: 3rem;
    display: block;
  }

  .nav-menu-wrapper {
    background-color: #c8c8c8;
    border-radius: 1.5rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 1.5rem;
  }

  .nav-block {
    width: auto;
  }

  .nav-block.nav-block-right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: none;
  }

  .mobile-menu {
    border-radius: 100%;
    padding: .5rem;
  }

  .main-wrap-component {
    padding: 1.5rem;
  }

  .nav-bar_container2 {
    box-shadow: none;
    border-style: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .resource-container {
    min-height: 0;
  }

  .section_resource-pill {
    padding-top: 3rem;
  }

  .resource-dome {
    aspect-ratio: auto;
  }

  .pill-layer {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 2rem;
  }

  .text-64 {
    font-size: clamp(2.5rem, 10cqw, 4rem);
  }

  .pill-wrap {
    display: flex;
  }

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

  .instructions-comp {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    max-width: 75%;
  }

  .templates_content_top-header-instructions {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    max-width: none;
  }

  .nav-forge-bar_menu {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    height: 100%;
  }

  .nav-forge-bar_menu.align-right {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    height: auto;
  }

  .navbar-forge_container {
    box-shadow: none;
    border-style: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .forge-hero-main-wrap {
    padding-top: 9rem;
  }

  .nav-bar-forge {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    top: 0;
  }

  .card-hover-overlay {
    display: none;
  }

  .platform-main-wrap {
    padding: 3rem;
  }

  .platform-content-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .platform-content-image {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .cta-main-wrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    grid-template-areas: "."
                         "Area";
    justify-content: flex-start;
    display: flex;
  }

  .cta-text-content {
    justify-content: center;
    align-items: stretch;
    padding: 3rem;
  }

  .cta-card-block {
    max-width: none;
    padding-top: 0;
    padding-left: 3rem;
    display: none;
  }

  .card-stack-wrapper {
    height: 30rem;
  }

  .cta-text-block {
    max-width: none;
  }

  .table-header-row {
    grid-template-columns: 1fr 1.5fr 1fr;
  }

  .features-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .brand-features-header-content {
    padding-bottom: 1rem;
  }

  .diy-header {
    color: var(--light-grey-blue);
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .table-item-row {
    grid-template-columns: 1fr 1.5fr 1fr;
  }

  .footer-forge-top {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .footer-forge-bottom {
    flex-flow: column;
  }

  .cta-components-main-wrap {
    padding-bottom: 5rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .cta-components-image-block {
    display: none;
  }

  .component-hero-image {
    max-width: none;
  }

  .template-filters:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filters.new-39 {
    display: block;
  }

  .template-filter-content {
    max-height: calc(100dvh - 20rem);
  }

  .membership-hero-cards {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .membership-pat-top {
    top: -78%;
  }

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

  .newsletter-components-main-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .legacy-rich-text-style-copy figure {
    border-radius: 1rem;
  }

  .fn-legal-main-grid {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .fn-legal-rte figure {
    border-radius: 1rem;
  }

  .legacy-sidebar_navigation-2 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1.25rem;
  }

  .nav-bar_main-wrapper-2 {
    background-color: #fff;
    height: calc(100svh - 4.5rem);
    padding-bottom: 1.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: absolute;
  }

  .nav-bar_link-2 {
    border-bottom: .0625rem solid #0000001f;
    border-radius: 0;
    width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .legacy_navigation-header-2 {
    padding-bottom: 1.5rem;
  }

  .nav-bar-2 {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-bar_dropdown-2 {
    border-bottom: .0625rem solid #0000001f;
    width: 100%;
  }

  .legacy-links-wrapper-2 {
    overflow: auto;
  }

  .n-nav_dropdown-navigation-2.w--open {
    width: auto;
    padding-bottom: 1rem;
    position: relative;
    top: 0;
  }

  .nav_dropdown-navigation-2.w--open {
    width: auto;
    position: relative;
    top: 0;
  }

  .n-nav-dropdown_main-wrapper-2 {
    max-width: none;
    box-shadow: none;
    padding: 0 0 1.5rem;
  }

  .nav-bar_menu-button-2 {
    padding: .5rem;
  }

  .nav-bar_menu-button-2.w--open {
    color: #000;
    background-color: #0000;
  }

  .nav-dropdown_main-wrapper-2 {
    box-shadow: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 0 1.5rem;
  }

  .nav-dropdown_main-wrapper-2.more-dropdown-wrapper {
    max-width: none;
    padding: 0;
  }

  .n-dropdown-toggle-2 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .n-dropdown-toggle-2.w--open {
    background-color: #0000;
  }

  .platform-images.second-lifted {
    margin-bottom: 5%;
  }

  .platform-content-image-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_heading-styles---h1-57-6px: 2.2rem;
    --_heading-styles---h2-48px: 1.85rem;
    --_heading-styles---h3-32px: 1.75rem;
    --_heading-styles---h4-28px: clamp(1.5rem, 1.94vw, 1.75rem);
    --_heading-styles---h5-21-6px: clamp(1.25rem, 1.5vw, 1.35rem);
    --_heading-styles---h6-20px: clamp(1.125rem, 1.38vw, 1.25rem);
    --_text-styles---medium-18px: 1rem;
    --_text-styles---regular-16px: 1rem;
    --_text-styles---tiny-12px: .75rem;
    --_text-styles---large-20px: 1.125rem;
    --_text-styles---small-14px: .875rem;
    --_text-styles---xlarge-24px: 1.25rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .padding-xlarge {
    padding: 2.5rem;
  }

  .margin-xlarge {
    margin: 2.5rem;
  }

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

  .padding-xxlarge {
    padding: 3rem;
  }

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

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

  .spacer-medium {
    padding-top: 1.5rem;
  }

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

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

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

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

  .padding-small {
    padding: 1.25rem;
  }

  .spacer-huge {
    padding-top: 3.5rem;
  }

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

  .spacer-small {
    padding-top: 1.25rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .heading-style-h3.center-align-mobile {
    text-align: center;
  }

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

  .margin-xxhuge {
    margin: 5rem;
  }

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

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .spacer-xxhuge {
    padding-top: 5rem;
  }

  .padding-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-global.padding-section-xlarge {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-global.padding-section-xlarge:where(.w-variant-1f3bb17a-8d80-2fa2-af2b-883a3e13af20), .padding-global.padding-section-xlarge.hero-section-3 {
    padding-top: 2.5rem;
  }

  .padding-global.padding-section-hero, .padding-global.padding-section-hero.blog-section-hero {
    padding-bottom: 3rem;
  }

  .padding-global.padding-section-components-hero, .padding-global.padding-section-component-template-hero {
    padding-top: 8.5rem;
    padding-bottom: 3rem;
  }

  .padding-global.padding-section-related, .padding-global.padding-section-hiw {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .heading-style-h4 {
    line-height: 1.4;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .text-style-quote {
    font-size: 1.125rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

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

  .padding-large {
    padding: 2rem;
  }

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

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

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

  .margin-xxlarge {
    margin: 3rem;
  }

  .spacer-xlarge {
    padding-top: 2.5rem;
  }

  .spacer-large {
    padding-top: 2rem;
  }

  .spacer-xsmall {
    padding-top: .75rem;
  }

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

  .category-filter-menu {
    width: 100vw;
    margin-left: -5vw;
    padding-left: 5vw;
    overflow: scroll;
  }

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

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

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

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

  .margin-large {
    margin: 2rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

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

  .button {
    font-size: var(--_text-styles---medium-18px);
  }

  .padding-xxhuge {
    padding: 5rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

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

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

  .nav-bar_container {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .nav-logo.nav-logo-2.w--current {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding-left: .5rem;
  }

  .nav-bar_main-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .problem-main-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    border-radius: 0;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 3rem 1rem;
  }

  .problem-item {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    min-height: auto;
  }

  .problem-item.is-small {
    min-height: auto;
  }

  .problem-content {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-columns: 1fr;
  }

  .problem-icon {
    left: 1rem;
  }

  .testimonial-main-wrapper {
    grid-row-gap: 2.5rem;
  }

  .testimonial-list {
    column-count: 0;
    flex-flow: column;
    display: flex;
  }

  .testimonial-item_headshot {
    width: 3rem;
    height: 3rem;
  }

  .section_hero-grid {
    grid-row-gap: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .hero-cta {
    height: 20rem;
    padding: 2rem;
  }

  ._1 {
    height: 2.25rem;
  }

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

  .marquee-list-wrapper {
    padding-right: 2.5rem;
  }

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

  .advantages-main-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
  }

  .advatages-headers {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    position: static;
  }

  .advatages_grid-item {
    grid-row-gap: 2.5rem;
    grid-template-columns: minmax(200px, 34.25rem);
  }

  .advatages_grid-item.is-revert {
    grid-template-columns: minmax(200px, 43.25rem);
  }

  .advantage_card {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    order: -1;
    align-items: stretch;
  }

  .advatage_card-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .advatage_card-step {
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .webflow-grid_right {
    height: calc(100vw - 2rem);
  }

  .webflow-accordion_padding {
    padding-right: 1.5rem;
  }

  .webflow-grid_right-wrap {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .case-studies-main-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .case-studies_marquee-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-bottom: 1rem;
  }

  .cs_marquee-item {
    max-width: 20rem;
    max-height: 14rem;
  }

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

  .cs_marquee-list-wrapper {
    padding-right: 1rem;
  }

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

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

  .pricing-headers.left-align-mobile {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .pricing-card, .pricing-card_popular {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .pricing-card_popular-middle {
    padding: 1rem;
  }

  .pricing-card_popular-bottom {
    max-width: 17rem;
  }

  .guarantee_card {
    height: auto;
    padding: 1.75rem;
  }

  .guarantee_card-icon {
    width: 3.5rem;
    height: 3.5rem;
  }

  .started_main-wrapper, .started_cards-list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .started-card {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    padding-bottom: 1rem;
  }

  .started-card_content {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .started-card_description {
    max-width: none;
  }

  .faq-main-wrapper {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .footer-padding {
    padding-top: 3.5rem;
    padding-bottom: 1.5rem;
  }

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

  .footer-logo {
    width: 12.6rem;
    height: 3rem;
  }

  .footer-middle_right {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
  }

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

  .cases-main-wrapper {
    padding-bottom: 3.5rem;
  }

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

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

  .post-preview_image.is-blog {
    height: 70vw;
    max-height: 25rem;
  }

  .case-bottom_details {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .posts_pagination {
    padding-top: 4rem;
  }

  .navigation-grid_links {
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
  }

  .nav-bar_link-large {
    padding: 1rem;
  }

  .featured-post_grid {
    grid-row-gap: 1.75rem;
  }

  .blog-filtration_list {
    width: 100%;
    overflow: auto hidden;
  }

  .blog-radio-button {
    flex: none;
  }

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

  .blog-posts_item {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
  }

  .post-bottom-wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

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

  .template-bottom-wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

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

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

  .legacy-sidebar {
    display: none;
  }

  .legacy-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-bottom: 4rem;
  }

  .legacy-content_header {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-bottom: 2rem;
  }

  .legacy-rich-text-style h2 {
    margin-top: 3.5rem;
    margin-bottom: 1.5rem;
  }

  .legacy-rich-text-style h3 {
    margin-bottom: 1.5rem;
  }

  .legacy-rich-text-style p {
    font-size: var(--_text-styles---regular-16px);
    margin-bottom: 1.5rem;
  }

  .legacy-rich-text-style blockquote {
    font-size: var(--_text-styles---medium-18px);
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 1.25rem;
  }

  .legacy-rich-text-style figure {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 1.25rem;
  }

  .legacy-rich-text-style ul {
    font-size: var(--_text-styles---regular-16px);
  }

  .legacy-rich-text-style h4 {
    margin-bottom: 1.5rem;
  }

  .category-radio-item {
    flex: none;
  }

  .faq-header {
    position: static;
  }

  .audit-hero {
    padding: 4rem 2.5rem;
  }

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

  .audit_form-padding {
    padding: 1.5rem;
  }

  .audit_form-list {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .approach-main-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .approach_card {
    height: auto;
    padding: 1.75rem;
  }

  .approach_card-icon {
    width: 3.5rem;
    height: 3.5rem;
  }

  .hero-blog-main-wrapper {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
  }

  .hero-blog_details, .blog_writer {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .hero-blog_preview-background {
    padding: 1.5rem;
  }

  .related-main-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .cta-large {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

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

  .blog_cta_header {
    max-width: 100%;
  }

  .blog-cta_logo {
    display: none;
  }

  .sticky_filtration {
    top: 3.5rem;
  }

  .cta_left {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
    align-items: stretch;
  }

  .padding-section-hero {
    padding-bottom: 5rem;
  }

  .cs-info-main-list {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
  }

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

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

  .cs-info_card-list {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .cs-info_cards-wrap {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
  }

  .cs-info_card {
    padding: 1.25rem;
  }

  .cs-info_card.is-large {
    min-width: auto;
  }

  .cs-info-grid {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-columns: 1fr 1fr;
  }

  .cs-body-main-wrapper {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
    padding-bottom: 1rem;
  }

  .cs-rich-text-style h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

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

  .cs-rich-text-style h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  .cs-rich-text-style figure {
    margin-bottom: 1rem;
  }

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

  .testimonial-card_header {
    max-width: 100%;
  }

  .problem-item_wrap {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .guarantee_card-icon-noborder {
    width: 3.5rem;
    height: 3.5rem;
  }

  .pricing-card-2 {
    padding: 1.45rem 1.45rem 1.875rem;
  }

  .plans_containerv2 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .button-2 {
    border-radius: .5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1rem;
  }

  .templates-filtration_list {
    width: 100%;
    overflow: auto hidden;
  }

  .templates-radio-button {
    flex: none;
  }

  .n-anchor-element {
    top: 30rem;
  }

  .templates-link, .templates-button {
    flex: none;
  }

  .overview-main-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .overview_item_header {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .templates-list-main-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

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

  .animations-list_header.fn-list-header-hiw {
    max-width: none;
  }

  .animations-list_wrapper.fn-animations-list-wrapper {
    justify-content: center;
  }

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

  .build-tab_content-item {
    padding: 2rem;
  }

  .vault-cta-main-wrap {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    padding-top: 4rem;
    padding-bottom: 0;
    display: flex;
  }

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

  .vault_cta_scoll-list {
    flex-flow: row;
  }

  .vault_cta_scroll-wrap {
    position: static;
  }

  .vault_background {
    background-image: linear-gradient(90deg, var(--black--100), var(--transparent) 20%, var(--transparent) 80%, var(--black--100));
    height: calc(100% - 17rem);
    inset: auto 0% 0%;
  }

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

  .animations-list.animations-list-forge-new {
    grid-template-columns: 1fr 1fr;
  }

  .templates-hero-main-wrap {
    grid-template-columns: 1fr;
  }

  .templates-hero-main-wrap.fn-hero-main-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .templates-hero_nav {
    z-index: 2;
    border-bottom: .0625rem solid var(--black--10);
    background-color: var(--white--100);
    padding-top: 1rem;
    padding-bottom: 0;
    position: static;
  }

  .templates-hero_nav:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .templates-hero_nav.new {
    width: 100%;
  }

  .filter_template-link:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .filter_template-link.new-7, .filter_template-link.new-10, .filter_template-link.new-template-link {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .templates_filtration {
    height: calc(100dvh - 8rem);
    overflow: auto;
  }

  .template-filter_accordion {
    padding-bottom: 1rem;
  }

  .template-filter_accordion:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter_accordion.new-18, .template-filter_accordion-trigger:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter_accordion-trigger.new-19 {
    display: none;
  }

  .template-filter_accordion-content {
    max-height: none;
    overflow: hidden;
  }

  .template-filter_accordion-content:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter_accordion-content.new-25 {
    flex-flow: column;
    display: flex;
  }

  .templates_filtration_trigger {
    background-color: var(--white--100);
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
  }

  .hero-access_grid {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .plans-main-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .plans_header {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

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

  .vault-faq-main-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

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

  .vault-faq_accordion-trigger {
    padding: 1.25rem;
  }

  .comp-main-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .comp-content.fn-comp-content, .comp-info.fn-comp-info-headline {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .comp-copy-content.smaller-margin.fn-comp-copy-content {
    padding-top: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .comp-copy-content.container-lim {
    max-width: 30rem;
  }

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

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

  .logo-graphic {
    width: 1rem;
  }

  .logo-collapsible {
    width: 100%;
    max-width: 6.2rem;
  }

  .problem-cards {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    position: static;
  }

  .problem-image-hold {
    width: 3rem;
  }

  .splide__slide.works-slides {
    width: 65%;
  }

  .works-arrow-icon {
    display: none;
  }

  .container-portfolio-hero {
    height: auto;
  }

  .portfolio-filter-wrap {
    position: static;
    top: auto;
  }

  .portfolio-filter-group {
    border-radius: .75rem;
    flex-flow: wrap;
    padding: 1.5rem;
  }

  .n-nav-bar_link {
    padding: 1rem;
  }

  .n-button {
    font-size: var(--_text-styles---medium-18px);
  }

  .why-main-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

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

  .why-card {
    padding: 2rem;
    position: static;
  }

  .explain-main-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

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

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

  .intergration-main-wrap {
    grid-template-columns: 1fr;
  }

  .integration_header {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .integration_animation-hold {
    height: 100vw;
    padding: .25rem;
  }

  .integrationg_tabs-wrap {
    top: .5rem;
    left: .5rem;
  }

  .n-testimonials-main-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .n-testimonial-swiper-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .n-testimonial-slider {
    max-width: calc(100vw - 2rem);
  }

  .n-testimonial-list {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .swiper_project-thumbnail {
    height: 65vw;
  }

  .swiper_project-details {
    padding: 1.25rem;
  }

  .project-details-wrap {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .swiper_project_arrow, .swiper_projects-btn {
    display: none;
  }

  .padding-global-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .heading-style-h3-3 {
    font-size: 1.5rem;
  }

  .navbar {
    top: 2.5rem;
  }

  .nav-bar_container2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .text-size-20 {
    font-size: 1.125rem;
  }

  .pill-layer {
    padding: 1.5rem;
  }

  .resource-pills {
    padding: 1rem;
  }

  .nav-forge-logo {
    max-width: 7rem;
  }

  .forge-button {
    font-size: var(--_text-styles---medium-18px);
  }

  .navbar-forge_container {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .forge-hero-main-wrap {
    padding-top: 8rem;
  }

  .platform-main-wrap {
    padding: 1.5rem;
  }

  .platform-content-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .platform-content-image {
    border-radius: .75rem;
  }

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

  .feature-table {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

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

  .brand-features-header-content {
    padding-top: .5rem;
  }

  .diy-header {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
  }

  .features-item-cell, .brand-feature-item-content {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .brand-feature-item-end-content {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .footer-brand-logo {
    max-width: 12.19rem;
  }

  .brand-feature-item-content-start {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .how-it-works-card {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .hiw-card-text-block {
    padding-bottom: 2.5rem;
    padding-right: 0;
  }

  .hiw-tabs {
    margin-right: 2rem;
  }

  .hiw-panel {
    padding-left: 1.5rem;
  }

  .cta-components-main-wrap {
    padding: 3rem;
  }

  .template-filter-header:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter-header.new-23, .template-filter-header.new-40 {
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: block;
  }

  .templates-filtration-border:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .templates-filtration-border.new-16 {
    display: block;
  }

  .template-filter_accordion-trigger-copy:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717) {
    display: none;
  }

  .setup-tab-pane {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .setup-content-head-wrap {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .setup-code-view-animation {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    text-align: center;
    flex-flow: column;
  }

  .setup-content-how-to-wrap {
    padding-top: 3rem;
    padding-bottom: 1.5rem;
  }

  .component-related-main-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

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

  .template-filters {
    padding-bottom: 1rem;
  }

  .template-filters:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filters.new-39 {
    display: block;
  }

  .template-filter-content-padding:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter-content-padding.new-43 {
    padding-bottom: 0;
  }

  .template-filter-content {
    max-height: none;
    overflow: hidden;
  }

  .template-filter-content:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter-content.new-42, .membership-grid {
    flex-flow: column;
    display: flex;
  }

  .membership-pat-top {
    top: -87%;
  }

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

  .newsletter-hero-main-wrap {
    padding-top: 8.5rem;
  }

  .newsletter-text-field:focus {
    border-style: none;
    border-color: var(--transparent);
  }

  .newsletter-components-main-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .legacy-rich-text-style-copy h2 {
    margin-top: 3.5rem;
    margin-bottom: 1.5rem;
  }

  .legacy-rich-text-style-copy h3 {
    margin-bottom: 1.5rem;
  }

  .legacy-rich-text-style-copy p {
    font-size: var(--_text-styles---regular-16px);
    margin-bottom: 1.5rem;
  }

  .legacy-rich-text-style-copy blockquote {
    font-size: var(--_text-styles---medium-18px);
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 1.25rem;
  }

  .legacy-rich-text-style-copy figure {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 1.25rem;
  }

  .legacy-rich-text-style-copy ul {
    font-size: var(--_text-styles---regular-16px);
  }

  .legacy-rich-text-style-copy h4 {
    margin-bottom: 1.5rem;
  }

  .fn-legal-main-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 5.5fr;
  }

  .legal-page-link, .toc-header {
    padding-top: .63rem;
    padding-bottom: .63rem;
  }

  .fn-legal-main-wrap {
    padding-top: 8.5rem;
    padding-bottom: 3rem;
  }

  .fn-legal-rte h2 {
    margin-top: 3.5rem;
    margin-bottom: 1.5rem;
  }

  .fn-legal-rte h3 {
    margin-bottom: 1.5rem;
  }

  .fn-legal-rte p {
    font-size: var(--_text-styles---regular-16px);
    margin-bottom: 1.5rem;
  }

  .fn-legal-rte blockquote {
    font-size: var(--_text-styles---medium-18px);
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 1.25rem;
  }

  .fn-legal-rte figure {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 1.25rem;
  }

  .fn-legal-rte ul {
    font-size: var(--_text-styles---regular-16px);
  }

  .fn-legal-rte h4 {
    margin-bottom: 1.5rem;
  }

  .padding-global-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-global-3.padding-section-hero {
    padding-bottom: 3rem;
  }

  .nav-bar_main-wrapper-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .button-7 {
    font-size: 1.125rem;
  }

  .n-nav-bar_link-2 {
    padding: 1rem;
  }

  .animations-list-empty-state {
    width: 100%;
    margin-top: 1rem;
  }

  .platform-content-image-wrap {
    border-radius: .75rem;
  }

  .components-empty-state, .components-empty-state-external {
    margin-left: auto;
    margin-right: auto;
  }

  ._404-main-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }
}

@media screen and (max-width: 479px) {
  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

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

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

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

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

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

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

  .padding-global.mob-edit {
    padding-left: .5rem;
    padding-right: 0;
  }

  .padding-global.padding-section-components-hero, .padding-global.padding-section-component-template-hero {
    padding-top: 7.5rem;
  }

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

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

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

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

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

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

  .button {
    font-size: var(--_text-styles---small-14px);
  }

  .icon-1x1-xsmall {
    width: 1.25rem;
    height: 1.25rem;
  }

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

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

  .problem-main-wrapper {
    grid-row-gap: 3rem;
  }

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

  .testimonial-main-wrapper {
    grid-row-gap: 2rem;
  }

  .testimonial-item {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    padding: 1.5rem;
  }

  .testimonial-item_top {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .section_hero-grid {
    grid-row-gap: 2.5rem;
  }

  .hero-cta {
    height: 18rem;
    padding: 1.5rem;
  }

  ._1 {
    height: 2rem;
  }

  .advantage_card {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    padding: 1.5rem;
  }

  .advatage_card-content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .webflow-accordion {
    padding-left: 0;
    padding-right: 0;
  }

  .webflow-accordion_padding {
    padding-right: 1.25rem;
  }

  .webflow-grid_right-wrap {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .pricing-main-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .pricing-card, .pricing-card_popular {
    padding: 1.5rem 1.25rem;
  }

  .pricing-card_popular-bottom {
    max-width: none;
  }

  .guarantee-main-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .guarantee-headers {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .guarantee-grid, .guarantee-grid.is-centred-list {
    grid-template-columns: 1fr;
  }

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

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

  .footer-social-links.no-gap-mob {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .social-link.footer-social-link {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: .5rem;
  }

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

  .trustpilot-embed {
    width: 8.25rem;
    height: 1.75rem;
  }

  .case-study-main-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .post-preview_image.is-blog {
    height: 80vw;
  }

  .posts_pagination {
    padding-top: 3.5rem;
  }

  .nav-bar_link-large {
    padding: .75rem;
  }

  .nav-bar-icon-wrap {
    width: 3.5rem;
    height: 3.5rem;
  }

  .serach-field {
    min-width: calc(100% - 1.5rem);
  }

  .post-bottom-wrapper {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .cta-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1.5rem;
  }

  .backed-logo-list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .menu-button_icon {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .audit-hero {
    padding: 2rem 1.25rem;
  }

  .audit-main-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .audit_background-overlay {
    background-color: var(--black--15);
  }

  .audit_form-padding {
    padding: .75rem;
  }

  .approach-main-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

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

  .approach_card {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    border-right-style: none;
  }

  .padding-section-hero-blog {
    padding-top: 2.5rem;
  }

  .hero-blog_preview-background {
    padding: .75rem;
  }

  .related-top-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .cta-large {
    padding: 2rem;
  }

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

  .padding-section-hero {
    padding-bottom: 4.5rem;
  }

  .audit-popup_content {
    padding: 1.5rem;
  }

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

  .testimonial-card {
    padding: 2rem;
  }

  .pricing-card-2 {
    padding: 1.5rem 1.25rem 1.875rem;
  }

  .plan_heading-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .plan_heading-container.is-popular {
    justify-content: space-between;
    align-items: flex-start;
  }

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

  .button-2 {
    font-size: 1rem;
    line-height: 1rem;
  }

  .overview_grid-tab {
    flex-flow: column;
  }

  .templates-list-main-wrap, .animations-list-main-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .animations-list_header.fn-list-header-component-page {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .animations-list_header.fn-list-header-component-related {
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .build-tab_content-item {
    min-height: 30rem;
    padding: 1rem;
  }

  .build-tab_content_background {
    height: 75%;
    inset: auto 0% 0%;
  }

  .vault_background {
    height: calc(100% - 16rem);
  }

  .animations-list, .animations-list.animations-list-forge-new, .animations-list.fn-animations-list {
    grid-template-columns: 1fr;
  }

  .template-filter_accordion:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter_accordion.new-18, .template-filter_accordion-trigger:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter_accordion-trigger.new-19 {
    display: none;
  }

  .hero-access-main-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

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

  .plans-main-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .plans-grid_card {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1.25rem;
  }

  .vault-faq_icon {
    width: 2.5rem;
    height: 2.5rem;
  }

  .vault-faq_icon_horizontal {
    width: 1rem;
  }

  .vault-faq_icon_vertical {
    height: 1rem;
  }

  .comp-info.fn-comp-info-headline {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-bottom: 0;
  }

  .breadcrumbs-text-block, .comp-button-hold {
    flex-flow: wrap;
  }

  .comp-copy-content.tab-container.fn-comp-copy-content-tab-container {
    align-items: stretch;
  }

  .comp-copy-content.smaller-margin.fn-comp-copy-content {
    padding: 1.5rem .5rem;
  }

  .comp-copy-content.container-lim {
    max-width: 22.5rem;
  }

  .comp-doc-label {
    flex-flow: wrap;
  }

  .comp-divider.fn-comp-divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .comp-setup-block.fn-comp-setup-block {
    margin-top: 2rem;
  }

  .comp-webflow-block {
    flex-flow: wrap;
  }

  .comp-webflow-block.fn-comp-webflow-block {
    margin-top: 0;
  }

  .splide__slide.works-slides {
    width: 70%;
  }

  .works-info-block {
    padding: 1rem;
  }

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

  .drop_down-field {
    padding-top: .76rem;
    padding-bottom: .76rem;
  }

  .n-nav-bar-icon-wrap {
    width: 3.5rem;
    height: 3.5rem;
  }

  .n-nav-bar_link {
    padding: .75rem;
  }

  .n-button {
    font-size: var(--_text-styles---small-14px);
  }

  .why_content {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
  }

  .explain-main-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .integrationg_tabs-wrap {
    width: calc(100% - 1rem);
    left: .5rem;
  }

  .integration-tab {
    flex: 1;
    width: 100%;
    min-width: 7rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .testimonial-btn {
    flex-flow: column;
    width: 90%;
  }

  .n-testimonial-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hero_heading {
    font-size: 2.5rem;
  }

  .timeline-block {
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

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

  .navbar {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .nav-menu {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .main-wrap-component {
    padding: 1.25rem 1rem;
  }

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

  .tabs-menu-2.fn-tabs-menu {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    align-items: stretch;
    margin-bottom: 0;
  }

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

  .pill-layer {
    flex-flow: column;
    display: flex;
  }

  .go-live-block.fn-go-live-block {
    text-align: center;
    flex-flow: column;
  }

  .forge-button {
    font-size: var(--_text-styles---small-14px);
  }

  .navbar-forge_container {
    padding-left: 0;
    padding-right: 0;
  }

  .forge-hero-main-wrap.hero-component-page-main-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .forge-logo-link {
    padding-left: .5rem;
  }

  .platform-main-wrap {
    padding: .5rem 1rem 1rem;
  }

  .platform-content-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

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

  .feature-table {
    min-width: 45rem;
  }

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

  .faq-card {
    padding: 1.5rem;
  }

  .cta-text-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding: 1.5rem;
  }

  .footer-block-right {
    grid-template-columns: 1fr;
  }

  .footer-forge-bottom-links {
    flex-flow: column;
  }

  .how-it-works-card {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    display: flex;
  }

  .hiw-card-image-block {
    margin-top: auto;
  }

  .hiw-card-text-block {
    padding-bottom: 1rem;
  }

  .progress-icon {
    max-width: 1.5rem;
  }

  .hiw-tabs {
    margin-top: 1.5rem;
    margin-right: 1rem;
  }

  .hiw-panel {
    padding-left: .75rem;
  }

  .hiw-card-content {
    flex-flow: column;
    height: 100%;
    display: flex;
  }

  .cta-components-main-wrap {
    padding: 1.5rem;
  }

  .cta-components-text-block {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .template-filter-header:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filter-header.new-23, .template-filter-header.new-40, .templates-filtration-border:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .templates-filtration-border.new-16 {
    display: block;
  }

  .template-filter_accordion-trigger-copy:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717) {
    display: none;
  }

  .component-setup-tabs {
    justify-content: flex-start;
    align-items: center;
  }

  .setup-tabs-menu {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .setup-tabs-content {
    margin-top: 1.5rem;
  }

  .setup-tab-pane {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .setup-content-head-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

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

  .setup-content-headline-buttons {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

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

  .setup-code-headline {
    text-align: center;
  }

  .template-filters:where(.w-variant-8f4dfd5f-6f88-1e22-0356-4e0ae7f55717), .template-filters.new-39 {
    display: block;
  }

  .membership-hero-container {
    margin-top: -4.7rem;
    padding-bottom: 3rem;
  }

  .membership-hero-cards {
    padding-left: 0;
    padding-right: 0;
  }

  .membership-pat-top {
    top: -93%;
  }

  .plans-content-grid_card {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1.5rem 1.25rem;
  }

  .newsletter-hero-main-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 7.5rem;
    padding-bottom: 1rem;
  }

  .newsletter-form-block {
    background-image: none;
    border-style: none;
  }

  .newsletter-form {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    background-image: none;
    border-style: none;
    flex-flow: column;
    align-items: stretch;
    padding: 0;
  }

  .newsletter-submit-button {
    border: .03rem solid var(--grayish-blue);
    padding: .75rem;
  }

  .newsletter-text-field {
    height: auto;
  }

  .newsletter-field-wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border: .03rem solid var(--grayish-blue);
    background-image: linear-gradient(90deg, #fff0 25%, #7b7b7b33 80%, #7b7b7b66);
    border-radius: 1.5rem;
    padding: .88rem .75rem;
  }

  .newsletter-components-main-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .newsletter-header-block {
    position: static;
  }

  .fn-legal-main-grid {
    grid-template-columns: 1fr;
  }

  .legal-nav {
    position: static;
  }

  .fn-legal-main-wrap {
    padding-top: 6rem;
  }

  .padding-global-3.mob-edit {
    padding-left: .5rem;
    padding-right: 0;
  }

  .n-nav-bar-icon-wrap-2 {
    width: 3.5rem;
    height: 3.5rem;
  }

  .social-link-2.footer-social-link {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: .5rem;
  }

  .button-7 {
    font-size: .875rem;
  }

  .n-nav-bar_link-2 {
    padding: .75rem;
  }

  .nav-bar-icon-wrap-2 {
    width: 3.5rem;
    height: 3.5rem;
  }

  .animations-list-empty-state {
    margin-top: 0;
  }

  ._404-main-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .forge-logo-icon {
    max-width: 1.03rem;
  }

  .forge-logo-text {
    max-width: 5.34rem;
  }
}

#w-node-_035290c6-d1b3-5e0e-93e5-c77050dd0981-50dd0906 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cdc8-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cdd7-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cdd8-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cddc-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cddd-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cde1-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cde2-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cde6-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cde7-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cdeb-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cdec-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cdf0-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cdf1-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cdfb-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cdfc-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce00-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce01-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce05-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce06-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce0a-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce0b-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce0f-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce10-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce14-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce15-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce1f-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce20-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce24-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce25-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce29-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce2a-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce2e-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce2f-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce38-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce39-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce42-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce43-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce55-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce56-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce5a-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce5b-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce5f-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce60-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce64-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce65-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce69-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce6a-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce79-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce7a-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce7e-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce7f-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce83-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce84-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce88-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce89-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce8d-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce8e-8811d02c {
  justify-self: start;
}

#w-node-bc3f0db9-f70a-ec87-758e-e6149700c1d8-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bc3f0db9-f70a-ec87-758e-e6149700c1d9-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce99-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce9a-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce9e-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ce9f-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cea3-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cea4-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cea8-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cea9-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cead-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ceae-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ceb2-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ceb3-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ceb7-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ceb8-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cebc-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cebd-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cec1-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cec2-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cec6-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cec7-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cecb-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cecc-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ced7-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ced8-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cedc-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cedd-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cee1-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cee2-8811d02c {
  justify-self: start;
}

#w-node-_3d678855-1913-99c3-d340-5b868f4fa590-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3d678855-1913-99c3-d340-5b868f4fa591-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cee9-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8ceea-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf1c-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf33-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf34-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf35-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf37-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf3a-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf3b-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf3c-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf40-8811d02c, #w-node-_115a7397-17d0-0ff8-684c-6cc92ce283ba-8811d02c, #w-node-_115a7397-17d0-0ff8-684c-6cc92ce283bb-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_115a7397-17d0-0ff8-684c-6cc92ce283bc-8811d02c {
  justify-self: start;
}

#w-node-_115a7397-17d0-0ff8-684c-6cc92ce283be-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf43-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf44-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf45-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf49-8811d02c, #w-node-_7db4a18a-8c75-5305-e816-cf5bf7f8e731-8811d02c, #w-node-_7db4a18a-8c75-5305-e816-cf5bf7f8e732-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7db4a18a-8c75-5305-e816-cf5bf7f8e733-8811d02c {
  justify-self: start;
}

#w-node-_7db4a18a-8c75-5305-e816-cf5bf7f8e735-8811d02c, #w-node-c938a0a7-8197-29a2-cabe-d116ebcd7d40-8811d02c, #w-node-c938a0a7-8197-29a2-cabe-d116ebcd7d41-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c938a0a7-8197-29a2-cabe-d116ebcd7d42-8811d02c {
  justify-self: start;
}

#w-node-c938a0a7-8197-29a2-cabe-d116ebcd7d44-8811d02c, #w-node-_402954be-bf90-8965-5d7b-7a0c8847809d-8811d02c, #w-node-_402954be-bf90-8965-5d7b-7a0c8847809e-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_402954be-bf90-8965-5d7b-7a0c8847809f-8811d02c {
  justify-self: start;
}

#w-node-_402954be-bf90-8965-5d7b-7a0c884780a1-8811d02c, #w-node-be8a29c1-18ad-fb6c-2c96-1bad4c247c29-8811d02c, #w-node-be8a29c1-18ad-fb6c-2c96-1bad4c247c2a-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-be8a29c1-18ad-fb6c-2c96-1bad4c247c2b-8811d02c {
  justify-self: start;
}

#w-node-be8a29c1-18ad-fb6c-2c96-1bad4c247c2d-8811d02c, #w-node-ff2eb288-351b-ba29-c750-7e94d3a5900a-8811d02c, #w-node-ff2eb288-351b-ba29-c750-7e94d3a5900b-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ff2eb288-351b-ba29-c750-7e94d3a5900c-8811d02c {
  justify-self: start;
}

#w-node-ff2eb288-351b-ba29-c750-7e94d3a5900e-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf58-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf59-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf5d-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf60-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf65-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf66-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf67-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf6b-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf6e-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf6f-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf70-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf76-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf79-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf7a-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf7b-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf81-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf84-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf85-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf86-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf8e-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf91-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf92-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf93-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cf9f-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfa0-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfa1-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfa5-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfaa-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfab-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfac-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfb2-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfb7-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfb8-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfb9-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfbf-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfc4-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfc5-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfc6-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfce-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfd4-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfd5-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfdb-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfe1-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfe2-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfe3-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfe9-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfee-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfef-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cff0-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cff8-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cffd-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8cffe-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8cfff-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d007-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d00c-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d00d-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d00e-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d018-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d01e-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d01f-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d027-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d030-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d031-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d032-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d03b-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d03c-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d03d-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d046-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d047-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d048-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d063-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d064-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d069-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d06a-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d072-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d073-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d07a-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d07b-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d08a-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d08b-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d08c-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d08d-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d08f-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d092-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d096-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d097-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d098-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0a1-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0a2-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0a3-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0ac-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0ad-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0ae-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0af-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0b5-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0b6-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0b7-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0b8-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0ba-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0be-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0bf-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0c0-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0c1-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0c3-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0cc-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0d3-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0d4-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0d5-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0d6-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0d8-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0db-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0df-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0e0-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0e1-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0ea-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0eb-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0ec-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0f5-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0f6-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0f7-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0f8-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0fe-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d0ff-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d100-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d101-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d103-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d107-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d108-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d109-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d10a-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d10c-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1a7-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1aa-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1ab-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1ae-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1af-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1b2-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1b3-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1b7-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1ba-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1bb-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1be-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1bf-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1c2-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1c7-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1cb-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1cc-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1ce-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1d0-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1d1-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1d3-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1d5-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1d6-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1d8-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1da-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1db-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1dd-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1df-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1e0-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1e2-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1e4-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1e5-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1e7-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1e9-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1eb-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1ed-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1ef-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1f0-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1f2-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1f3-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1f5-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1f6-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1f8-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1f9-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1fb-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1fc-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1fe-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d1ff-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d201-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d202-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d204-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d20a-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d20d-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d20e-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d210-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d212-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d213-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d215-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d217-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d218-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d21a-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d21c-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d21d-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d21f-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d221-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d222-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d224-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d226-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d227-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d229-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d22b-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d22c-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d22e-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d230-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d231-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d233-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d235-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d236-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d238-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d23a-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d23b-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d23d-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d23f-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d240-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d242-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d247-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d24b-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d24d-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d250-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d255-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d25a-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d25f-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d264-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d26b-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d26c-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d26e-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d26f-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d271-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d272-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d274-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d275-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d277-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d278-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d27a-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d27b-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d27d-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d27e-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d280-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d281-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d283-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d284-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d286-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d287-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d289-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d28a-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d28c-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d28d-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d28f-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d290-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d292-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d293-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d295-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d296-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d298-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d299-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d29b-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d29c-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d29e-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d29f-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2a1-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2a2-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2a4-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2a5-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2a7-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2a8-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2aa-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2ab-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2ad-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2ae-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2b0-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2b1-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2b3-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2b4-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2b6-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2b7-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2b9-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2ba-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2bc-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2bd-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2bf-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2c0-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2c2-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2c3-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2c8-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2cc-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2ce-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2d1-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2d6-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2db-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2e0-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2e5-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2ec-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2ed-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2ef-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2f0-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2f2-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2f3-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2f5-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2f6-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2f8-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2f9-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2fb-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2fc-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2fe-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d2ff-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d301-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d302-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d304-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d305-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d307-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d308-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d30a-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d30b-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d30d-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d30e-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d310-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d311-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d313-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d314-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d316-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d317-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d319-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d31a-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d31c-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d31d-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d31f-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d320-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d322-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d323-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d325-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d326-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d328-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d329-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d32b-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d32c-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d32e-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d32f-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d331-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d332-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d334-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d335-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d337-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d338-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d33a-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d33b-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d33d-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d33e-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d340-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d341-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d343-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d344-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d349-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d34c-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d34d-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d34f-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d350-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d352-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d353-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d355-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d356-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d358-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d359-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d35b-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d35c-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d35e-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d35f-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d361-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d362-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d364-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d365-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d367-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d368-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d36a-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d36b-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d36d-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d36e-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d370-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d371-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d373-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d374-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d376-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d377-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d379-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d37a-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d37c-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d37d-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d37f-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d380-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d382-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d383-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d385-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d386-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d388-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d389-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d38b-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d38c-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d47e-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d482-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d483-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d487-8811d02c, #w-node-d92a5b40-d3eb-f023-97db-6bf718e8d489-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d48a-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d48e-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d48f-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d493-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d494-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d498-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d499-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d49d-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d49e-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4a2-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4a3-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4a7-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4a8-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4ac-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4ad-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4b1-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4b2-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4b6-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4b7-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4ba-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4bb-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4bf-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4c0-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4c4-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4c5-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4c9-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4ca-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4ce-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4cf-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4d3-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4d4-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4d8-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4d9-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4dd-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4de-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4e2-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4e3-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4e7-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4e8-8811d02c {
  justify-self: start;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4ec-8811d02c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d92a5b40-d3eb-f023-97db-6bf718e8d4ed-8811d02c {
  justify-self: start;
}

#w-node-_84cee3d2-0a08-a683-ce32-e27e04138b08-8811d039, #w-node-ca1871e6-be61-f6ce-4fb7-684980e50820-8811d039, #w-node-c81d07b4-464c-ffb3-84fd-ac1b8c7bf583-8c7bf56e {
  justify-self: end;
}

#w-node-_4c4cf02d-ce17-cbf8-5941-4d8656d656bb-8811d04b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e7637a7a-0bc0-ef65-412f-112afc18eee4-8811d128 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

@media screen and (max-width: 991px) {
  #w-node-_035290c6-d1b3-5e0e-93e5-c77050dd0981-50dd0906 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2612ecef-3f95-170e-9b0f-f55de60a4b24-cc04d118 {
    order: -9999;
  }

  #w-node-_4596a682-35e6-7bd2-7eba-12c8288f3126-8811d033 {
    order: 9999;
  }

  #w-node-_84cee3d2-0a08-a683-ce32-e27e04138b08-8811d039 {
    justify-self: auto;
  }

  #w-node-e7637a7a-0bc0-ef65-412f-112afc18eee4-8811d128 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d6cc28f4-1477-b313-292e-c26e144e6a4a-8811d02f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4596a682-35e6-7bd2-7eba-12c8288f3126-8811d033 {
    order: 9999;
  }
}


@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-ExtraBold.woff2') format('woff2'), url('../fonts/Manrope-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}