@font-face {
  font-family: SOCIAL ICONS;
  src: url('../fonts/61b248998f52b7551dfe1e02_social-icons.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

@font-face {
  font-family: Bogart;
  src: url('../fonts/Zetafonts---Bogart-Semibold.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --accent: #22d16b;
  --white: white;
  --black: #152738;
  --gray-1: #f8f8f7;
  --primary-2: #42859c;
  --border-2: #42859c1f;
  --gray-2: #ecece9;
  --border-1: #42859c4d;
  --primary-1: #234854;
  --primary-3: #7cb4c8;
}

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

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

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

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

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

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

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

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

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

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

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

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: .25em;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.1;
}

h2 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: .25em;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: .25em;
  font-size: 1.17em;
  font-weight: 500;
  line-height: 1.2;
}

h4 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: .25em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.25;
}

h5 {
  z-index: 5;
  margin-top: 0;
  margin-bottom: .5em;
  font-size: .83em;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
}

h6 {
  z-index: 5;
  margin-top: 0;
  margin-bottom: .5em;
  font-size: .67em;
  font-weight: 500;
  line-height: 1.25;
  position: relative;
}

p {
  max-width: 44ch;
  margin-top: .5em;
  margin-bottom: 1em;
}

a {
  color: var(--accent);
  text-decoration: none;
}

strong {
  font-weight: 500;
}

blockquote {
  border-left: 5px solid var(--accent);
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: -1.25em;
  padding: 0 1.25em;
  font-size: 1.125em;
  line-height: 1.4;
}

.body {
  background-color: var(--white);
  color: var(--black);
  font-family: Satoshi, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.44;
}

.layout {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.layout.trial {
  margin-top: 351px;
}

.grid {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.grid.zero-top {
  grid-row-gap: 100px;
  padding-top: 0;
}

.grid.zero-top.twotext {
  grid-row-gap: 24px;
  grid-template-rows: 1fr;
  grid-auto-flow: row;
}

.grid.zero-top-bottom {
  padding-top: 0;
  padding-bottom: 0;
}

.grid.trial {
  margin-top: 281px;
}

.heading-01-hero {
  z-index: 5;
  letter-spacing: -.03em;
  white-space: normal;
  max-width: 16ch;
  padding-bottom: 0;
  font-size: 90px;
  font-weight: 500;
  line-height: 1.1em;
  position: relative;
}

.heading-01-hero.smaller {
  font-size: 4em;
}

.heading-01-hero.smaller.zero-margin-top {
  margin-top: 0;
}

.heading-02-section {
  z-index: 5;
  letter-spacing: -.02em;
  max-width: 25ch;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.2;
  position: relative;
}

.heading-02-section.margin-large {
  flex: 0 auto;
  margin-bottom: 22px;
}

.heading-02-section.smaller {
  font-size: 40px;
  line-height: 50px;
}

.style-guide-row {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .33fr 1fr;
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.style-guide-sticky {
  background-color: var(--gray-1);
  padding: 0;
  line-height: 1.4;
  position: relative;
}

.style-guide-list-item {
  grid-column-gap: 0px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-items: start;
}

.button {
  z-index: 5;
  background-color: var(--accent);
  height: 55px;
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  transition: background-color .3s, color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.button.circle-medium.button-size-small {
  padding: .8em;
}

.button._401 {
  min-width: 48px;
  padding: 14px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.style-guide-column {
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-items: start;
}

.circle-small {
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-height: auto;
  padding: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: relative;
  overflow: hidden;
}

.circle-small.bg-gray-1 {
  background-color: var(--border-2);
}

.circle-small.bg-gray-1.lighter {
  background-color: var(--gray-1);
}

.circle-small.bg-facebook {
  background-color: #4968ab;
}

.circle-small.bg-twitter {
  background-color: #4ca0e9;
}

.circle-small.bg-linkedin {
  background-color: #4376ab;
}

.circle-medium {
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  min-height: auto;
  padding: .75em;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
  position: relative;
  overflow: hidden;
}

.circle-large {
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  min-height: auto;
  padding: .875em;
  font-family: Code next;
  font-size: 1.625em;
  font-weight: 700;
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon {
  z-index: 5;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: relative;
}

.text-large {
  letter-spacing: 0;
  max-width: 36ch;
  margin-top: .25em;
  margin-bottom: 1.25em;
  font-size: 25px;
  line-height: 1.3;
}

.text-large.aboutpge {
  max-width: 90ch;
}

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

.button-size-small {
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  display: flex;
}

.button-size-large {
  justify-content: center;
  align-items: center;
  height: 90px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.button-outline {
  box-shadow: inset 0 0 0 1px var(--white);
  color: var(--white);
  background-color: #0000;
  transition: box-shadow .3s;
  display: flex;
}

.button-outline:hover {
  box-shadow: inset 0 0 0 2px var(--white);
}

.icon-button {
  z-index: 5;
  object-fit: contain;
  margin-right: 6px;
  position: relative;
}

.text-field {
  background-color: var(--white);
  height: 55px;
  box-shadow: inset 0 0 0 1px var(--gray-2);
  color: var(--black);
  border: 1px #000;
  border-radius: 2em;
  align-items: center;
  margin-bottom: 0;
  padding: 0 30px;
  font-size: 16px;
  font-weight: 400;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
}

.text-field:hover {
  box-shadow: inset 0 0 0 1px var(--gray-2);
}

.text-field:focus {
  box-shadow: inset 0 0 0 1px var(--accent);
}

.text-field::placeholder {
  color: var(--border-1);
}

.textarea {
  min-height: 200px;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.field-label {
  margin-bottom: .5em;
  font-size: .875em;
  font-weight: 500;
}

.success {
  background-color: var(--border-2);
  box-shadow: inset 0 0 0 1px var(--border-2);
  color: var(--primary-1);
  padding: 12px;
  line-height: 1.2;
}

.error {
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  background-image: linear-gradient(#f3817314, #f3817314);
  padding: 12px;
  line-height: 1.2;
  box-shadow: inset 0 0 0 1px #f3817314;
}

.checkbox-switch {
  background-color: var(--gray-2);
  cursor: pointer;
  background-image: url('../images/checkbox-switch-handle.svg');
  background-position: 18%;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  border: 1px #000;
  border-radius: 32px;
  width: 36px;
  height: 20px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  transition: background-color .3s, background-position .3s;
}

.checkbox-switch.w--redirected-checked {
  background-color: var(--accent);
  background-image: url('../images/checkbox-switch-handle.svg');
  background-position: 82%;
  background-size: 12px 12px;
  border-style: none;
}

.checkbox-switch.w--redirected-focus {
  box-shadow: none;
}

.checkbox-field {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.checkbox-field.align-top {
  align-items: flex-start;
}

.checkbox-label {
  flex: 1;
  margin-bottom: 0;
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.checkbox {
  background-color: var(--gray-2);
  border-style: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  transition: background-color .3s;
}

.checkbox.w--redirected-checked {
  background-color: var(--accent);
  background-size: 12px;
}

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

.radio-button {
  background-color: var(--gray-2);
  border-style: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
  transition: background-color .3s;
}

.radio-button.w--redirected-checked {
  border: 6px solid var(--accent);
  background-color: var(--white);
}

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

.user-icon {
  height: 80%;
  position: absolute;
  bottom: 0%;
}

.badge {
  z-index: 5;
  color: var(--white);
  text-align: center;
  border-radius: 9999px;
  margin-top: 0;
  margin-bottom: 1.5em;
  padding: .25em 1em;
  font-size: 12px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.badge.bg-primary-1.badge-no-space {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.label {
  z-index: 5;
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: flex;
  position: relative;
}

.label.big {
  font-size: 30px;
}

.opacity-bright {
  z-index: 0;
  opacity: .32;
}

.opacity-low {
  z-index: 0;
  opacity: .08;
}

.opacity-medium {
  z-index: 0;
  opacity: .2;
}

.display-none {
  display: none;
}

.card-medium {
  z-index: 5;
  background-color: var(--border-1);
  border-radius: 1em;
  width: 100%;
  max-height: none;
  padding: 25px;
  position: relative;
  overflow: hidden;
}

.card-medium.center-content.space-between {
  align-items: center;
}

.card-medium.shrink {
  flex: 0 auto;
}

.card-medium.space-between.bg-white.sizing-grow {
  border-radius: 1em;
}

.card-medium.benefits {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.card-medium.nobg {
  background-color: #0000;
}

.card-medium.spacing {
  margin-top: 10px;
}

.card-small {
  border-radius: 1em;
  flex: 1;
  width: 100%;
  padding: 15px;
  position: relative;
  overflow: hidden;
}

.card-small.center-content {
  justify-content: center;
}

.card-small.grow {
  flex: 1;
}

.card-small.steps {
  padding-bottom: 0;
}

.card-small.steps.steps-no-pad {
  padding-left: 0;
  padding-right: 0;
}

.card-large {
  z-index: 5;
  border-radius: 2em;
  width: 100%;
  padding: 50px;
  position: relative;
  overflow: hidden;
}

.card-large.bg-gray-1.space-between.home {
  padding-bottom: 1px;
}

.card-large.bg-white.z-10 {
  z-index: 10;
}

.card-large.bg-white.z-9 {
  z-index: 9;
}

.card-large.bg-white.z-8 {
  z-index: 8;
}

.card-large.zero-padding-bottom-mobile.linkcard {
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.card {
  border-radius: 1em;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.bg-gray-3 {
  background-color: var(--border-1);
  position: relative;
}

.bg-primary-3 {
  background-color: var(--primary-3);
  color: var(--primary-1);
  position: relative;
}

.bg-white {
  background-color: var(--white);
  color: var(--black);
  position: relative;
}

.bg-gray-1 {
  background-color: var(--gray-1);
  color: var(--black);
  position: relative;
}

.bg-gray-2 {
  background-color: var(--gray-2);
  color: var(--black);
  position: relative;
}

.bg-primary-1 {
  background-color: var(--primary-1);
  color: var(--white);
  position: relative;
}

.style-color-title {
  z-index: 5;
  letter-spacing: 0;
  text-transform: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1;
  position: absolute;
  inset: 20px auto auto 20px;
}

.style-color-title.hex {
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-size: 10px;
  top: auto;
  bottom: 20px;
}

.bg-black {
  background-color: var(--black);
  color: var(--white);
  position: relative;
}

.bg-accent {
  background-color: var(--accent);
  color: var(--white);
  position: relative;
}

.bg-primary-2 {
  background-color: var(--primary-2);
  color: var(--white);
  position: relative;
}

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

.wrap-left.space {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  display: grid;
}

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

.utility-page-content {
  background-color: var(--gray-1);
  text-align: center;
  border-radius: 2em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  margin-bottom: 0;
  padding: 36px;
  line-height: 1.5;
  display: flex;
}

.utility-heading {
  color: var(--primary-1);
  margin-top: 16px;
  margin-bottom: 0;
  font-weight: 500;
}

.utility-heading.margin {
  margin-bottom: 16px;
}

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

._4-grid-medium {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.price-medium {
  font-size: 40px;
  font-weight: 600;
  line-height: .9;
}

.price-holder {
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 15px;
  display: flex;
}

.text-gray {
  z-index: 10;
  color: var(--border-1);
  position: relative;
}

.center-content {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.center-content.margin-medium {
  margin-top: 0;
}

.center-content.margin-medium.hometitle {
  margin-bottom: 100px;
}

.list-small {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.price-top {
  z-index: 5;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  margin-bottom: 25px;
  display: flex;
  position: relative;
}

.price-holder-icon {
  z-index: 5;
  justify-content: space-between;
  align-items: flex-end;
  line-height: 1.25;
  display: flex;
  position: relative;
}

.price-large {
  letter-spacing: -.02em;
  padding-top: .2em;
  font-size: 64px;
  font-weight: 600;
  line-height: 1;
}

.pricing-sign-bottom {
  margin-right: 4px;
  font-size: 24px;
}

.icon-margin-left {
  text-align: right;
  margin-left: 12px;
}

.list-item-medium {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  justify-content: start;
  align-items: start;
}

.list-item-medium.align-top {
  align-items: start;
}

.list-item-medium.center {
  grid-template-columns: auto auto;
  align-items: center;
}

.list-medium {
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

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

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

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

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

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

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

.text-gray-1 {
  color: var(--gray-1);
}

.text-gray-2 {
  color: var(--gray-2);
}

.text-gray-3 {
  color: var(--border-1);
}

.tint-3 {
  z-index: 0;
  opacity: .32;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.tint-3.bg-primary-1 {
  background-color: var(--primary-1);
}

.tint-2 {
  z-index: 0;
  opacity: .16;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.tint-2.bg-primary-3 {
  height: 100%;
}

.tint-2.bg-primary-3.roudedgrid {
  border-radius: 2em;
}

.tint-2.bg-gray-1 {
  opacity: 1;
}

.tint-1 {
  z-index: 0;
  opacity: .08;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.title-section {
  background-color: var(--gray-1);
  text-align: center;
  border-radius: 2em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 6em 4em;
  display: flex;
}

.title-paragraph {
  max-width: 512px;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.7;
}

.text-span-title {
  background-color: var(--accent);
  color: var(--white);
  border-radius: 9999px;
  padding-top: 1px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  line-height: 2;
  display: inline-block;
}

.center-top {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-3-grid {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.avatar-medium {
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  padding: 24px;
  font-size: 64px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.team-body-large {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 15px;
  display: flex;
}

.team-body-content-space {
  z-index: 5;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 30px;
  display: flex;
  position: relative;
}

.social-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
}

.team-heading-3x {
  margin-bottom: 4px;
  font-weight: 500;
  line-height: 1;
}

.team-body-content {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 15px;
  display: flex;
}

.team-4-grid-avatar {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.team-4-grid-images {
  grid-column-gap: 25px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.team-2-grid-images {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.team-image-info {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  display: grid;
}

.team-body-content-large-left {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.team-heading-2x {
  margin-bottom: 4px;
  line-height: 1;
}

.title-section-number {
  background-color: var(--accent);
  width: 24px;
  height: 24px;
  color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  display: flex;
  position: relative;
  top: -35px;
  left: 3px;
}

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

.radio-button-field {
  align-items: center;
  display: flex;
}

.navbar-wrapper {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-extra-large {
  z-index: 5;
  perspective: 800px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-extra-large.overlay {
  padding-left: 20px;
  padding-right: 20px;
}

.heading-03-title {
  letter-spacing: -.02em;
  max-width: 640px;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
}

.heading-03-title.margin-medium {
  padding-bottom: 20px;
}

.heading-03-title.space-below {
  margin-bottom: .85em;
}

.form-vertical {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.margin-medium {
  margin-bottom: 0;
}

.margin-medium.center-content {
  margin-top: 25px;
}

.margin-medium.center-content.space-aobve {
  margin-top: 40px;
}

.form-block {
  width: 100%;
  margin-bottom: 0;
}

.form-block.min {
  width: 400px;
}

.divider-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.divider-line {
  background-color: var(--gray-2);
  flex: 1;
  height: 1px;
}

.divider-text {
  margin-left: 12px;
  margin-right: 12px;
  font-size: 12px;
}

.forgot-password-link {
  font-size: 14px;
  transition: color .2s;
}

.forgot-password-link:hover {
  color: var(--accent);
}

.sig-in-help {
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  align-items: center;
}

.form-horizontal {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.form-horizontal.one-field {
  grid-template-columns: 1fr auto;
  grid-auto-flow: row;
}

._2-grid-only-desktop {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fullscreen-section {
  border-radius: 2em;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 100px;
  position: relative;
  overflow: hidden;
}

.fullscreen-section.bg-gray-1 {
  width: auto;
  margin-top: 0;
  overflow: visible;
}

.fullscreen-section.zero-padding-bottom.bg-primary-1 {
  padding-top: 0;
}

.fullscreen-section.zero-padding-bottom.bg-primary-1.trial {
  margin-top: 20px;
  margin-bottom: -250px;
  padding-top: 70px;
  padding-bottom: 200px;
  overflow: visible;
}

.fullscreen-section.zero-padding-bottom.bg-primary-1.trial.about {
  margin-bottom: 50px;
  padding-bottom: 0;
}

.left-content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.download-store-text-1 {
  text-transform: none;
  font-size: 12px;
  line-height: 1.3;
}

.download-store-text-2 {
  letter-spacing: -.01em;
  text-transform: none;
  font-size: 18px;
  font-weight: 500;
}

.icon-button-store {
  z-index: 5;
  object-fit: contain;
  width: 24px;
  height: 24px;
  margin-right: 6px;
  position: relative;
}

._3-grid-large {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.container-medium {
  z-index: 5;
  perspective: 800px;
  object-fit: fill;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
}

.margin-large {
  z-index: 5;
  margin-bottom: 50px;
  position: relative;
}

.lightbox-link {
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

._2-grid-large {
  z-index: 5;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  width: 100%;
  position: relative;
}

._2-grid-small {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  width: 100%;
}

._2-grid-small.trial {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
}

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

._4-grid-small {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.feature-mobile-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr 1fr;
  align-items: center;
  width: 100%;
}

.mobile-wrapper {
  z-index: 5;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.mobile-outer {
  width: 100%;
  max-width: 248px;
  height: 100%;
  min-height: 460px;
  box-shadow: inset 0 0 0 3px var(--border-1);
  border-radius: 40px;
  padding: 12px 12px 14px;
  position: relative;
}

.mobile-inner {
  background-color: var(--white);
  background-image: linear-gradient(to bottom, var(--border-2), var(--border-2));
  border-radius: 28px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 460px;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mobile-inner.zero {
  flex-direction: row;
  align-items: stretch;
  padding: 0;
  display: flex;
}

.mobile-top {
  z-index: 5;
  background-color: #0000;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 56%;
  height: 24px;
  display: flex;
  position: absolute;
  inset: 0 auto auto;
}

.mobile-mic {
  background-color: var(--border-1);
  border-radius: 100px;
  width: 40px;
  height: 4px;
}

.list-item-large {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  justify-content: start;
  align-items: start;
}

.list-item-large.center {
  align-items: center;
}

.list-large {
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

.browser {
  background-color: var(--white);
  background-image: url('../images/happy-people.jpg'), linear-gradient(to bottom, var(--border-2), var(--border-2));
  width: 100%;
  max-width: 952px;
  min-height: 512px;
  color: var(--primary-1);
  text-align: center;
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, repeat;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 12.5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.browser.intro {
  background-image: linear-gradient(to bottom, var(--border-2), var(--border-2));
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 1em;
  max-width: none;
  padding-top: 69px;
  padding-left: 25px;
  padding-right: 25px;
}

.browser.main-image {
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-image: url('../images/SmilingDuo-1600-×-800px.png'), linear-gradient(#0000, #0000);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  background-clip: border-box;
}

.browser.main-image.community-home {
  box-shadow: none;
  background-color: #0000;
  background-image: url('../images/Team-NoBG-wide.png'), linear-gradient(#0000, #0000);
  background-size: cover, auto;
}

.browser.extend {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--accent);
  outline-offset: 0px;
  object-fit: fill;
  outline: 3px #234854;
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 26px;
  margin-bottom: -100px;
  display: block;
  position: relative;
  inset: 57px 0% 0%;
  overflow: visible;
}

.browser-top {
  background-color: var(--white);
  background-image: linear-gradient(to bottom, var(--border-1), var(--border-1));
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.browser-dot-grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.browser-dot {
  background-color: var(--border-2);
  border-radius: 100px;
  width: 8px;
  height: 8px;
}

.browser-address {
  background-color: var(--border-2);
  width: 60%;
  height: 24px;
  color: var(--primary-2);
  border-radius: .25em;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.browser-button {
  background-color: var(--border-2);
  border-radius: .25em;
  width: 24px;
  height: 24px;
}

._2-to-1-grid {
  grid-column-gap: 50px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  width: 100%;
}

._3-grid-small {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

._3-grid-small._5-profiles {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.slider {
  background-color: #0000;
  width: 100%;
  height: 100%;
  padding-bottom: 32px;
}

.slide-nav {
  z-index: 2;
  opacity: 0;
  justify-content: center;
  align-items: flex-end;
  height: 32px;
  padding: 0;
  display: flex;
}

.grid-avatar-text-large {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  align-items: center;
  width: 100%;
}

.space-between {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

._2-grid-testimonial {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  width: 100%;
}

._2-grid-testimonial.textfocus {
  grid-template-columns: 2fr 1fr;
}

._2-grid-testimonial.space-above {
  padding-top: 45px;
}

._2-grid-testimonial.space-above.space-below {
  padding-bottom: 30px;
}

._2-grid-testimonial.space-above.space-below.small-right {
  grid-template-columns: 1fr .5fr;
}

._4-grid-large {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.grid-review-stars {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  justify-content: start;
  justify-items: start;
}

.grid-review-stars.zero-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.grid-review-stars.margin {
  margin-top: 10px;
  margin-bottom: 10px;
}

.grid-review-stars.margin.zero-margin-top {
  margin-top: 0;
}

.avatar-grid-small {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  place-items: center start;
  line-height: 1;
}

.avatar-grid-small.text-small {
  grid-column-gap: 20px;
  grid-template-columns: auto 1fr 2fr;
}

.buttons-horizontal {
  z-index: 5;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
}

.buttons-horizontal.more-distance {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.list-item-cta {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  justify-content: start;
  align-items: center;
}

.list-item-small {
  grid-column-gap: .375em;
  grid-row-gap: .375em;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  justify-content: start;
  font-size: 14px;
}

.list-item-small.center {
  align-items: center;
}

.link-block-footer {
  color: var(--primary-1);
  transition: color .2s;
}

.link-block-footer:hover {
  color: var(--accent);
}

.footer-1-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 4fr 1fr 1fr;
  width: 100%;
  margin-bottom: 50px;
  font-size: 14px;
}

.logo-footer {
  width: 130px;
}

.footer-description {
  max-width: 420px;
  margin-top: 24px;
}

.footer-heading {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 500;
}

.footer-bottom-space {
  border-top: 1px solid var(--border-2);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  font-size: 12px;
  display: flex;
  position: relative;
}

.footer-sub-text {
  max-width: 512px;
  line-height: 1.5;
}

.footer-sub-link {
  color: var(--accent);
  font-weight: 500;
  transition: opacity .3s;
}

.footer-sub-link:hover {
  opacity: .75;
}

.twitter-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--white);
  width: 75%;
  color: var(--primary-3);
  border-radius: .5em;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  padding: 20px;
  font-size: 12px;
  display: grid;
}

.twitter-card-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.footer-side-margin {
  margin: 5px 10px;
}

.wrap-centered {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  display: flex;
}

.logo-footer-small {
  width: 130px;
}

.footer-4-sub-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
}

.footer-4-form-horizontal {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  display: grid;
}

.footer-grid-contacts {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.footer-news-cms-item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-news-link-block {
  color: var(--black);
  transition: color .2s;
}

.footer-news-link-block:hover {
  color: var(--accent);
}

.footer-news-heading {
  margin-top: 30px;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}

.footer-news-block {
  background-color: var(--white);
  max-width: 300px;
  color: var(--black);
  border-radius: 1em;
  padding: 15px;
}

.center-mobile-content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.brand {
  flex-direction: column;
  justify-content: center;
  width: 100px;
  padding: 20px 0;
  display: flex;
}

.brand.left {
  width: 180px;
  margin-right: 40px;
}

.nav-menu {
  text-align: left;
  align-items: center;
  margin-top: 5px;
  display: flex;
  position: relative;
}

.nav-link {
  color: var(--black);
  margin-right: 20px;
  padding: 20px 0;
  font-size: 15px;
  font-weight: 500;
  transition: opacity .2s;
  display: block;
}

.nav-link:hover {
  opacity: 1;
  color: var(--accent);
}

.nav-link.w--current {
  color: var(--accent);
}

.nav-link.last {
  margin-right: 0;
}

.nav-link.no-display {
  display: none;
}

.navbar-controls {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.accordion-wrapper {
  z-index: 3;
  border-bottom: 1px solid var(--gray-2);
  width: 100%;
  color: var(--primary-1);
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.accordion-trigger {
  z-index: 2;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: color .2s;
  display: flex;
  position: relative;
}

.accordion-title {
  letter-spacing: 0;
  width: 75%;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}

.expand-icon {
  background-color: var(--border-2);
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  display: flex;
  position: relative;
}

.accordion-content {
  z-index: 2;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.accordion-text {
  max-width: 640px;
  margin-top: 12px;
}

.tabs-vertical {
  width: 100%;
}

.tab-link {
  opacity: .5;
  color: var(--primary-1);
  background-color: #0000;
  flex: 1;
  padding: 20px 32px;
  transition: opacity .2s, background-color .2s;
}

.tab-link:hover {
  background-color: var(--gray-1);
  opacity: 1;
}

.tab-link.w--current {
  background-color: var(--white);
  box-shadow: inset 0 0 0 1px var(--gray-2), 0 32px 64px -32px var(--border-1);
  opacity: 1;
}

.tabs-menu-horizontal {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-content {
  flex: 1;
  padding-top: 20px;
}

.tabs-horizontal {
  width: 100%;
  display: flex;
}

.tabs-menu-vertical {
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 33.3%;
  display: flex;
}

.tabs-content-right {
  flex: 1;
  padding-left: 20px;
}

.blog-heading-large {
  max-width: 24ch;
  margin-bottom: .5em;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
}

.blog-heading-large.zero-margin {
  margin-bottom: 0;
}

._3-grid-blog-as-card {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

._2-grid-blog-as-cards {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.blog-post-horizontal {
  grid-column-gap: 15px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cms {
  z-index: 5;
  width: 100%;
  position: relative;
}

.cms-item {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.text-link {
  border-bottom: 1px solid var(--gray-2);
  transition: border-color .2s, color .2s;
}

.text-link:hover {
  color: var(--accent);
  border-bottom-style: none;
}

.list-item-icon {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  justify-content: start;
  align-items: center;
}

.link-block {
  z-index: 5;
  float: none;
  clear: none;
  color: var(--primary-1);
  text-align: left;
  align-self: auto;
  transition: color .3s;
  position: relative;
  left: auto;
  right: auto;
}

.link-block:hover {
  color: var(--accent);
}

.link-block.justify-center {
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 15px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 70px;
}

.link-block.justify-center.align-right {
  align-items: flex-end;
}

.link-block.lighter {
  color: var(--gray-1);
}

.link-block.lighter:hover {
  color: var(--accent);
}

.link-block.spacing {
  margin-top: 25px;
}

._2-grid-cta {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  width: 100%;
}

.gallery-grid-03 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: nowrap;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: grid;
}

.metric-small {
  letter-spacing: -.02em;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.5;
}

.quote-medium {
  z-index: 5;
  letter-spacing: -.02em;
  width: 100%;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 160%;
  font-weight: 400;
  position: relative;
}

.image-cover {
  z-index: 5;
  object-fit: cover;
  border-radius: 1em;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.image-cover.smaller {
  max-width: none;
  max-height: 450px;
}

.image-cover.outline {
  outline-offset: 0px;
  outline: 1px solid #7cb4c8;
}

.image-cover.steps {
  object-fit: scale-down;
}

.unordered-grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
  width: 100%;
}

.blog-heading-small {
  max-width: 512px;
  margin-bottom: .25em;
  font-size: 1.25em;
  line-height: 1.2;
  overflow: hidden;
}

.navbar-shadow {
  z-index: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 24px 24px -32px var(--border-1);
  position: absolute;
  inset: 0%;
}

.preloader {
  z-index: 999;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.preloader-image {
  width: 32px;
  height: 32px;
}

.width-75 {
  width: 75%;
}

.width-75.center-content {
  margin-left: auto;
  margin-right: auto;
}

.announcement-bar {
  z-index: 9999;
  background-color: var(--primary-1);
  box-shadow: inset 0 0 0 1px var(--border-1);
  color: var(--gray-1);
  text-align: center;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 30px;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
  position: fixed;
  inset: auto auto 12px;
  overflow: hidden;
}

.container-large {
  z-index: 1;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.text-link-accent {
  opacity: 1;
  color: var(--accent);
  transition: opacity .3s;
}

.text-link-accent:hover {
  opacity: .64;
}

.announcement-bar-close {
  background-color: var(--accent);
  opacity: 1;
  cursor: pointer;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: 12px;
  padding: 4px;
  font-family: Materialiconsround, sans-serif;
  line-height: 1;
  transition: opacity .3s;
  display: flex;
}

.announcement-bar-close:hover {
  opacity: .64;
}

.text-extra-large {
  z-index: 5;
  letter-spacing: -.03em;
  max-width: 32ch;
  margin-top: .25em;
  margin-bottom: 1.25em;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.25;
  position: relative;
}

.text-extra-large.zero-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.link-block-icon {
  color: var(--primary-1);
  transition: color .2s;
}

.link-block-icon:hover {
  color: var(--accent);
}

.link-block-icon.middle {
  margin-left: -14px;
}

.small-margin-image-bottom {
  width: 100%;
  margin-bottom: 25px;
}

.small-margin-image-top {
  width: 100%;
  margin-top: 25px;
}

.zero-margin-bottom {
  margin-bottom: 0;
}

.zero-margin-top {
  margin-top: 0;
}

.line-horizontal {
  background-color: var(--border-2);
  width: 100%;
  height: 1px;
}

.line-horizontal.with-margin {
  margin-top: 36px;
  margin-bottom: 36px;
}

.display-inline {
  display: inline;
}

._3-grid-medium {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.move-up-on-hover {
  z-index: 5;
  position: relative;
}

.move-up-on-hover:hover {
  z-index: 6;
}

.outline-with-hover {
  box-shadow: inset 0 0 0 1px var(--gray-2);
  transition: box-shadow .4s;
}

.outline-with-hover:hover {
  box-shadow: inset 0 0 0 2px var(--accent);
}

._2-grid-medium {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  width: 100%;
  overflow: hidden;
}

._2-grid-medium.bg-gray-1.rounded-large.successstories {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 35px;
}

._2-grid-medium.bg-gray-1.rounded-large._4-card {
  grid-template-rows: auto auto;
  overflow: visible;
}

.avatar-large {
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 232px;
  height: 232px;
  padding: 24px;
  font-family: GeneralSans;
  font-size: 128px;
  font-weight: 500;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grid-small {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.blog-heading-medium {
  letter-spacing: 0;
  max-width: 512px;
  font-size: 20px;
  line-height: 1.2;
}

.more-space {
  padding: 100px;
}

._3-grid-blog-as-open-card {
  grid-column-gap: 1em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.footer-body {
  z-index: 5;
  border-radius: 2em;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 50px 50px 30px;
  display: flex;
  position: relative;
}

.container-mini {
  z-index: 5;
  perspective: 800px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 512px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.container-mini.center-content.pagetop {
  object-fit: fill;
  flex-direction: column;
  margin-top: 40px;
  display: flex;
}

.container-mini.left-content {
  align-items: flex-start;
}

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

.metric-medium {
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 60px;
  font-weight: 600;
  line-height: 1;
}

.navbar {
  z-index: 999;
  flex-direction: column;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: sticky;
  top: 0;
}

.navbar.bg-gray-1 {
  background-color: var(--white);
  background-image: linear-gradient(to bottom, var(--gray-1), var(--gray-1));
}

.navbar.relative {
  z-index: 900;
}

.slider-wrapper {
  width: 100%;
  position: relative;
}

.slide-nav-overlay {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32px;
  padding: 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.slide-dot-wrapper {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-right: 4px;
  display: flex;
}

.slide-dot {
  border: 3px solid var(--primary-1);
  background-color: var(--primary-1);
  border-radius: 100px;
  width: 2px;
  height: 2px;
}

.mask {
  overflow: hidden;
}

.navbar-logo-left {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: auto 3.25fr auto;
  place-items: center start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.navbar-grid-logo-center {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  place-items: center start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.contact-grid-with-avatar {
  grid-column-gap: 3em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 2fr 3fr;
  width: 100%;
}

.blog-2-grid-side-bar {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.sticky-sidebar {
  position: sticky;
  top: 120px;
}

.badge-holder-inside {
  z-index: 10;
  position: absolute;
  top: 15px;
  left: 15px;
}

.badge-holder-inside.bottom {
  top: auto;
  bottom: 1.25em;
}

._1-grid-blog-open {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.text-wrapper {
  z-index: 10;
}

.footer-4-sub-text {
  max-width: 512px;
  line-height: 1.5;
}

.wrap-logos-centered {
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.client-logo-centered {
  text-align: left;
  width: 150px;
  height: auto;
  margin: 8px 16px;
}

.form {
  position: relative;
}

.button-inside {
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.hover-bg {
  z-index: 0;
  background-color: var(--primary-3);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto;
}

.avatar-grid-medium {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  text-align: left;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.avatar-grid-medium.bigspacebelow {
  grid-template-columns: auto auto;
  margin-bottom: 35px;
}

.avatar-small {
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  padding: 24px;
  font-family: GeneralSans;
  font-size: 36px;
  font-weight: 500;
  display: flex;
  position: relative;
  overflow: hidden;
}

.thumb-summary {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

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

.tag-link {
  background-color: var(--gray-1);
  color: var(--primary-1);
  border-radius: 9999px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 12px;
  transition: background-color .2s, color .2s;
}

.tag-link:hover {
  color: var(--accent);
}

.tag-list {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center start;
  display: flex;
}

.blog-info-vertical-medium {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

._2-grid-blog-featured {
  grid-column-gap: 25px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.tag-caption {
  margin-bottom: 15px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}

.category-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--gray-1);
  box-shadow: inset 0 0 0 1px var(--gray-1);
  color: var(--primary-1);
  border-radius: 9999px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding: 15px 15px 15px 20px;
  font-size: 16px;
  transition: background-color .3s, color .2s;
  display: grid;
}

.category-link:hover {
  color: var(--accent);
}

.category-list {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.team-space {
  margin-bottom: 5px;
  margin-right: 5px;
}

.instagram-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  width: 100%;
}

.instagram-square {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.instagram-square-icon {
  z-index: 5;
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 10px;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 12px;
  overflow: hidden;
}

.margin-blog-thumb-large {
  z-index: 5;
  color: var(--white);
  background-image: linear-gradient(#0000, #00000080);
  margin: 250px -25px -25px;
  padding: 25px;
  position: relative;
}

._2-grid-zero-space {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  width: 100%;
}

.contained-image {
  z-index: 1;
  border-radius: 2em;
  width: 100%;
  max-width: 512px;
  margin-top: 50px;
  margin-bottom: 50px;
  position: relative;
}

.chaotic-team-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  width: 100%;
}

.chaotic-team-info {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 36px;
  padding-left: 36px;
  padding-right: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.chaotic-team-social {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
}

.chaotic-team-2nd-column {
  margin-top: -180px;
}

.chaotic-team-1st-block {
  background-color: var(--white);
  border-radius: 1em;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.chaotic-team-1st-block:nth-child(odd) {
  align-items: flex-start;
  width: 80%;
  height: 480px;
  margin-left: 20%;
  padding-top: 40%;
  padding-right: 20%;
}

.chaotic-team-1st-block:nth-child(2n) {
  align-items: flex-end;
  height: 360px;
  padding-top: 30%;
  padding-left: 20%;
}

.chaotic-team-2nd-block {
  background-color: var(--white);
  border-radius: 1em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.chaotic-team-2nd-block:nth-child(odd) {
  align-items: flex-start;
  height: 360px;
  padding-top: 30%;
  padding-right: 20%;
}

.chaotic-team-2nd-block:nth-child(2n) {
  align-items: flex-end;
  width: 80%;
  height: 480px;
  padding-top: 30%;
  padding-left: 20%;
}

.chaotic-team-column {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.social-icon {
  background-color: var(--white);
  width: 36px;
  height: 36px;
  box-shadow: inset 0 0 0 1px var(--border-2);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 16px;
  line-height: 1;
  transition: box-shadow .3s;
  display: flex;
}

.social-icon:hover {
  box-shadow: inset 0 0 0 1px var(--accent);
}

.chaotic-team-image {
  object-fit: cover;
  object-position: 50% 100%;
  border-radius: 1em;
  height: 100%;
}

.zero-padding-top {
  padding-top: 0;
}

.footer-1-sub-text {
  max-width: 512px;
  font-weight: 400;
  line-height: 1.5;
}

.intro-image-grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  width: 100%;
}

.intro-image-grid.margin-medium {
  grid-column-gap: 1em;
}

.overflow-hidden {
  overflow: hidden;
}

.process-image {
  border-radius: 1em;
  width: 100%;
  margin-top: -36px;
  padding: 8%;
}

.process-item-circle {
  z-index: 5;
  margin-left: 20px;
  display: inline-block;
  position: relative;
}

.process-info {
  padding-left: 20px;
  padding-right: 20px;
}

.compare-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  width: 100%;
}

.compare-row.first {
  font-size: 14px;
  font-weight: 500;
}

.compare-item {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 1.25em;
  display: flex;
}

.compare-wrapper {
  width: 100%;
}

.compare-logo {
  width: 80px;
  height: 32px;
}

.overflow-visible {
  overflow: visible;
}

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

.contact-link {
  background-color: var(--gray-2);
  height: 60px;
  color: var(--black);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 25px;
  transition: background-color .3s, color .2s;
  display: flex;
}

.contact-link:hover {
  background-color: var(--primary-3);
  color: var(--white);
}

.image-contain {
  z-index: 5;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: relative;
}

.image-contain.steps, .image-contain.steps-copy {
  background-color: #0000;
  border: 1px #000;
  border-radius: 20px;
}

._2-to-3-grid-large {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: minmax(auto, 2.5fr);
  grid-template-columns: 2fr 1fr;
  width: 100%;
}

._2-to-3-grid-large.twotext {
  grid-template-rows: minmax(auto, auto);
}

.quote-image-box {
  border-radius: 2em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  min-height: 512px;
  padding: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.quote-box {
  z-index: 5;
  background-color: var(--gray-1);
  border-radius: 1.5em;
  width: 75%;
  margin-top: 300px;
  padding: 30px;
}

.quote-box.home {
  margin-top: 355px;
}

.quote-box.home.left {
  margin-right: 135px;
}

.quote-box-text {
  text-indent: -8px;
  margin-bottom: 30px;
}

.quote-box-image {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

._2-grid-pricing {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  width: 100%;
}

.separator-left {
  background-color: var(--border-1);
  opacity: .3;
  width: 1px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.separator-left.bg-gray-2 {
  background-color: var(--gray-2);
  opacity: 1;
}

.quote-box-logo {
  opacity: .28;
  object-fit: contain;
  object-position: 0% 50%;
  width: 90px;
  height: 28px;
}

.quote-box-logo.main {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.quote-box-text-small {
  color: var(--primary-1);
  text-align: left;
  text-indent: -6px;
  margin-bottom: 15px;
  font-size: 16px;
  font-style: normal;
  line-height: 1.25;
  text-decoration: none;
  overflow: hidden;
}

.metric-large {
  z-index: 5;
  letter-spacing: -.02em;
  font-size: 128px;
  font-weight: 500;
  line-height: 1;
  position: relative;
}

.right-content {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

._3-grid-review-large {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 2fr .5fr 1fr;
  width: 100%;
}

._1-to-3-grid-large {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  width: 100%;
}

.notification-wrapper {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.notification {
  background-color: var(--accent);
  width: 24px;
  height: 24px;
  color: var(--white);
  text-align: center;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.cms-item-customer {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  display: grid;
  position: relative;
}

.cms-item-customer:nth-child(2n) {
  flex-direction: row-reverse;
}

.cms-item-customer-wrap {
  flex: 1;
  display: flex;
}

._1-grid-small {
  grid-column-gap: 0px;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.customer-logo-thumb {
  max-width: 100px;
  height: 28px;
}

.customer-title-space {
  margin-top: 50px;
  margin-bottom: 50px;
}

._3-to-2-grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 3fr 2fr;
  width: 100%;
}

._2-to-3-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 3fr;
  width: 100%;
}

.post-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: auto;
}

.post-share-icons {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.post-body {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 64px;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
  position: relative;
}

.post-image {
  width: 100%;
  margin-bottom: 1.5em;
}

.rich-text-block {
  flex-direction: column;
  align-items: flex-start;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.rich-text-block.summary {
  border-bottom: 1px solid var(--gray-2);
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
}

.rich-text-block p {
  align-self: auto;
}

.circle-mini {
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  min-height: auto;
  padding: 7px;
  font-size: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-1-contact {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.title-section-paragraph {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.style-color-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: 256px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 256px;
  width: 100%;
}

.pricing-card-inside-bottom {
  z-index: 5;
  align-items: flex-end;
  font-size: 12px;
  display: flex;
  position: relative;
}

._4-grid-pricing-card {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.pricing-sign-small {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.pricing-sign-top {
  margin-right: 4px;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  top: 8px;
}

.description-text {
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 1.1;
}

.pricing-card-inside {
  min-height: 256px;
  box-shadow: inset 0 0 0 1px var(--border-2);
  border-radius: 1em;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin: -15px;
  padding: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pricing-card-inside.featured {
  box-shadow: inset 0 0 0 2px var(--accent), 0 0 36px -24px var(--accent);
}

.pricing-card-inside-top {
  z-index: 5;
  position: relative;
}

._1-grid-pricing-items {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.pricing-card-description {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.pricing-tabs {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 952px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pricing-tabs-menu {
  background-color: var(--white);
  border-radius: 100px;
  margin-bottom: 40px;
  display: flex;
  overflow: hidden;
}

.pricing-tab-link {
  color: var(--primary-1);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.pricing-tab-link.w--current {
  color: var(--accent);
  background-color: #0000;
}

.pricing-tab-link.right {
  padding-left: 0;
}

.pricing-tab-link.left {
  padding-right: 0;
}

.switcher-right {
  z-index: 1;
  background-color: var(--accent);
  border-radius: 100px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
}

.switcher-left {
  z-index: 1;
  background-color: var(--accent);
  border-radius: 100px;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
}

.switcher-bg-yearly {
  background-color: var(--gray-2);
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  width: 28px;
  height: 28px;
  margin-right: 8px;
}

.switcher-bg-monthly {
  z-index: 0;
  background-color: var(--gray-2);
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  width: 28px;
  height: 28px;
  margin-left: 8px;
}

.pricing-tabs-content {
  width: 100%;
}

.pricing-title-heading {
  color: var(--primary-1);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}

.pricing-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--gray-2);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.pricing-row.header {
  z-index: 10;
  background-color: var(--white);
  background-image: linear-gradient(to bottom, var(--gray-1), var(--gray-1));
  position: sticky;
  top: -1px;
}

.pricing-title-cell {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5em;
  display: flex;
}

.pricing-title-cell.first {
  background-color: var(--white);
  margin-top: -1.5em;
  padding-top: 3em;
}

.pricing-cell {
  color: var(--primary-1);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 16px;
  display: flex;
}

.pricing-cell.first {
  text-align: left;
  align-items: flex-start;
  padding-left: 0;
}

.pricing-cell.last {
  background-color: var(--white);
  margin-bottom: -1.5em;
  padding-bottom: 3em;
}

.cms-list {
  width: 100%;
  height: 100%;
}

.cms-item-fullheight {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.select-field {
  color: var(--border-1);
  background-color: #0000;
  border: 1px #000;
  margin-bottom: 0;
  padding: 0;
  font-size: 1em;
}

.style-tints-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: 128px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 128px;
  width: 100%;
}

.style-guide-column-cards {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: auto;
  place-items: start;
  width: 100%;
}

.footer-3-grid {
  grid-column-gap: 50px;
  grid-row-gap: 54px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 3fr;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
}

.footer-meta {
  border-top: 1px solid var(--gray-2);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 15px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.footer-meta.dark {
  border-top-color: var(--border-1);
  padding-top: 10px;
}

.min-height-small {
  min-height: 300px;
}

.min-height-medium {
  min-height: 512px;
}

.min-height-large {
  min-height: 800px;
}

.justify-center {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.tabs {
  width: 100%;
}

.next-section {
  background-color: var(--gray-2);
  width: 100%;
  color: var(--primary-1);
  padding: 100px 50px;
  transition: color .3s;
}

.next-section:hover {
  color: var(--accent);
}

.next-section-paragraph {
  color: var(--primary-1);
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
}

.next-section-circle {
  background-color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 2.75em;
  height: 2.75em;
  min-height: auto;
  padding: .75em;
  font-family: GeneralSans;
  font-size: 1.5em;
  font-weight: 600;
  display: flex;
  position: relative;
  overflow: hidden;
}

.arrow-icon {
  z-index: 5;
  object-fit: contain;
  width: 20px;
  height: 20px;
  position: relative;
}

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

.section-overview-wrapper {
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: -.5em;
  display: flex;
}

.intro-sections-tag {
  background-color: var(--white);
  color: var(--primary-1);
  border-radius: 9999px;
  margin-bottom: .5em;
  margin-right: .5em;
  padding: .375em .875em;
  font-size: 16px;
  transition: background-color .3s, color .3s;
}

.intro-sections-tag:hover {
  background-color: var(--accent);
  color: var(--white);
}

.intro-heading-1 {
  margin-bottom: 125px;
}

.intro-sections-image {
  background-color: var(--white);
  width: 100%;
  position: relative;
}

.center-tablet-content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.intro-demo-screen {
  width: 100%;
  box-shadow: 0 24px 32px -20px var(--primary-3);
  border-radius: .75em;
}

.intro-page-title {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.demo-card {
  background-color: var(--border-2);
  width: 100%;
  color: var(--primary-1);
  border-radius: 1em;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}

.anchor {
  margin-top: -100px;
  padding-top: 100px;
}

.margin-small {
  margin-bottom: 15px;
}

._1-grid-large {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}

._1-grid-blog-as-card {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.blog-info-horizontal-small {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: color .2s;
  display: flex;
}

.blog-info-horizontal-small:hover {
  color: var(--accent);
}

._2-grid-blog-as-open-card {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

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

.grid-halves {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.gallery-grid-02 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr 1.25fr 1fr .75fr;
  place-items: center;
  width: 1200px;
}

.gallery-grid-02-row {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.width-100 {
  width: 100%;
}

.width-100.rounded-medium {
  object-fit: fill;
  max-width: none;
  max-height: none;
  overflow: hidden;
}

.shadow-on-hover {
  z-index: 10;
  transition: box-shadow .3s;
  position: relative;
  box-shadow: 0 72px 72px -32px #0000;
}

.shadow-on-hover:hover {
  box-shadow: 0 72px 72px -32px var(--border-1);
}

.margin-extra-large {
  margin-bottom: 100px;
}

.container-small {
  z-index: 5;
  perspective: 800px;
  text-align: left;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.icon-mini {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.illustration-right-large {
  margin: -50px;
}

.sticky-top {
  z-index: 10;
  background-color: var(--white);
  position: sticky;
  top: -1px;
}

.anchor-top-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  width: 100%;
}

.anchor-top-link {
  color: var(--primary-2);
  text-align: center;
  background-image: url('../images/dot-primary.svg');
  background-position: 50% 120%;
  background-repeat: no-repeat;
  background-size: 6px;
  justify-content: center;
  align-items: center;
  padding: 30px 15px;
  transition: background-position .3s;
  display: flex;
}

.anchor-top-link:hover {
  background-image: url('../images/dot-primary.svg');
  background-position: 50% 85%;
}

.anchor-top-link.w--current {
  color: var(--accent);
  background-image: url('../images/dot-active.svg');
  background-position: 50% 85%;
  background-repeat: no-repeat;
  background-size: 6px;
}

.anchor-holder-top {
  border-top: 1px solid var(--border-2);
  border-bottom: 1px solid var(--border-2);
  perspective: 800px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.anchor-top-cta {
  flex: 0 auto;
  position: relative;
  overflow: hidden;
}

.elements-right-secton {
  z-index: 10;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  margin-top: -100px;
  margin-bottom: -100px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.square-small {
  border-radius: 24%;
  justify-content: center;
  align-items: center;
  width: 2.25em;
  height: 2.25em;
  min-height: auto;
  padding: .625em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.step-wrapper {
  text-align: left;
  letter-spacing: 0;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.step-number {
  width: 75px;
  height: 75px;
  color: var(--primary-1);
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  margin-right: -15px;
  padding: 10px 15px 10px 10px;
  font-weight: 600;
  line-height: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.step-number.bg-white.big {
  width: 200px;
  height: 120px;
  margin-right: 0;
  padding-right: 10px;
}

.step-line {
  margin-left: auto;
  margin-right: auto;
  padding-left: 30%;
  padding-right: 30%;
}

._2-grid-how-it-work {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  width: 100%;
}

.last-step {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.client-logo {
  width: 80px;
  height: 32px;
}

.grid-space {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  align-items: center;
  width: 100%;
}

.tabs-image {
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tabs-content-padding {
  flex: 1;
  padding: 4em 0 0;
  overflow: visible;
}

.tabs-menu-2 {
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: start;
  place-items: start;
  width: 50%;
  display: flex;
}

.tab-link-tab-3 {
  color: var(--border-1);
  background-color: #0000;
  background-image: url('../images/dot-primary.svg');
  background-position: 50% 128%;
  background-repeat: no-repeat;
  background-size: 6px;
  padding: 0 1em 1em;
  font-size: 14px;
  font-weight: 500;
  transition: color .3s, background-position .3s;
}

.tab-link-tab-3:hover {
  color: var(--primary-1);
  background-image: url('../images/dot-primary.svg');
  background-position: 50% 84%;
}

.tab-link-tab-3.w--current {
  color: var(--primary-1);
  background-color: #0000;
  background-image: url('../images/dot-active.svg');
  background-position: 50% 84%;
}

.tab-image-grid {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  width: 200%;
}

.div-block {
  padding-left: 1em;
  padding-right: 1em;
}

.relative-copy {
  z-index: 5;
  padding-right: 4em;
  position: relative;
}

.tab-image-absolute {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 50px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.video-div {
  width: 100%;
  position: relative;
}

.video-holder {
  z-index: 5;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.height-70 {
  border-radius: 2em;
  height: 70%;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.absolute-bottom-padding {
  padding: 15px;
  position: absolute;
  inset: auto 0% 0%;
}

.video-wrapper {
  width: 100%;
  height: 100%;
}

.video-wrapp-info {
  color: var(--white);
  padding: 30px 15px 50px;
}

.video-grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.ticker-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ticker-stretch {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.ticker-wrapper {
  display: flex;
}

.ticker {
  white-space: nowrap;
  flex-direction: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.white-gradient-left {
  background-image: linear-gradient(270deg, #fff0, var(--white));
  width: 4em;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.white-gradient-right {
  background-image: linear-gradient(to right, #fff0, var(--white));
  width: 4em;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.dark-gradient-left {
  background-image: linear-gradient(270deg, #1d334f00, var(--black));
  width: 4em;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.dark-gradient-right {
  background-image: linear-gradient(to right, #1d334f00, var(--black));
  width: 4em;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.next-section-container {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.elements-row-small {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
  position: relative;
}

.elements-row-small._02-right {
  left: 10vw;
}

.elements-row-small._03-right {
  left: 5vw;
}

.elements-grid-small-section {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  width: 750px;
}

.position-bottom-right {
  z-index: 0;
  justify-content: flex-end;
  align-items: flex-end;
  width: 75%;
  height: 75%;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.position-shape {
  width: 30vw;
  height: 30vw;
  position: relative;
  overflow: hidden;
}

.position-bottom-left {
  z-index: 0;
  justify-content: flex-start;
  align-items: flex-end;
  width: 75%;
  height: 75%;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.position-top-left {
  z-index: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 50%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.position-top-right {
  z-index: 0;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: 50%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.rounded-bottom-right {
  border-bottom-right-radius: 100%;
}

.rounded-bottom-left {
  border-bottom-left-radius: 100%;
}

.rounded-top-left {
  border-top-left-radius: 100%;
}

.rounded-top-right {
  border-top-right-radius: 100%;
}

._2-grid-cta-illustration {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr;
  width: 100%;
}

.text-marked {
  z-index: 10;
  border-radius: 1em;
  padding: .2em .5em .25em;
  display: inline-block;
}

.box-under-marked {
  width: 100%;
  margin-top: -3.125em;
  margin-bottom: 1em;
}

.tab-link-circle {
  opacity: .5;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 2.75em;
  height: 2.75em;
  min-height: auto;
  padding: .75em;
  font-size: 1.5em;
  transition: transform .2s, opacity .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: scale(.6);
}

.tab-link-circle:hover {
  opacity: 1;
}

.tab-link-circle.w--current {
  opacity: 1;
  transform: scale(1);
}

.step-title {
  font-weight: 500;
  position: relative;
}

.metric-extra-large {
  letter-spacing: -.02em;
  font-size: 120px;
  font-weight: 600;
  line-height: 1.25;
}

.testimonial-grid-chaotic {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 320px 320px 320px 320px 320px;
  align-items: center;
  margin-top: 25px;
}

.fixed {
  z-index: 0;
  position: fixed;
  inset: 0%;
}

.intro-demo-screen-wrapper {
  z-index: 5;
  margin-bottom: 15px;
  position: relative;
}

.intro-card-body {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 50px;
  display: flex;
  position: relative;
}

.intro-demo-grid {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.mobile-camera {
  background-color: var(--border-1);
  border-radius: 100px;
  width: 12px;
  height: 12px;
  position: absolute;
  inset: auto 20% auto auto;
}

.mobile-on-off {
  background-color: var(--border-1);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 3px;
  height: 64px;
  position: absolute;
  inset: 100px -3px auto auto;
}

.mobile-sound {
  background-color: var(--border-1);
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  width: 2px;
  height: 30px;
  position: absolute;
  inset: 100px auto auto -2px;
}

.mobile-sound._2 {
  top: 134px;
}

._3-to-2-grid-large {
  z-index: 5;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  width: 100%;
  position: relative;
}

._3-to-2-grid-large.profile {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: minmax(auto, 480px);
  grid-template-columns: 3fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.caption {
  z-index: 5;
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  position: relative;
}

.caption.zero-margin {
  margin-bottom: 0;
}

.caption.text-primary-3 {
  color: var(--primary-1);
}

.position-small-shape {
  width: 15vw;
  height: 15vw;
  position: relative;
  overflow: hidden;
}

.image-square {
  z-index: 5;
  object-fit: contain;
  background-color: #0000;
  border-radius: 1em;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 225px;
  height: 100%;
  position: relative;
  overflow: visible;
}

.image-3-to-4 {
  object-fit: cover;
  border-radius: 1em;
  max-width: 225px;
  height: 300px;
}

.hero-title-holder {
  flex-direction: column;
  align-items: flex-start;
  max-width: 60%;
  margin-top: 50vh;
  margin-bottom: -100px;
  margin-left: -100px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

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

.fullscreen-hero {
  border-radius: 2em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.fullscreen-hero.bg-gray-1.justify-center {
  justify-content: center;
}

.next-section-overflow {
  width: 100%;
  margin-top: 15px;
  position: relative;
  overflow: hidden;
}

.bg-gray-4 {
  background-color: var(--border-2);
  position: relative;
}

.left-content-mobile {
  position: relative;
}

.image-case-thumb {
  z-index: 5;
  box-shadow: 0 20px 32px -16px var(--border-1);
  border-radius: 1em 1em 0 0;
  margin: -25px -25px 25px;
  position: relative;
  overflow: hidden;
}

.video-background {
  z-index: 0;
  opacity: .3;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.client-logo-small {
  width: 50px;
  height: 20px;
}

.box-inside-case-thumb {
  z-index: 6;
  background-color: var(--white);
  max-width: 64%;
  box-shadow: none;
  color: var(--white);
  border-radius: 9999px;
  padding: 5px 15px;
  font-size: 14px;
  position: absolute;
  bottom: 5px;
  left: 10px;
}

.margin-top-large {
  z-index: 5;
  margin-top: 50px;
  position: relative;
}

.footer-4-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  width: 100%;
  margin-bottom: 50px;
}

.footer-2-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 4fr 1fr 1fr auto;
  width: 100%;
  margin-bottom: 50px;
}

.footer-5-grid {
  grid-column-gap: 100px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  margin-bottom: 50px;
}

.footer-5-sub-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto auto;
  font-size: 14px;
}

.link-footer {
  color: var(--black);
  transition: color .2s;
}

.link-footer:hover {
  color: var(--accent);
}

.link-footer.white {
  color: var(--gray-1);
}

.link-footer.white:hover {
  color: var(--accent);
}

.fullscreen-footer {
  border-radius: 2em;
  flex-direction: column;
  align-items: flex-start;
  padding: 100px 100px 30px;
  display: flex;
  position: relative;
}

.fullscreen-footer.bg-primary-1 {
  padding-top: 50px;
}

._2-grid-extra-large {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  width: 100%;
}

.align-right {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.sizing-grow {
  flex: 1;
  width: 100%;
}

.post-meta-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

.thumb-align-bottom {
  border-radius: 1em;
  flex: 1;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.caption-smaller {
  z-index: 5;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 12px;
  position: relative;
}

.list-item-mini {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  justify-content: start;
  font-size: 14px;
}

.list-item-mini.items-center {
  align-items: center;
}

.account-wrapper {
  z-index: 5;
  perspective: 800px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.justify-bottom {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.margin-mini {
  margin-bottom: 5px;
}

.rotate-positive {
  transform: rotate(4deg);
}

.rotate-negative {
  transform: rotate(-6deg);
}

.testimonial-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: -30px;
  margin-right: -30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tab-link-shrink {
  opacity: .5;
  color: var(--primary-1);
  background-color: #0000;
  padding: 20px 32px;
  transition: opacity .2s, background-color .2s;
}

.tab-link-shrink:hover {
  background-color: var(--gray-1);
  opacity: 1;
}

.tab-link-shrink.w--current {
  background-color: var(--white);
  box-shadow: inset 0 0 0 1px var(--gray-2), 0 32px 64px -32px var(--border-1);
  opacity: 1;
}

.intro-block {
  flex-direction: column;
  align-items: center;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  display: flex;
  position: relative;
}

.license-images {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: start;
}

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

.dropdown-list {
  background-color: var(--white);
  min-width: 200px;
  box-shadow: inset 0 0 0 1px var(--border-2), 0 12px 24px -12px var(--border-1);
  border-radius: 1em;
  margin-left: -20px;
  padding: 5px;
}

.dropdown-link {
  background-color: var(--white);
  color: var(--black);
  border-radius: .75em;
  padding: 15px;
  transition: background-color .3s, color .3s;
}

.dropdown-link:hover {
  background-color: var(--gray-1);
  color: var(--accent);
}

.dropdown-link.w--current {
  color: var(--accent);
}

.dropdown-nav {
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.compare-card {
  z-index: 5;
  background-color: var(--gray-1);
  border-radius: 2em;
  width: 100%;
  padding: 50px;
  position: relative;
}

.rounded-medium {
  border-radius: 1em;
  position: relative;
  overflow: hidden;
}

.icon-font {
  z-index: 5;
  letter-spacing: 0;
  font-family: Materialiconsround, sans-serif;
  font-weight: 400;
  position: relative;
}

.icon-font.mini {
  font-size: 10px;
}

.rounded-large {
  border-radius: 2em;
  overflow: hidden;
}

.rounded-medium-top {
  border-radius: 1em 1em 0 0;
  position: relative;
  overflow: hidden;
}

.social-font {
  z-index: 5;
  font-family: SOCIAL ICONS, sans-serif;
  font-weight: 400;
  position: relative;
}

.font-serif {
  letter-spacing: 0;
  font-family: Bogart, sans-serif;
  font-weight: 400;
}

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

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

.max-w-36ch.text-primary-3.white {
  color: var(--white);
  text-align: left;
  margin-bottom: .5em;
}

.image-wrapper-1-1 {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.image-contain-bg {
  z-index: 5;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-cover-bg {
  z-index: 5;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.quote-mark {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.nav-arrow {
  text-align: center;
  letter-spacing: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-family: Materialiconsround, sans-serif;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.width-50 {
  width: 50%;
}

.global-styles {
  display: none;
}

.intro-grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.heading {
  padding-top: 42px;
}

.container {
  display: block;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: .75fr .5fr;
}

.highlight {
  outline-offset: 0px;
  color: var(--black);
  text-shadow: 1px 1px 6px var(--accent);
  background-color: #0000;
  outline: 3px #152738;
}

.wrap-right {
  object-fit: fill;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.case-study-logo {
  background-color: #0000;
}

.name {
  margin-top: 20px;
}

.container-2 {
  object-fit: fill;
  border-radius: 0;
  height: auto;
  max-height: 450px;
  padding-top: 0;
  overflow: hidden;
}

.image-medium-rounded {
  max-height: 50%;
}

.image-2 {
  object-fit: contain;
  max-width: none;
  max-height: 100%;
  display: block;
  overflow: hidden;
}

.container-3 {
  border-radius: 0;
}

.image-3 {
  object-fit: cover;
}

.grid-3 {
  object-fit: fill;
  grid-template-rows: auto;
}

.image-4 {
  max-width: 30%;
}

.quote-logo {
  float: none;
  clear: none;
  opacity: .45;
  object-fit: contain;
  max-width: 40%;
  padding-top: 20px;
}

.space-below {
  margin-bottom: 1.05em;
}

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

.grid-cta.tight {
  grid-template-columns: .75fr .5fr;
}

.maxw-1200 {
  object-fit: fill;
  flex: 0 auto;
  max-width: 1800px;
}

.grid-champions {
  flex: none;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  align-self: auto;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.card-profile {
  object-fit: contain;
  border-radius: 1em;
  display: block;
}

.homebox {
  grid-template-rows: auto;
}

.div-block-2 {
  border-radius: 2.3em;
  margin-top: 50px;
}

.image-5 {
  border-radius: 1em;
}

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

.text-block.about-photos {
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

.text-span {
  font-size: 0;
}

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

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

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

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

.navbar-wrapper-three {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-brand-three {
  z-index: 5;
  position: absolute;
}

.nav-menu-wrapper-three {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

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

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

.grid-6 {
  grid-template-areas: ". ."
                       ". Area";
}

.grid-7 {
  grid-template-rows: auto;
  grid-template-columns: minmax(100%, 1fr);
  width: 100%;
  max-width: 1300px;
  display: block;
}

.grid-8 {
  grid-template-rows: auto;
}

.container-5 {
  max-width: 200px;
}

.container-6 {
  object-fit: fill;
  justify-content: center;
  margin-bottom: 29px;
  display: flex;
}

.navbar-2 {
  background-color: #0000;
}

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

@media screen and (max-width: 991px) {
  .heading-01-hero {
    font-size: 54px;
    line-height: 62px;
  }

  .heading-02-section {
    font-size: 40px;
    line-height: 52px;
  }

  .text-field:hover {
    box-shadow: inset 0 0 0 1px var(--gray-1);
  }

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

  .price-holder-icon {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .icon-margin-left {
    margin-top: 2em;
    margin-left: 0;
  }

  .title-paragraph {
    line-height: 1.5;
  }

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

  .avatar-medium {
    width: 128px;
    height: 128px;
  }

  .team-4-grid-avatar, .team-4-grid-images, .team-2-grid-images {
    grid-template-columns: 1fr 1fr;
  }

  .form-horizontal.one-field {
    grid-template-columns: 1fr auto;
  }

  ._2-grid-only-desktop {
    grid-template-columns: 1fr;
  }

  .fullscreen-section {
    padding-left: 50px;
    padding-right: 50px;
  }

  ._3-grid-large, ._2-grid-large {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  ._2-grid-small.trial {
    grid-template-columns: 1fr;
  }

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

  .feature-mobile-grid {
    grid-column-gap: 48px;
    grid-template-columns: 1fr 1fr;
  }

  .browser {
    padding-left: 16px;
    padding-right: 16px;
  }

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

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

  ._3-grid-small._5-profiles {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  ._4-grid-large {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr 1fr;
  }

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

  .footer-description, .twitter-card {
    width: 100%;
  }

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

  .footer-4-form-horizontal {
    grid-auto-flow: row;
  }

  .footer-news-block {
    max-width: none;
  }

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

  .nav-menu {
    background-color: var(--white);
    background-image: linear-gradient(to bottom, var(--gray-2), var(--gray-2));
    margin-left: 0;
  }

  .nav-link {
    justify-content: flex-start;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .nav-link.no-display {
    color: var(--black);
    display: block;
  }

  .nav-link.no-display:hover {
    color: var(--accent);
  }

  .navbar-controls {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    display: grid;
  }

  .accordion-trigger {
    letter-spacing: 0;
    align-items: center;
  }

  .menu-button {
    background-color: var(--gray-2);
    color: var(--primary-1);
  }

  .menu-button.w--open {
    background-color: var(--accent);
    color: var(--white);
  }

  ._3-grid-blog-as-card {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  ._2-grid-cta {
    grid-row-gap: 3em;
    grid-template-columns: 1fr;
  }

  .gallery-grid-03 {
    width: 1080px;
  }

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

  .width-75 {
    width: 100%;
  }

  .announcement-bar {
    text-align: left;
    justify-content: space-between;
    inset: auto 0% 0%;
  }

  .text-link-accent:hover {
    opacity: 1;
  }

  .outline-with-hover:hover {
    box-shadow: inset 0 0 0 1px var(--gray-2);
  }

  ._2-grid-medium.bg-gray-1.rounded-large {
    grid-template-columns: 1fr;
  }

  ._2-grid-medium.bg-gray-1.rounded-large.successstories {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  ._3-grid-blog-as-open-card {
    grid-template-columns: 1fr 1fr;
  }

  .navbar-logo-left, .navbar-grid-logo-center {
    grid-template-columns: auto 1fr;
  }

  .contact-grid-with-avatar {
    grid-template-columns: 1fr;
  }

  .blog-2-grid-side-bar {
    grid-template-columns: 1fr .5fr;
  }

  .hover-bg {
    display: none;
  }

  .avatar-grid-medium.bigspacebelow {
    grid-template-rows: auto auto;
    grid-template-columns: auto;
    grid-auto-flow: row;
  }

  ._2-grid-blog-featured {
    grid-column-gap: 15px;
  }

  .margin-blog-thumb-large {
    margin-top: 150px;
  }

  .chaotic-team-grid {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .chaotic-team-info {
    padding-bottom: 12px;
    position: relative;
  }

  .chaotic-team-1st-block:nth-child(odd) {
    width: 100%;
    height: auto;
    margin-left: 0%;
    padding-top: 0%;
  }

  .chaotic-team-1st-block:nth-child(2n), .chaotic-team-2nd-block:nth-child(odd) {
    height: auto;
    padding-top: 0%;
  }

  .chaotic-team-2nd-block:nth-child(2n) {
    width: 100%;
    height: auto;
    padding-top: 0%;
  }

  .chaotic-team-column {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .social-icon:hover {
    box-shadow: inset 0 0 0 1px var(--gray-1);
  }

  .zero-padding-tablet {
    padding: 0;
  }

  .contact-link:hover {
    background-color: var(--gray-2);
    box-shadow: inset 0 0 0 1px var(--gray-2);
    color: var(--black);
  }

  ._2-to-3-grid-large {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .quote-box {
    margin-top: 0;
  }

  .metric-large {
    font-size: 100px;
  }

  ._3-grid-review-large {
    grid-column-gap: 1.5em;
  }

  ._1-to-3-grid-large {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

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

  ._2-to-3-grid {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

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

  .post-share-icons {
    background-color: var(--gray-1);
    grid-auto-flow: column;
    margin-left: auto;
    margin-right: auto;
    padding: 16px;
  }

  .title-section-paragraph {
    line-height: 1.5;
  }

  ._4-grid-pricing-card {
    grid-column-gap: 1.5em;
    grid-template-columns: 1fr 1fr;
  }

  .footer-3-grid {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .intro-sections-tag:hover {
    background-color: var(--white);
    color: var(--primary-1);
  }

  .intro-heading-1 {
    margin-top: 50px;
    margin-bottom: 75px;
  }

  .center-tablet-content {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  ._1-grid-blog-as-card {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .blog-info-horizontal-small {
    padding-top: 0;
    padding-bottom: 0;
  }

  .gallery-grid-02 {
    width: 800px;
  }

  .illustration-right-large {
    margin: 0 auto;
  }

  .anchor-top-link {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
  }

  .anchor-top-cta {
    display: none;
  }

  .last-step {
    width: 75%;
  }

  .video-holder {
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
  }

  .video-wrapp-info {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  ._2-grid-cta-illustration {
    grid-template-columns: 1fr;
  }

  .testimonial-grid-chaotic {
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    width: 100%;
  }

  .intro-card-body {
    padding: 30px;
  }

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

  ._3-to-2-grid-large {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .hero-title-holder {
    margin-left: -50px;
    left: -50px;
  }

  .fullscreen-hero {
    padding-left: 50px;
    padding-right: 50px;
  }

  .image-case-thumb {
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
  }

  .box-inside-case-thumb {
    left: 5px;
  }

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

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

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

  .fullscreen-footer {
    padding-left: 50px;
    padding-right: 50px;
  }

  ._2-grid-extra-large {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .testimonial-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

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

  .dropdown-list {
    margin-left: 0;
  }

  .dropdown-nav {
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .container-4 {
    max-width: 728px;
  }

  .navbar-wrapper-three {
    justify-content: space-between;
  }

  .navbar-brand-three {
    position: relative;
  }

  .nav-menu-wrapper-three {
    background-color: #0000;
    top: 70px;
  }

  .nav-menu-three {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-hamburger {
    padding: 12px;
  }

  .nav-hamburger.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }
}

@media screen and (max-width: 767px) {
  blockquote {
    margin-left: 0;
  }

  .grid {
    grid-row-gap: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .heading-01-hero {
    font-size: 36px;
    line-height: 44px;
  }

  .heading-01-hero.smaller {
    font-size: 3.5em;
  }

  .heading-02-section, .heading-02-section.smaller {
    font-size: 28px;
    line-height: 36px;
  }

  .style-guide-row {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .style-guide-list-item {
    grid-row-gap: 25px;
  }

  .text-large {
    font-size: 20px;
  }

  .button-size-large {
    height: 60px;
    min-height: 3em;
    font-size: 16px;
  }

  .checkbox-field {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .card-medium {
    padding-left: 15px;
    padding-right: 15px;
  }

  .card-large {
    border-radius: 1em;
    padding-left: 30px;
    padding-right: 30px;
  }

  .card {
    width: 100%;
  }

  .price-large {
    font-size: 52px;
  }

  .icon-margin-left {
    margin-top: 1em;
  }

  .title-section {
    padding: 4em 1.5em;
  }

  .team-3-grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 1fr 1fr;
  }

  .team-body-content-space {
    padding-left: 15px;
    padding-right: 15px;
  }

  .team-heading-3x {
    font-size: 20px;
  }

  .team-4-grid-avatar, .team-4-grid-images {
    grid-template-columns: 1fr 1fr;
  }

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

  .navbar-wrapper {
    height: 80px;
  }

  .heading-03-title {
    font-size: 28px;
    line-height: 36px;
  }

  .margin-medium.center-mobile-content {
    margin-left: auto;
    margin-right: auto;
  }

  .form-block {
    min-width: auto;
  }

  .form-block.min {
    width: 100%;
  }

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

  .fullscreen-section {
    width: auto;
    padding: 50px 15px;
  }

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

  .margin-large {
    margin-bottom: 25px;
  }

  ._2-grid-large, ._2-grid-small {
    grid-template-columns: 1fr;
  }

  .feature-mobile-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .mobile-wrapper {
    align-items: flex-start;
    padding-bottom: 24px;
  }

  .list-large {
    width: 100%;
  }

  .browser {
    background-size: 64px;
    min-height: 256px;
  }

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

  ._3-grid-small._5-profiles {
    grid-template-columns: 1fr 1fr;
  }

  ._2-grid-testimonial {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr;
  }

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

  .footer-1-grid {
    margin-bottom: 30px;
  }

  .twitter-card {
    padding: 20px;
  }

  .footer-4-sub-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
  }

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

  .center-mobile-content {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .nav-link.no-display {
    color: var(--black);
  }

  .accordion-title {
    font-size: 16px;
    font-weight: 600;
  }

  .tab-link {
    width: 100%;
    padding: 16px 24px;
  }

  .tabs-horizontal {
    flex-direction: column;
    align-items: stretch;
  }

  .tabs-menu-vertical {
    border-bottom: 1px solid var(--gray-2);
    width: 100%;
  }

  .tabs-content-right {
    padding-top: 20px;
    padding-left: 0;
  }

  ._3-grid-blog-as-card {
    grid-template-columns: 1fr;
  }

  ._2-grid-blog-as-cards {
    grid-row-gap: .5em;
    grid-template-columns: 1fr;
  }

  .blog-post-horizontal {
    grid-column-gap: 1em;
  }

  ._2-grid-cta {
    grid-row-gap: 1.5em;
  }

  .gallery-grid-03 {
    width: 700px;
  }

  .quote-medium {
    font-size: 120%;
  }

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

  .blog-heading-small {
    font-size: 1.125em;
  }

  .announcement-bar {
    text-align: left;
    height: auto;
    padding: 15px;
    inset: auto 0% 0%;
  }

  .text-extra-large {
    font-size: 30px;
  }

  .zero-margin-bottom {
    margin-bottom: 0;
  }

  .zero-margin-top {
    margin-top: 0;
  }

  .zero-padding-mobile {
    padding: 0;
  }

  .line-horizontal.with-margin {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  ._3-grid-medium, ._2-grid-medium {
    grid-template-columns: 1fr;
  }

  .blog-heading-medium {
    max-height: none;
  }

  .more-space {
    padding: 0;
  }

  ._3-grid-blog-as-open-card {
    grid-template-columns: 1fr;
  }

  .footer-body {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

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

  .metric-medium {
    font-size: 44px;
  }

  .navbar {
    padding-left: 15px;
    padding-right: 15px;
  }

  .display-none-mobile {
    display: none;
  }

  .blog-2-grid-side-bar, ._1-grid-blog-open {
    grid-template-columns: 1fr;
  }

  .text-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .button-inside {
    flex-direction: column;
    margin-top: 8px;
    padding: 0;
    display: none;
    position: static;
  }

  .blog-info-vertical-medium {
    padding-left: 0;
    padding-right: 0;
  }

  ._2-grid-blog-featured {
    grid-template-columns: 1fr;
  }

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

  ._2-grid-zero-space {
    grid-template-columns: 1fr;
  }

  .contained-image {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .chaotic-team-info {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
  }

  .chaotic-team-social {
    margin-top: 1em;
  }

  .chaotic-team-2nd-column {
    margin-top: 0;
  }

  .chaotic-team-1st-block {
    align-items: stretch;
  }

  .chaotic-team-1st-block:nth-child(odd) {
    width: 100%;
    height: auto;
    margin-left: 0%;
    padding-top: 0%;
    padding-right: 0%;
  }

  .chaotic-team-1st-block:nth-child(2n) {
    height: auto;
    padding-top: 0%;
    padding-left: 0%;
  }

  .chaotic-team-2nd-block {
    justify-content: flex-start;
  }

  .chaotic-team-2nd-block:nth-child(odd) {
    height: auto;
    padding-top: 0%;
    padding-right: 0%;
  }

  .chaotic-team-2nd-block:nth-child(2n) {
    width: 100%;
    height: auto;
    padding-top: 0%;
    padding-left: 0%;
  }

  .chaotic-team-image {
    object-fit: cover;
    width: 100%;
    height: auto;
  }

  .zero-padding-top {
    padding-top: 0;
  }

  .intro-image-grid {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .zero-padding-tablet {
    padding: 0;
  }

  .compare-item {
    padding-left: .5em;
    padding-right: .5em;
  }

  .quote-box {
    width: 100%;
  }

  .quote-box-image {
    height: auto;
    margin-top: 0;
  }

  ._2-grid-pricing {
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

  .separator-left {
    width: 100%;
    height: 1px;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .right-content {
    text-align: left;
    align-items: flex-start;
  }

  ._3-grid-review-large {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  ._1-to-3-grid-large {
    grid-row-gap: 16px;
  }

  .cms-item-customer {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-wrap: wrap;
    grid-template-columns: 1fr;
  }

  .cms-item-customer-wrap {
    flex: 0 auto;
    width: 100%;
  }

  ._2-to-3-grid {
    grid-row-gap: 16px;
  }

  .post-body {
    margin-bottom: 32px;
    padding: 0 24px;
  }

  .style-color-grid {
    grid-template-rows: 128px;
    grid-auto-rows: 128px;
  }

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

  .pricing-card-inside {
    box-shadow: none;
    margin-top: -25px;
    padding: 15px;
  }

  .pricing-card-description {
    display: none;
  }

  .pricing-title-heading {
    font-size: 18px;
  }

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

  .pricing-title-cell {
    padding: 1.25em .75em;
  }

  .pricing-title-cell.first {
    margin-top: -.75em;
    padding-top: 2em;
  }

  .pricing-cell {
    padding: 1.25em .75em;
  }

  .pricing-cell.first {
    text-align: center;
    border-bottom: 1px solid #8f95a026;
    align-items: center;
    padding-left: .75em;
  }

  .pricing-cell.last {
    margin-bottom: -.75em;
    padding-bottom: 2em;
  }

  .style-tints-grid {
    grid-template-rows: 128px;
    grid-auto-rows: 128px;
  }

  .style-guide-column-cards {
    grid-template-columns: 1fr;
  }

  .footer-3-grid {
    margin-bottom: 30px;
  }

  .min-height-medium {
    min-height: 320px;
  }

  .min-height-large {
    min-height: auto;
  }

  .next-section {
    padding: 50px 15px;
  }

  .section-overview-wrapper {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }

  .intro-heading-1 {
    text-align: center;
    margin-top: .25em;
    margin-bottom: 1em;
  }

  .center-tablet-content {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .intro-page-title {
    font-size: 20px;
  }

  .demo-card {
    width: 100%;
  }

  .anchor {
    margin-top: -80px;
    padding-top: 80px;
  }

  ._1-grid-large {
    grid-column-gap: 0em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .blog-info-horizontal-small {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  ._2-grid-blog-as-open-card {
    grid-row-gap: 1em;
    grid-template-columns: 1fr;
  }

  .grid-halves {
    grid-template-columns: 1fr;
    margin-left: -15px;
    margin-right: -15px;
  }

  .margin-extra-large {
    margin-bottom: 50px;
  }

  .illustration-right-large {
    margin-bottom: 0;
  }

  .sticky-top {
    display: none;
  }

  .elements-right-secton {
    width: 100%;
    margin-top: 2em;
    margin-bottom: 0;
    position: static;
  }

  ._2-grid-how-it-work {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .tabs-image {
    display: block;
  }

  .tabs-content-padding {
    padding-top: 4em;
    padding-bottom: 2em;
  }

  .tabs-menu-2 {
    flex-wrap: wrap;
    width: 100%;
  }

  .tab-link-tab-3 {
    text-align: center;
    flex: 1;
  }

  .tab-image-grid {
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .relative-copy {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .tab-image-absolute {
    padding-right: 0;
  }

  .video-wrapp-info {
    padding-left: 0;
    padding-right: 0;
  }

  .elements-row-small {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .elements-row-small._02-right, .elements-row-small._03-right {
    left: 0;
  }

  .elements-grid-small-section {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    width: 100%;
  }

  ._2-grid-cta-illustration {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .box-under-marked {
    margin-top: -2.25em;
  }

  .metric-extra-large {
    font-size: 6em;
  }

  .testimonial-grid-chaotic {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .intro-card-body {
    padding: 15px 15px 30px;
  }

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

  .image-square {
    flex: 0 auto;
    width: 200px;
    max-width: none;
    height: 200px;
  }

  .image-3-to-4 {
    width: 200px;
    max-width: none;
  }

  .hero-title-holder {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    bottom: -50px;
    left: -15px;
    right: -15px;
  }

  .image-hero-background {
    border-bottom-right-radius: 2em;
    border-bottom-left-radius: 2em;
    height: auto;
    position: relative;
  }

  .fullscreen-hero {
    border-radius: 0;
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0;
  }

  .left-content-mobile {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .image-case-thumb {
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
  }

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

  .zero-padding-top-mobile {
    padding-top: 0;
  }

  .box-inside-case-thumb {
    padding-left: 10px;
    padding-right: 10px;
  }

  .margin-top-large {
    margin-top: 25px;
  }

  .footer-4-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    margin-bottom: 30px;
  }

  .footer-2-grid {
    margin-bottom: 30px;
  }

  .footer-5-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-bottom: 30px;
  }

  .footer-5-sub-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .fullscreen-footer {
    border-radius: 0;
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
    padding: 30px 45px;
  }

  ._2-grid-extra-large {
    grid-template-columns: 1fr;
  }

  .account-wrapper {
    padding: 30px;
  }

  .testimonial-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .tab-link-shrink {
    width: 100%;
    padding: 16px 24px;
  }

  .license-images {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .license-icons {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .compare-card {
    border-radius: 0;
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .width-50 {
    width: 100%;
  }

  .navbar-brand-three {
    padding-left: 0;
  }

  .nav-menu-three {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-menu-block {
    flex-direction: column;
  }

  .nav-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }
}

@media screen and (max-width: 479px) {
  .heading-01-hero.smaller {
    font-size: 2.25em;
  }

  .heading-02-section {
    letter-spacing: 0;
  }

  .style-guide-row {
    grid-template-columns: 1fr;
  }

  .style-guide-column {
    grid-auto-flow: row;
  }

  .circle-large {
    width: 3em;
    height: 3em;
  }

  .card-medium {
    width: 100%;
  }

  .card-large {
    flex: 0 auto;
    width: 100%;
  }

  .style-color-title {
    width: auto;
    transform: ;
    font-size: 10px;
    inset: 6px auto auto 6px;
  }

  .style-color-title.hex {
    bottom: 6px;
  }

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

  .utility-page-content {
    border-radius: 24px;
  }

  ._4-grid-medium, .team-3-grid {
    grid-template-columns: 1fr;
  }

  .team-body-content-space {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .team-info-left {
    margin-bottom: 1.5em;
  }

  .team-body-content {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .team-4-grid-avatar, .team-4-grid-images, .team-2-grid-images, .team-image-info {
    grid-template-columns: 1fr;
  }

  .title-section-number {
    display: none;
  }

  .form-block.min {
    min-width: auto;
  }

  .sig-in-help {
    grid-template-columns: auto;
  }

  .form-horizontal.one-field, ._2-grid-small, ._4-grid-small {
    grid-template-columns: 1fr;
  }

  .feature-mobile-grid {
    justify-items: start;
  }

  .list-item-large {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
    align-items: start;
  }

  .list-large {
    grid-row-gap: 1.5em;
  }

  .browser-address {
    flex: 1;
    margin-left: 12px;
  }

  .browser-button {
    display: none;
  }

  ._2-to-1-grid {
    grid-row-gap: 1em;
  }

  ._3-grid-small._5-profiles, .grid-avatar-text-large {
    grid-template-columns: 1fr;
  }

  ._2-grid-testimonial.textfocus {
    grid-template-columns: 2fr;
  }

  .avatar-grid-small.text-small {
    grid-template-columns: auto;
  }

  .buttons-horizontal {
    grid-row-gap: 8px;
    grid-auto-flow: row;
    width: 100%;
  }

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

  .footer-bottom-space {
    flex-direction: column;
    justify-content: center;
  }

  .footer-sub-text {
    text-align: center;
    margin-bottom: 24px;
  }

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

  .footer-news-block {
    width: 100%;
    padding: 15px;
  }

  .accordion-trigger {
    padding-right: 3px;
  }

  .accordion-title {
    width: 100%;
  }

  .expand-icon {
    display: none;
  }

  .tabs-menu-horizontal.margin-medium {
    flex-direction: row;
  }

  .blog-heading-large {
    font-size: 20px;
  }

  .blog-post-horizontal {
    grid-row-gap: 1em;
    grid-template-columns: 1fr;
  }

  .list-item-icon {
    align-items: start;
  }

  .gallery-grid-03 {
    grid-template-columns: auto 1fr;
    grid-auto-flow: row;
    justify-items: center;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .blog-heading-small {
    font-size: 1.25em;
  }

  .zero-padding-mobile {
    padding: 0;
  }

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

  .avatar-large {
    width: 180px;
    height: 180px;
  }

  .blog-heading-medium {
    max-height: none;
    font-size: 1.25em;
  }

  .footer-body {
    flex: 0 auto;
    width: 100%;
  }

  .slider-wrapper {
    overflow: hidden;
  }

  .slide {
    height: 100%;
  }

  .blog-2-grid-side-bar {
    grid-template-columns: 1fr;
  }

  .badge-holder-inside {
    top: 16px;
    left: 16px;
  }

  .badge-holder-inside.bottom {
    bottom: 16px;
  }

  ._1-grid-blog-open {
    grid-row-gap: 36px;
  }

  .footer-4-sub-text {
    text-align: center;
    margin-bottom: 24px;
  }

  .blog-info-vertical-medium {
    padding-left: 0;
    padding-right: 0;
  }

  ._2-grid-blog-featured {
    grid-template-columns: 1fr;
  }

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

  .margin-blog-thumb-large {
    margin-left: -15px;
    margin-right: -15px;
  }

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

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

  .chaotic-team-image {
    object-position: 50% 50%;
    height: 256px;
  }

  .footer-1-sub-text {
    text-align: center;
    margin-bottom: 24px;
  }

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

  .zero-padding-tablet {
    padding: 0;
  }

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

  .compare-row.first {
    font-size: 10px;
  }

  .compare-logo {
    width: 60px;
  }

  .quote-image-box {
    min-height: auto;
    padding: 0;
  }

  .quote-box {
    width: 100%;
    box-shadow: none;
    padding: 15px;
  }

  .quote-box-text {
    padding-top: 8px;
  }

  .quote-box-image {
    height: auto;
    padding-top: 0%;
    padding-bottom: 0%;
    position: relative;
  }

  .quote-box-text-small {
    padding-top: 8px;
  }

  .metric-large {
    font-size: 80px;
  }

  .post-share-icons {
    place-items: center;
    width: 100%;
  }

  .post-body {
    flex: 0 auto;
    width: 100%;
  }

  .post-image {
    margin-bottom: 0;
  }

  .footer-1-contact {
    text-align: center;
  }

  .style-color-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr;
  }

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

  .pricing-card-inside {
    min-height: 200px;
    padding: 25px 15px;
  }

  .pricing-tabs-menu {
    margin-bottom: 24px;
  }

  .pricing-title-heading {
    font-size: .875em;
  }

  .pricing-title-cell {
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
  }

  .pricing-cell {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
  }

  .style-tints-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .style-guide-column-cards {
    grid-auto-flow: row;
  }

  .footer-meta {
    text-align: center;
    flex-direction: column;
    justify-content: center;
  }

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

  .next-section-title {
    margin-bottom: 2em;
  }

  .blog-info-horizontal-small {
    padding-top: 0;
    padding-bottom: 0;
  }

  ._2-grid-blog-as-open-card {
    grid-row-gap: 3em;
  }

  .gallery-grid-02 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 500px;
  }

  .gallery-grid-02-row {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .illustration-right-large {
    margin-bottom: -50px;
    margin-left: -30px;
    margin-right: -30px;
  }

  .step-wrapper {
    margin-bottom: 5px;
  }

  .step-line {
    display: none;
  }

  ._2-grid-how-it-work {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .last-step {
    text-align: left;
    align-items: flex-start;
    width: 100%;
  }

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

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

  .tabs-menu-2 {
    flex-direction: column;
    align-items: stretch;
  }

  .tab-link-tab-3 {
    padding-top: 1em;
  }

  .relative-copy {
    width: 75%;
  }

  .video-holder {
    padding-top: 2em;
  }

  .height-70 {
    height: 100%;
  }

  .video-wrapp-info {
    padding-bottom: 15px;
  }

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

  .ticker-section {
    justify-content: flex-start;
    max-width: 320px;
    height: auto;
  }

  .ticker-stretch {
    height: auto;
  }

  .next-section-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .elements-row-small {
    grid-template-columns: 1fr;
  }

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

  .box-under-marked {
    margin-top: 2em;
  }

  .metric-extra-large {
    font-size: 4em;
  }

  .testimonial-grid-chaotic {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    grid-template-columns: 1fr;
    width: 100%;
    margin-top: 50px;
  }

  .intro-card-body {
    width: 100%;
  }

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

  .image-square {
    float: none;
    clear: none;
    object-fit: contain;
    flex: 0 auto;
    width: 100%;
    max-width: 250px;
    height: 100%;
    position: static;
    overflow: visible;
  }

  .image-3-to-4 {
    object-fit: fill;
    width: 100%;
    height: 100%;
  }

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

  .zero-padding-top-mobile {
    padding-top: 0;
  }

  .footer-2-grid, .footer-5-sub-grid {
    grid-template-columns: 1fr;
  }

  .account-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .testimonial-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .intro-block {
    padding-top: 150px;
  }

  .license-images {
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .compare-card {
    flex: 0 auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .quote-mark {
    padding-left: 25%;
    padding-right: 25%;
  }

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

  .grid-cta.tight {
    grid-template-columns: .75fr;
  }

  .container-4 {
    max-width: none;
  }

  .nav-menu-three {
    flex-direction: column;
  }
}

#anchor-1.w-node-_1e507b9c-f55b-c318-b8cf-50f320b1a74f-25d9ebe8, #anchor-2.w-node-_1e507b9c-f55b-c318-b8cf-50f320b1a75e-25d9ebe8, #anchor-3.w-node-_1e507b9c-f55b-c318-b8cf-50f320b1a76d-25d9ebe8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1d51750f-98ce-63f2-1f3b-6f6a001995c0-25d9ebe8 {
  place-self: center end;
}

#w-node-fd4c425e-1e30-c960-ef21-32e7bb961dbc-bb961d7d {
  align-self: start;
}

#w-node-_103e2757-6d3e-edeb-4a04-a15098623fe9-98623fe4, #w-node-fccfa10b-55c3-8288-d7a7-4dd8dc8483ef-94d9eb57 {
  justify-self: end;
}

#w-node-dcd182e0-8b6b-ce20-5c4b-cb017b7d64e6-d0d9eb5e {
  place-self: center start;
}

#w-node-_90b17911-dc1c-69cd-b59b-8ae523cd0182-23cd015e {
  place-self: center end;
}

#w-node-ddee3b1a-bddb-b105-bc3d-5eafc98a167d-c98a167b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ddee3b1a-bddb-b105-bc3d-5eafc98a1680-c98a167b {
  justify-self: end;
}

#w-node-_1ec8fdbb-764d-b71c-01c9-8f0bbf23912d-85d9ec03 {
  align-self: start;
}

#w-node-eb853582-436e-700b-29a5-71e0239ad5c0-85d9ec03 {
  place-self: start;
}

#w-node-c4702f04-cb52-d8d4-35a5-a4b7bcbb2a2c-bcbb2a28 {
  justify-self: start;
}

#w-node-c4702f04-cb52-d8d4-35a5-a4b7bcbb2a66-bcbb2a28 {
  justify-self: end;
}

#w-node-_22955ae1-a70c-ff45-7c55-70a94fde08e8-3ed9ebab, #w-node-_22955ae1-a70c-ff45-7c55-70a94fde08ec-3ed9ebab {
  align-self: end;
}

#w-node-_22955ae1-a70c-ff45-7c55-70a94fde08ef-3ed9ebab {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f51098fd-499d-6d30-6794-f948b719b5a5-3ed9ebab, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaea1-3ed9ebab, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaeae-3ed9ebab, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaebf-3ed9ebab, #w-node-_5305e7c7-c2fc-9d9d-bd4a-0e042d4995d9-3ed9ebab, #w-node-_5305e7c7-c2fc-9d9d-bd4a-0e042d4995fa-3ed9ebab, #w-node-e144d7b9-a57d-c9f5-6d59-9afc309c698d-3ed9ebab {
  align-self: center;
}

#w-node-a0aa2b06-3ff3-3534-375b-7ac0d23753fa-3ed9ebab {
  justify-self: end;
}

#w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaeda-3ed9ebab {
  align-self: start;
}

#w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaee5-3ed9ebab, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaeeb-3ed9ebab {
  justify-self: center;
}

#Email-4.w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaef6-3ed9ebab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaefc-3ed9ebab {
  justify-self: end;
}

#w-node-_7ecc2ac7-6c6c-62df-3b9c-794b0fd3a454-3ed9ebab {
  align-self: center;
}

#w-node-_8038647e-84f4-2411-02c0-8d0b1ba3a66b-ebd9ec0b {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8038647e-84f4-2411-02c0-8d0b1ba3a66e-ebd9ec0b {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_8038647e-84f4-2411-02c0-8d0b1ba3a671-ebd9ec0b {
  grid-area: 1 / 4 / 2 / 5;
}

#Email-4.w-node-_1ddec838-dd30-f9f4-a7b7-df3d20b9660b-ebd9ec0b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1ddec838-dd30-f9f4-a7b7-df3d20b96611-ebd9ec0b {
  justify-self: end;
}

#w-node-_32b42701-8171-22ed-f232-5fd8dcc74170-97d9eb9f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_32b42701-8171-22ed-f232-5fd8dcc74171-97d9eb9f {
  align-self: center;
}

#w-node-_40d6357d-76a8-e2eb-d1a7-55b78d40d168-97d9eb9f, #w-node-_40d6357d-76a8-e2eb-d1a7-55b78d40d177-97d9eb9f, #w-node-_40d6357d-76a8-e2eb-d1a7-55b78d40d186-97d9eb9f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a044a52e-eb12-c3c8-874f-ae97b0cddec1-97d9eb9f, #w-node-a044a52e-eb12-c3c8-874f-ae97b0cddec8-97d9eb9f, #w-node-d4063bb3-cb6c-b297-2e6c-5c6fc78f2806-97d9eb9f {
  align-self: center;
}

#w-node-_0943fee1-ea6b-67bc-9222-3f0f4408622c-97d9eb9f, #w-node-_4d4ec6be-6ae6-d417-5ed1-136858548a40-97d9eb9f {
  align-self: end;
}

#w-node-b964881d-68bd-1b08-ac3e-8f4bf1e00bd5-97d9eb9f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7f58113a-bb60-3fe0-f0ac-87cee13b09da-97d9eb9f, #w-node-_66c81c52-d336-9b17-1de7-426993741806-97d9eb9f, #w-node-_66c81c52-d336-9b17-1de7-4269937417fc-97d9eb9f, #w-node-_6dc058f9-3b50-05fa-c552-9cfa03b6b5af-97d9eb9f {
  align-self: center;
}

#w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf450-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf45b-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf466-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf471-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf47c-eed9ec3d {
  align-self: end;
}

#w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf487-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf492-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf49d-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf4a8-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf4b3-eed9ec3d, #w-node-_496a9770-ffcd-36a4-cdf7-13a1fdaf2d8b-eed9ec3d, #w-node-f071aa04-3bcb-2070-be6c-d3ce038b1b71-eed9ec3d {
  align-self: start;
}

#w-node-_72d3214b-ad91-e0dd-3cf9-728e5451ddd2-eed9ec3d, #w-node-_5d8a5131-2323-27c0-2415-a6400b676df1-eed9ec3d {
  justify-self: end;
}

#w-node-b0633f1c-97ed-60d8-e50a-57724cfb3271-d8d9ec08, #w-node-b0633f1c-97ed-60d8-e50a-57724cfb3284-d8d9ec08, #w-node-b0633f1c-97ed-60d8-e50a-57724cfb32aa-d8d9ec08, #w-node-b0633f1c-97ed-60d8-e50a-57724cfb32b9-d8d9ec08, #w-node-b0633f1c-97ed-60d8-e50a-57724cfb32df-d8d9ec08, #w-node-b0633f1c-97ed-60d8-e50a-57724cfb32ee-d8d9ec08, #w-node-b0633f1c-97ed-60d8-e50a-57724cfb3316-d8d9ec08, #w-node-b0633f1c-97ed-60d8-e50a-57724cfb3329-d8d9ec08, #w-node-b0633f1c-97ed-60d8-e50a-57724cfb334f-d8d9ec08, #w-node-b0633f1c-97ed-60d8-e50a-57724cfb335e-d8d9ec08, #w-node-b0633f1c-97ed-60d8-e50a-57724cfb3384-d8d9ec08, #w-node-b0633f1c-97ed-60d8-e50a-57724cfb3393-d8d9ec08 {
  align-self: end;
}

#w-node-cc646a67-715e-4803-57d9-7ff1b3bcb385-d8d9ec08 {
  align-self: stretch;
}

#w-node-_50dbcb61-dd53-2440-da87-16461d70d120-2fd9ebd5 {
  align-self: center;
}

#w-node-c1127e1a-baab-5340-49e7-ac40bcb59501-3c068d22, #w-node-cbd05f53-c8bc-ed9e-9fcc-3e65c5513adc-c5513adb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cbd05f53-c8bc-ed9e-9fcc-3e65c5513adf-c5513adb {
  justify-self: end;
}

#w-node-_4735597e-b024-4e56-475a-d80b22c15527-56d9ec09, #w-node-_07c19c59-cfc7-3118-d1c6-b334fceec992-56d9ec09 {
  align-self: center;
}

#w-node-d4efca52-784d-74db-f049-5cfd6c5bd2f7-56d9ec09 {
  align-self: stretch;
}

#w-node-c6fd5113-27ac-6961-b0da-3e4bd7ce9876-56d9ec09, #w-node-c6fd5113-27ac-6961-b0da-3e4bd7ce988a-56d9ec09 {
  justify-self: end;
}

#w-node-_0063bd6a-ab7f-6b26-53f7-292a20ddcd38-56d9ec09, #w-node-_0063bd6a-ab7f-6b26-53f7-292a20ddcd41-56d9ec09, #w-node-_0063bd6a-ab7f-6b26-53f7-292a20ddcd4a-56d9ec09, #w-node-_8fb930df-a439-ca40-1e1c-f8f3c2a02f58-56d9ec09, #w-node-_1b95ecf2-2b21-fed5-114a-7ee8794ca2e3-56d9ec09, #w-node-cc513230-825d-a009-529b-508b1d587652-56d9ec09 {
  align-self: start;
}

#w-node-_66cf8ea4-2dd5-d072-28a7-e593cd0c08b6-56d9ec09 {
  justify-self: center;
}

#w-node-_31158cc2-4a2b-8543-b869-4742b624cc16-45d9eb46 {
  align-self: center;
}

#w-node-cdc789ad-4823-9c2f-b19e-b2f50296b215-45d9eb46, #w-node-_257890dc-28fb-b05c-1d99-0778ac00bc33-45d9eb46 {
  justify-self: end;
}

#w-node-ec243bda-c46f-663e-619b-c9f74123af8b-45d9eb46 {
  align-self: center;
}

#w-node-cd94b5e4-c9ef-dc9d-5e3a-71f51d2bf53b-45d9eb46, #w-node-_02b3f42e-7482-d8f6-660b-1e664ff8b989-31d9ec39 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d6099c9d-a528-466f-3abe-9894f70d432b-98d9eb5b {
  justify-self: center;
}

#w-node-ed9c3d1d-12d8-c803-f4fb-7f52537a8047-98d9eb5b {
  justify-self: start;
}

#w-node-ed9c3d1d-12d8-c803-f4fb-7f52537a804c-98d9eb5b, #w-node-_74dc6101-922c-c826-df94-967819f9987f-b7d9eba8, #w-node-_74dc6101-922c-c826-df94-967819f9988a-b7d9eba8, #w-node-feffc9ff-892f-2594-637d-c8fb6fa4a31b-92d9ebac, #w-node-ed5a823e-2342-652e-4078-452c829fab11-92d9ebac {
  align-self: center;
}

#w-node-bc225be8-fe51-ca92-df2d-19318c3d0b07-92d9ebac {
  justify-self: start;
}

#w-node-bc225be8-fe51-ca92-df2d-19318c3d0b0c-92d9ebac {
  align-self: center;
}

#w-node-c50cccf4-0bea-169f-d1a1-3e813fdc4b59-e2d9ec35 {
  justify-self: end;
}

#w-node-_6b085676-81df-b14d-03ef-155473244d88-53d9ec0a, #w-node-cc06a5ec-e71f-a7b8-1488-ff0069a04f64-53d9ec0a, #w-node-_13a38aab-6c45-40a7-f95b-103fa4f25626-53d9ec0a, #w-node-_13a38aab-6c45-40a7-f95b-103fa4f25640-53d9ec0a, #w-node-_2efaac43-36b9-ce70-3338-3198d34e6ca5-53d9ec0a, #w-node-_2efaac43-36b9-ce70-3338-3198d34e6cba-53d9ec0a, #w-node-_33517433-2372-176b-259f-e7c23024de9a-53d9ec0a, #w-node-_33517433-2372-176b-259f-e7c23024deaa-53d9ec0a, #w-node-_33517433-2372-176b-259f-e7c23024decf-53d9ec0a, #w-node-_33517433-2372-176b-259f-e7c23024dedc-53d9ec0a, #w-node-_33517433-2372-176b-259f-e7c23024df01-53d9ec0a, #w-node-_33517433-2372-176b-259f-e7c23024df0e-53d9ec0a {
  align-self: end;
}

#w-node-_3e7aff4c-17e5-cbec-cca2-e0c4a5d734d4-acd9eba6, #w-node-_3e7aff4c-17e5-cbec-cca2-e0c4a5d734d6-acd9eba6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a65ab246-d9e8-627a-ff75-0eb7a7beb7a8-7dd9eb56 {
  align-self: center;
}

#w-node-_9b1fab19-9a3c-fad9-2f6b-58591bdf4fc2-7dd9eb56 {
  place-self: center end;
}

#Email-4.w-node-c3c78c44-d78e-1073-3b76-b3d154396ed0-7dd9eb56 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c3c78c44-d78e-1073-3b76-b3d154396ed1-7dd9eb56, #w-node-f902cc3f-71dc-922f-01ea-d70ecdf2be4b-7dd9eb56 {
  justify-self: end;
}

#w-node-d2205b74-c450-5b92-6180-fd10c80bd0b5-7dd9eb56 {
  align-self: start;
}

#w-node-d2205b74-c450-5b92-6180-fd10c80bd0be-7dd9eb56, #w-node-d2205b74-c450-5b92-6180-fd10c80bd0c4-7dd9eb56 {
  justify-self: center;
}

#Email-4.w-node-d2205b74-c450-5b92-6180-fd10c80bd0cf-7dd9eb56 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2205b74-c450-5b92-6180-fd10c80bd0d5-7dd9eb56 {
  justify-self: end;
}

#w-node-_56af0659-99e2-70e5-a965-0d5e8c04eee7-9bd9ec37 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba271d60-aab3-9176-6c91-141d53eac6b4-9bd9ec37, #w-node-ba271d60-aab3-9176-6c91-141d53eac6ba-9bd9ec37, #w-node-_2be2ee23-cfa3-9b1b-0a2b-06b7dae436b4-9bd9ec37 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ba271d60-aab3-9176-6c91-141d53eac6c6-9bd9ec37, #w-node-ba271d60-aab3-9176-6c91-141d53eac6cc-9bd9ec37 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ba271d60-aab3-9176-6c91-141d53eac6d2-9bd9ec37 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_22c55944-f917-3f55-f8a1-c30c407a93ca-17d9ec0c, #w-node-_22c55944-f917-3f55-f8a1-c30c407a93d7-17d9ec0c, #w-node-_22c55944-f917-3f55-f8a1-c30c407a93e8-17d9ec0c {
  align-self: center;
}

#w-node-_0342a747-d035-cb6f-ab48-9e0c220adf89-56d9ebc1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9b985388-762d-f223-f383-fd9e7f68c866-56d9ebc1 {
  align-self: center;
}

#w-node-_9b985388-762d-f223-f383-fd9e7f68c877-56d9ebc1, #w-node-_9b985388-762d-f223-f383-fd9e7f68c879-56d9ebc1 {
  align-self: start;
}

#w-node-_9b985388-762d-f223-f383-fd9e7f68c87b-56d9ebc1 {
  align-self: center;
}

#w-node-_337e92f2-97dd-75ba-c088-db8ae3dc4280-56d9ebc1 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_337e92f2-97dd-75ba-c088-db8ae3dc4283-56d9ebc1 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_337e92f2-97dd-75ba-c088-db8ae3dc4286-56d9ebc1 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_79bd029a-3673-b05a-44bc-e0a96adb31e4-56d9ebc1, #w-node-f9698b2e-89e9-ed1e-f06a-298c0d3fab10-56d9ebc1, #w-node-eb93130e-38ca-77d6-7ef9-a364869cc02e-56d9ebc1, #w-node-d4fcf3e2-8428-367f-e1cf-f4d0c1fc44e2-56d9ebc1, #w-node-e4100708-6501-f111-b8cd-e65072e91345-56d9ebc1 {
  align-self: end;
}

#w-node-_41ccb67f-cb09-efea-dc67-fb98e9dd737a-56d9ebc1, #w-node-_1e99bc8f-feee-92ac-c312-e3b86f4201da-56d9ebc1, #w-node-f90c1b3a-d424-bafa-f450-67c57b2853b6-56d9ebc1, #w-node-_2fccac4b-214e-406e-8af7-c1016f32d473-56d9ebc1, #w-node-_9906acc1-0afd-bfe5-1c6a-372a03ccf638-56d9ebc1 {
  align-self: start;
}

#w-node-_9b57902b-2726-a29f-44ab-c9956a306fe5-51d9eb40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_64d72008-240c-b030-9a75-58f38df251b3-d0d9eb61 {
  align-self: center;
}

#w-node-_64d72008-240c-b030-9a75-58f38df251b6-d0d9eb61 {
  place-self: center end;
}

#w-node-b9bccd1a-20e3-7daa-b573-9e7bc43c0675-02d9eb84, #w-node-_3cd220e1-c0b2-9d8c-0af5-700df98c19d5-02d9eb84 {
  justify-self: center;
}

#w-node-fc911985-5699-d846-3117-af8564c612d0-438936f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fc911985-5699-d846-3117-af8564c612d1-438936f4 {
  align-self: center;
}

#w-node-_52e7319e-64c9-d954-60dd-8adff137c3ff-438936f4, #w-node-cfd7f2a4-4182-f66c-f578-688749780e5f-438936f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_38dc4f99-9ba0-d6c7-f1c5-322fac573238-438936f4, #w-node-_5305e7c7-c2fc-9d9d-bd4a-0e042d4995d9-438936f4 {
  align-self: center;
}

#w-node-_7f65f778-d5cd-749e-aff0-cebe5c380a3f-438936f4, #w-node-_77d1bf5b-bcd6-7b52-3509-2d4a2671c2ac-438936f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ecc2ac7-6c6c-62df-3b9c-794b0fd3a454-438936f4, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaea1-438936f4, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaeae-438936f4, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaebf-438936f4 {
  align-self: center;
}

#w-node-b472f70c-7eff-b12e-6dc8-9b57f0a1fd8d-438936f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2869de72-d7a3-de22-9495-89b8e1348cc5-438936f4, #w-node-ee598a1e-8dcf-fce0-5c37-5f42257ffb93-438936f4 {
  align-self: auto;
}

#w-node-ee598a1e-8dcf-fce0-5c37-5f42257ffba1-438936f4, #w-node-ecf392aa-59bc-5e69-4e05-69407567953b-2f85d156, #w-node-_0cd57b9a-bc0b-237c-27e6-e2d68c1ec2d9-8c1ec2d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0cd57b9a-bc0b-237c-27e6-e2d68c1ec2e4-8c1ec2d6 {
  justify-self: end;
}

#w-node-e5f490fe-d8b3-cee8-e7b7-a5e8333a7645-c158d341, #w-node-fc911985-5699-d846-3117-af8564c612d0-c158d341 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fc911985-5699-d846-3117-af8564c612d1-c158d341 {
  align-self: center;
}

#w-node-_52e7319e-64c9-d954-60dd-8adff137c3ff-c158d341 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5305e7c7-c2fc-9d9d-bd4a-0e042d4995d9-c158d341 {
  align-self: center;
}

#w-node-_77d1bf5b-bcd6-7b52-3509-2d4a2671c2ac-c158d341 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ecc2ac7-6c6c-62df-3b9c-794b0fd3a454-c158d341, #w-node-d4063bb3-cb6c-b297-2e6c-5c6fc78f2806-bea9e0c5 {
  align-self: center;
}

#w-node-_0a864ac3-7d15-f824-675d-b5d6696ef678-bea9e0c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b616fa48-b8c4-8bb4-f597-b3624918db60-87c041cb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b616fa48-b8c4-8bb4-f597-b3624918db61-87c041cb, #w-node-_4ffd71cf-306c-7b3c-1abb-e50c246b8aef-87c041cb, #w-node-eeb94261-67cf-3fa2-7e50-0ecc5dcb94a7-87c041cb {
  align-self: center;
}

#w-node-eeb94261-67cf-3fa2-7e50-0ecc5dcb94af-87c041cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fabbbbbb-6e6b-d70f-61eb-bd06b12880b1-87c041cb, #w-node-_05a075b3-ddd5-ecf5-614a-b1a1bfac3a50-87c041cb, #w-node-_5e137a36-3dfe-6d14-318e-77b9260e1a99-87c041cb, #w-node-c9c052cd-f348-05b2-8312-d624c92886f3-87c041cb, #w-node-_11189ab9-123b-0ad2-2a48-fa995be4b72e-87c041cb {
  align-self: center;
}

#w-node-e5f490fe-d8b3-cee8-e7b7-a5e8333a7645-560bf6c5, #w-node-_52e7319e-64c9-d954-60dd-8adff137c3ff-560bf6c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2a7949c7-bd9b-7fec-0614-f75cec11ef3a-560bf6c5, #w-node-ea89299d-628a-84a7-ab07-359772aef28e-560bf6c5 {
  align-self: auto;
}

#w-node-_22c55944-f917-3f55-f8a1-c30c407a93ca-5861bde4, #w-node-_22c55944-f917-3f55-f8a1-c30c407a93d7-5861bde4, #w-node-_22c55944-f917-3f55-f8a1-c30c407a93e8-5861bde4 {
  align-self: center;
}

#w-node-_244c0eca-2eb4-cd59-446b-f9c36c49e255-701256af, #w-node-_7f65f778-d5cd-749e-aff0-cebe5c380a3f-701256af, #w-node-_77d1bf5b-bcd6-7b52-3509-2d4a2671c2ac-701256af {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ecc2ac7-6c6c-62df-3b9c-794b0fd3a454-701256af, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaea1-701256af, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaeae-701256af, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaebf-701256af {
  align-self: center;
}

#w-node-b472f70c-7eff-b12e-6dc8-9b57f0a1fd8d-701256af {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2869de72-d7a3-de22-9495-89b8e1348cc5-701256af, #w-node-ee598a1e-8dcf-fce0-5c37-5f42257ffb93-701256af {
  align-self: auto;
}

#w-node-ee598a1e-8dcf-fce0-5c37-5f42257ffba1-701256af {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cc5387b6-1c79-c7b3-a139-8adbb7ad4b79-3a882cbe {
  place-self: center;
}

#w-node-_01f36eb0-b5ed-ba56-3745-f31e365a6fe8-3a882cbe, #w-node-fc911985-5699-d846-3117-af8564c612d0-3a882cbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fc911985-5699-d846-3117-af8564c612d1-3a882cbe {
  align-self: center;
}

#w-node-_52e7319e-64c9-d954-60dd-8adff137c3ff-3a882cbe, #w-node-cfd7f2a4-4182-f66c-f578-688749780e5f-3a882cbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_38dc4f99-9ba0-d6c7-f1c5-322fac573238-3a882cbe, #w-node-_5305e7c7-c2fc-9d9d-bd4a-0e042d4995d9-3a882cbe {
  align-self: center;
}

#w-node-_7f65f778-d5cd-749e-aff0-cebe5c380a3f-3a882cbe, #w-node-_77d1bf5b-bcd6-7b52-3509-2d4a2671c2ac-3a882cbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ecc2ac7-6c6c-62df-3b9c-794b0fd3a454-3a882cbe {
  align-self: center;
}

#w-node-fdb6cb49-17d0-2d70-2c36-d0d2416a52f0-3a882cbe {
  place-self: center;
}

#w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaea1-3a882cbe, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaeae-3a882cbe, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaebf-3a882cbe {
  align-self: center;
}

#w-node-b472f70c-7eff-b12e-6dc8-9b57f0a1fd8d-3a882cbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2869de72-d7a3-de22-9495-89b8e1348cc5-3a882cbe, #w-node-ee598a1e-8dcf-fce0-5c37-5f42257ffb93-3a882cbe {
  align-self: auto;
}

#w-node-ee598a1e-8dcf-fce0-5c37-5f42257ffba1-3a882cbe, #w-node-ea49238d-8d45-d7cf-031f-49a5f8113cb5-b027e753, #w-node-e5f490fe-d8b3-cee8-e7b7-a5e8333a7645-709cb538, #w-node-_52e7319e-64c9-d954-60dd-8adff137c3ff-709cb538 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2a7949c7-bd9b-7fec-0614-f75cec11ef3a-709cb538 {
  align-self: auto;
}

#w-node-_84e583a9-72a3-b55e-b336-02653bcb34c2-709cb538, #w-node-_01ac63c0-2d2a-09f0-ff8d-1f0c33b6da95-709cb538 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ea89299d-628a-84a7-ab07-359772aef28e-709cb538 {
  align-self: auto;
}

#w-node-_48a0ce13-16f2-fffa-fccb-81e78955468f-709cb538, #Email-4.w-node-_3414e426-5fdd-09e5-33b7-909f9fa878e4-70fe5840 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3414e426-5fdd-09e5-33b7-909f9fa878e5-70fe5840 {
  justify-self: end;
}

#anchor-4.w-node-_9230539b-5ca6-0cb5-bde6-b6d34e3ef412-32dfd343 {
  place-self: auto;
}

#w-node-_410be369-fe14-ce2e-712b-c7969849ad83-32dfd343, #w-node-e5f490fe-d8b3-cee8-e7b7-a5e8333a7645-002c3508, #w-node-_52e7319e-64c9-d954-60dd-8adff137c3ff-002c3508 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2a7949c7-bd9b-7fec-0614-f75cec11ef3a-002c3508, #w-node-ea89299d-628a-84a7-ab07-359772aef28e-002c3508 {
  align-self: auto;
}

#w-node-_244c0eca-2eb4-cd59-446b-f9c36c49e255-44349017, #w-node-d9b505cf-4fb6-40a8-0c65-175b461fc762-44349017, #w-node-e5f490fe-d8b3-cee8-e7b7-a5e8333a7645-3bb82b2c, #w-node-e5f490fe-d8b3-cee8-e7b7-a5e8333a7645-5066a324, #w-node-_52e7319e-64c9-d954-60dd-8adff137c3ff-5066a324 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2a7949c7-bd9b-7fec-0614-f75cec11ef3a-5066a324, #w-node-ea89299d-628a-84a7-ab07-359772aef28e-5066a324 {
  align-self: auto;
}

#anchor-4.w-node-_9230539b-5ca6-0cb5-bde6-b6d34e3ef412-a8e3182a {
  place-self: auto;
}

#w-node-_410be369-fe14-ce2e-712b-c7969849ad83-a8e3182a, #w-node-b6050734-efb2-76aa-411a-dae4722dd58d-97fc2b18 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b616fa48-b8c4-8bb4-f597-b3624918db61-97fc2b18, #w-node-c1420778-45b1-46a8-8d52-d57dd596921a-97fc2b18, #w-node-b4bd7647-026f-f79b-d55d-7122373e2d86-97fc2b18, #w-node-da979189-a9a9-6907-fec3-e75c4037b652-97fc2b18, #w-node-d0fff660-6e9f-1e11-4a34-13bbda95a6f7-97fc2b18 {
  align-self: center;
}

#w-node-_1e05c409-4d99-adcf-320f-c29888d82819-97fc2b18 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_1d51750f-98ce-63f2-1f3b-6f6a001995c0-25d9ebe8 {
    justify-self: center;
  }

  #w-node-beaff044-5ebf-b9b4-e7e4-9213c6f6a0f8-94d9eb57, #w-node-_5ea95a50-909f-806a-3699-41d9c0748268-94d9eb57 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_6414de7e-d371-337f-60cf-fb22ef6764ca-ef6764c6 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-dcd182e0-8b6b-ce20-5c4b-cb017b7d64e6-d0d9eb5e, #w-node-_90b17911-dc1c-69cd-b59b-8ae523cd0182-23cd015e {
    justify-self: center;
  }

  #w-node-c4702f04-cb52-d8d4-35a5-a4b7bcbb2a2c-bcbb2a28, #w-node-c4702f04-cb52-d8d4-35a5-a4b7bcbb2a66-bcbb2a28 {
    justify-self: stretch;
  }

  #w-node-db5df9b1-341b-2c49-24bd-4a85d1e16a73-d1e16a6f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_5305e7c7-c2fc-9d9d-bd4a-0e042d49961a-3ed9ebab {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaeda-3ed9ebab, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaef1-3ed9ebab {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-a044a52e-eb12-c3c8-874f-ae97b0cddece-97d9eb9f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-dc88900b-c9f3-96d1-8435-d4afd6376e95-97d9eb9f {
    align-self: center;
  }

  #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf450-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf45b-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf466-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf471-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf47c-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf487-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf492-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf49d-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf4a8-eed9ec3d, #w-node-_6f97ed05-8e0d-c22b-cd8d-3c41537bf4b3-eed9ec3d {
    align-self: auto;
  }

  #w-node-e831570f-5661-7b62-d7d4-553afd6dbce2-2fd9ebd5, #w-node-e831570f-5661-7b62-d7d4-553afd6dbd0e-2fd9ebd5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_912fa77b-0578-27ad-b068-491c6f34dfda-c0d9eb62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_524132cf-4b9a-9327-fc43-c78c3c068d25-3c068d22 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-de4b1deb-fa73-f2c9-5491-926a8814e6eb-45d9eb46 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_8ebe6eeb-8751-380c-853f-6691502d1765-b7d9eba8, #w-node-_8ebe6eeb-8751-380c-853f-6691502d178e-b7d9eba8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3e7aff4c-17e5-cbec-cca2-e0c4a5d734d4-acd9eba6, #w-node-_3e7aff4c-17e5-cbec-cca2-e0c4a5d734d6-acd9eba6 {
    grid-column: span 1 / span 1;
  }

  #w-node-_9b1fab19-9a3c-fad9-2f6b-58591bdf4fc2-7dd9eb56 {
    justify-self: center;
  }

  #w-node-f902cc3f-71dc-922f-01ea-d70ecdf2be35-7dd9eb56, #w-node-f902cc3f-71dc-922f-01ea-d70ecdf2be3f-7dd9eb56, #w-node-d2205b74-c450-5b92-6180-fd10c80bd0b5-7dd9eb56, #w-node-d2205b74-c450-5b92-6180-fd10c80bd0ca-7dd9eb56 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e6b7b4e1-64a5-0a2f-c269-ad86301f3f7d-56d9ebc1 {
    align-self: end;
  }

  #w-node-e6b7b4e1-64a5-0a2f-c269-ad86301f3f8e-56d9ebc1 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-e6b7b4e1-64a5-0a2f-c269-ad86301f3fab-56d9ebc1 {
    align-self: start;
  }

  #w-node-_79bd029a-3673-b05a-44bc-e0a96adb31e4-56d9ebc1, #w-node-f9698b2e-89e9-ed1e-f06a-298c0d3fab10-56d9ebc1, #w-node-eb93130e-38ca-77d6-7ef9-a364869cc02e-56d9ebc1, #w-node-d4fcf3e2-8428-367f-e1cf-f4d0c1fc44e2-56d9ebc1, #w-node-e4100708-6501-f111-b8cd-e65072e91345-56d9ebc1, #w-node-_41ccb67f-cb09-efea-dc67-fb98e9dd737a-56d9ebc1, #w-node-_1e99bc8f-feee-92ac-c312-e3b86f4201da-56d9ebc1, #w-node-f90c1b3a-d424-bafa-f450-67c57b2853b6-56d9ebc1, #w-node-_2fccac4b-214e-406e-8af7-c1016f32d473-56d9ebc1, #w-node-_9906acc1-0afd-bfe5-1c6a-372a03ccf638-56d9ebc1 {
    align-self: auto;
  }

  #w-node-_3ea9b219-4aa7-f2dd-55a2-c8a96a483e9d-51d9eb40, #w-node-_41a2875f-c75c-5714-e768-ed1d2ee8f38d-51d9eb40 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_64d72008-240c-b030-9a75-58f38df25196-d0d9eb61 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-ecf392aa-59bc-5e69-4e05-69407567952e-2f85d156, #w-node-_1e05c409-4d99-adcf-320f-c29888d8280c-97fc2b18 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1e507b9c-f55b-c318-b8cf-50f320b1a76b-25d9ebe8 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_6414de7e-d371-337f-60cf-fb22ef6764ca-ef6764c6 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_90b17911-dc1c-69cd-b59b-8ae523cd0162-23cd015e, #w-node-_90b17911-dc1c-69cd-b59b-8ae523cd0165-23cd015e, #w-node-_90b17911-dc1c-69cd-b59b-8ae523cd0182-23cd015e {
    justify-self: center;
  }

  #w-node-db5df9b1-341b-2c49-24bd-4a85d1e16a73-d1e16a6f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_22955ae1-a70c-ff45-7c55-70a94fde08ef-3ed9ebab {
    grid-column: span 1 / span 1;
  }

  #w-node-e144d7b9-a57d-c9f5-6d59-9afc309c698d-3ed9ebab, #w-node-a0aa2b06-3ff3-3534-375b-7ac0d23753fa-3ed9ebab {
    justify-self: center;
  }

  #w-node-_8038647e-84f4-2411-02c0-8d0b1ba3a66b-ebd9ec0b, #w-node-_8038647e-84f4-2411-02c0-8d0b1ba3a66e-ebd9ec0b, #w-node-_8038647e-84f4-2411-02c0-8d0b1ba3a671-ebd9ec0b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8038647e-84f4-2411-02c0-8d0b1ba3a675-ebd9ec0b, #w-node-_8038647e-84f4-2411-02c0-8d0b1ba3a682-ebd9ec0b, #w-node-_8038647e-84f4-2411-02c0-8d0b1ba3a68f-ebd9ec0b, #w-node-_8038647e-84f4-2411-02c0-8d0b1ba3a69c-ebd9ec0b, #w-node-_8038647e-84f4-2411-02c0-8d0b1ba3a6ac-ebd9ec0b, #w-node-_8038647e-84f4-2411-02c0-8d0b1ba3a6bc-ebd9ec0b {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_32b42701-8171-22ed-f232-5fd8dcc74170-97d9eb9f, #w-node-_32b42701-8171-22ed-f232-5fd8dcc74171-97d9eb9f, #w-node-_32b42701-8171-22ed-f232-5fd8dcc74178-97d9eb9f {
    grid-column: span 1 / span 1;
  }

  #w-node-_40d6357d-76a8-e2eb-d1a7-55b78d40d184-97d9eb9f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b964881d-68bd-1b08-ac3e-8f4bf1e00bd5-97d9eb9f {
    grid-column: span 1 / span 1;
  }

  #w-node-_7a9d8f0d-eeb2-91f2-12c6-9b836fb51b6d-2fd9ebd5 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_524132cf-4b9a-9327-fc43-c78c3c068d25-3c068d22 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-ed5a823e-2342-652e-4078-452c829fab11-92d9ebac, #w-node-ed5a823e-2342-652e-4078-452c829fab18-92d9ebac, #w-node-ba271d60-aab3-9176-6c91-141d53eac6b4-9bd9ec37, #w-node-ba271d60-aab3-9176-6c91-141d53eac6ba-9bd9ec37, #w-node-_2be2ee23-cfa3-9b1b-0a2b-06b7dae436b4-9bd9ec37, #w-node-ba271d60-aab3-9176-6c91-141d53eac6c6-9bd9ec37, #w-node-ba271d60-aab3-9176-6c91-141d53eac6cc-9bd9ec37, #w-node-ba271d60-aab3-9176-6c91-141d53eac6d2-9bd9ec37, #w-node-_0342a747-d035-cb6f-ab48-9e0c220adf89-56d9ebc1 {
    grid-column: span 1 / span 1;
  }

  #w-node-_64d72008-240c-b030-9a75-58f38df251b3-d0d9eb61, #w-node-_64d72008-240c-b030-9a75-58f38df251b6-d0d9eb61 {
    justify-self: center;
  }

  #w-node-fc911985-5699-d846-3117-af8564c612d0-438936f4, #w-node-fc911985-5699-d846-3117-af8564c612d1-438936f4, #w-node-fc911985-5699-d846-3117-af8564c612d8-438936f4, #w-node-_38dc4f99-9ba0-d6c7-f1c5-322fac573247-438936f4, #w-node-_38dc4f99-9ba0-d6c7-f1c5-322fac573238-438936f4 {
    grid-column: span 1 / span 1;
  }

  #w-node-ecf392aa-59bc-5e69-4e05-69407567952e-2f85d156 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-fc911985-5699-d846-3117-af8564c612d0-c158d341, #w-node-fc911985-5699-d846-3117-af8564c612d1-c158d341, #w-node-fc911985-5699-d846-3117-af8564c612d8-c158d341, #w-node-b616fa48-b8c4-8bb4-f597-b3624918db60-87c041cb, #w-node-b616fa48-b8c4-8bb4-f597-b3624918db61-87c041cb, #w-node-b616fa48-b8c4-8bb4-f597-b3624918db68-87c041cb, #w-node-_4ffd71cf-306c-7b3c-1abb-e50c246b8aef-87c041cb, #w-node-_4ffd71cf-306c-7b3c-1abb-e50c246b8b03-87c041cb, #w-node-eeb94261-67cf-3fa2-7e50-0ecc5dcb94a7-87c041cb, #w-node-eeb94261-67cf-3fa2-7e50-0ecc5dcb94ae-87c041cb, #w-node-fabbbbbb-6e6b-d70f-61eb-bd06b12880b1-87c041cb, #w-node-fabbbbbb-6e6b-d70f-61eb-bd06b12880c3-87c041cb, #w-node-_05a075b3-ddd5-ecf5-614a-b1a1bfac3a50-87c041cb, #w-node-_05a075b3-ddd5-ecf5-614a-b1a1bfac3a5c-87c041cb, #w-node-_5e137a36-3dfe-6d14-318e-77b9260e1a99-87c041cb, #w-node-_5e137a36-3dfe-6d14-318e-77b9260e1aa5-87c041cb, #w-node-c9c052cd-f348-05b2-8312-d624c92886f3-87c041cb, #w-node-c9c052cd-f348-05b2-8312-d624c9288705-87c041cb, #w-node-_11189ab9-123b-0ad2-2a48-fa995be4b72e-87c041cb, #w-node-_11189ab9-123b-0ad2-2a48-fa995be4b73e-87c041cb, #w-node-_2a7949c7-bd9b-7fec-0614-f75cec11ef3a-560bf6c5, #w-node-ea89299d-628a-84a7-ab07-359772aef28e-560bf6c5, #w-node-fc911985-5699-d846-3117-af8564c612d0-3a882cbe, #w-node-fc911985-5699-d846-3117-af8564c612d1-3a882cbe, #w-node-fc911985-5699-d846-3117-af8564c612d8-3a882cbe, #w-node-_38dc4f99-9ba0-d6c7-f1c5-322fac573247-3a882cbe, #w-node-_38dc4f99-9ba0-d6c7-f1c5-322fac573238-3a882cbe, #w-node-_2a7949c7-bd9b-7fec-0614-f75cec11ef3a-709cb538, #w-node-ea89299d-628a-84a7-ab07-359772aef28e-709cb538, #w-node-_2a7949c7-bd9b-7fec-0614-f75cec11ef3a-002c3508, #w-node-ea89299d-628a-84a7-ab07-359772aef28e-002c3508, #w-node-_2a7949c7-bd9b-7fec-0614-f75cec11ef3a-5066a324, #w-node-ea89299d-628a-84a7-ab07-359772aef28e-5066a324, #w-node-b616fa48-b8c4-8bb4-f597-b3624918db61-97fc2b18, #w-node-b616fa48-b8c4-8bb4-f597-b3624918db68-97fc2b18, #w-node-c1420778-45b1-46a8-8d52-d57dd596921a-97fc2b18, #w-node-b4bd7647-026f-f79b-d55d-7122373e2d86-97fc2b18, #w-node-da979189-a9a9-6907-fec3-e75c4037b652-97fc2b18, #w-node-d0fff660-6e9f-1e11-4a34-13bbda95a6f7-97fc2b18 {
    grid-column: span 1 / span 1;
  }

  #w-node-_1e05c409-4d99-adcf-320f-c29888d8280c-97fc2b18 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-fccfa10b-55c3-8288-d7a7-4dd8dc8483ef-94d9eb57 {
    justify-self: stretch;
  }

  #w-node-_6414de7e-d371-337f-60cf-fb22ef6764ca-ef6764c6, #w-node-db5df9b1-341b-2c49-24bd-4a85d1e16a73-d1e16a6f {
    grid-column: span 1 / span 1;
  }

  #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaeae-3ed9ebab {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaee5-3ed9ebab, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaeeb-3ed9ebab, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaefc-3ed9ebab, #w-node-_1ddec838-dd30-f9f4-a7b7-df3d20b96611-ebd9ec0b {
    justify-self: stretch;
  }

  #w-node-_72d3214b-ad91-e0dd-3cf9-728e5451ddd2-eed9ec3d, #w-node-_5d8a5131-2323-27c0-2415-a6400b676df1-eed9ec3d {
    justify-self: start;
  }

  #w-node-_524132cf-4b9a-9327-fc43-c78c3c068d25-3c068d22 {
    grid-column: span 1 / span 1;
  }

  #w-node-c6fd5113-27ac-6961-b0da-3e4bd7ce9876-56d9ec09, #w-node-c6fd5113-27ac-6961-b0da-3e4bd7ce988a-56d9ec09 {
    justify-self: start;
  }

  #w-node-cd94b5e4-c9ef-dc9d-5e3a-71f51d2bf53b-45d9eb46, #w-node-_02b3f42e-7482-d8f6-660b-1e664ff8b989-31d9ec39 {
    grid-column: span 1 / span 1;
  }

  #w-node-c50cccf4-0bea-169f-d1a1-3e813fdc4b59-e2d9ec35 {
    justify-self: start;
  }

  #w-node-c3c78c44-d78e-1073-3b76-b3d154396ed1-7dd9eb56, #w-node-f902cc3f-71dc-922f-01ea-d70ecdf2be4b-7dd9eb56, #w-node-d2205b74-c450-5b92-6180-fd10c80bd0be-7dd9eb56, #w-node-d2205b74-c450-5b92-6180-fd10c80bd0c4-7dd9eb56 {
    justify-self: stretch;
  }

  #w-node-_56af0659-99e2-70e5-a965-0d5e8c04eec4-9bd9ec37 {
    grid-column: span 2 / span 2;
  }

  #w-node-_56af0659-99e2-70e5-a965-0d5e8c04eeec-9bd9ec37, #w-node-_56af0659-99e2-70e5-a965-0d5e8c04eef1-9bd9ec37 {
    grid-column: span 1 / span 1;
  }

  #w-node-_22c55944-f917-3f55-f8a1-c30c407a93d7-17d9ec0c, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaeae-438936f4 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-ecf392aa-59bc-5e69-4e05-69407567952e-2f85d156 {
    grid-column: span 1 / span 1;
  }

  #w-node-_22c55944-f917-3f55-f8a1-c30c407a93d7-5861bde4, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaeae-701256af, #w-node-_77f540f4-d93f-0e15-5f0d-75505f9eaeae-3a882cbe {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_3414e426-5fdd-09e5-33b7-909f9fa878e5-70fe5840 {
    justify-self: stretch;
  }

  #w-node-_1e05c409-4d99-adcf-320f-c29888d8280c-97fc2b18 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'SOCIAL ICONS';
  src: url('../fonts/61b248998f52b7551dfe1e02_social-icons.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Black.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Materialiconsround';
  src: url('../fonts/MaterialIconsRound-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bogart';
  src: url('../fonts/Zetafonts---Bogart-Semibold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}