:root {
  --background: #0d1117;
  --text: #a7b5c3;
  --titles-links: #ccdae7;
  --neutral-800: #171e25;
  --neutral-700: #1e252c;
  --primary-izt-blue: #236193;
  --white: white;
  --primary-izt-dark-blue: rgb(13, 48, 92);
  --neutral-600: #272e35;
  --navbar: transparent;
  --black: #0d1117;
  --primary-izt-blue-600: #1b4b72;
  --izt-white-gray: #f2f1f0;
  --izt-neon-blue: #52b1ff;
  --blue-700: #1748d1;
  --purple-400: #b77cf1;
  --purple-200: #e0caf8;
  --purple-50: #f4eefa;
  --neutral-400: #646f7c;
  --red-500: #e23b3b;
  --blue-300: #89bcf5;
  --teal-200: #92f3e0;
  --accent: #52b1ff;
  --yellow-300: #f1dc39;
  --purple-100: #eadcf8;
  --teal-100: #c5faf1;
  --blue-100: #d0e2f6;
  --green-100: #cbf3d9;
  --green-400: #3dd875;
  --teal-400: #26d5bf;
  --teal-50: #e9faf7;
  --blue-50: #e2ecf8;
  --green-50: #e3f6e9;
  --red-50: #f6e0e0;
  --yellow-50: #f5f2d4;
  --color: white;
  --slate-600: #3f4e61;
  --slate-200: #cfd9e4;
  --slate-50: #eff4f8;
  --slate-100: #e2e8ee;
  --border: #21262d;
  --neutral-500: #3f4852;
  --green-300: #7beca4;
  --neutral-200: #a5b4c2;
  --blue-500: #3077eb;
  --red-400: #ec6464;
  --red-300: #f09898;
  --red-200: #f1b5b5;
  --red-600: #d31919;
  --red-100: #f1cfcf;
  --green-200: #acf1c5;
  --blue-600: #1d59db;
  --blue-200: #b0cff7;
  --neutral-900: #101720;
  --amber-400: #f1b51a;
  --slate-300: #bcc9d8;
  --slate-400: #8597ad;
  --slate-500: #5b6d83;
  --slate-700: #2c3a4b;
  --slate-800: #1d2736;
  --slate-900: #131d31;
  --red-700: #ac1515;
  --red-800: #961313;
  --red-900: #770505;
  --orange-50: #f5e8d7;
  --orange-100: #f5dfc1;
  --orange-200: #f3ca9b;
  --orange-300: #f0ad68;
  --orange-400: #ee8733;
  --orange-500: #ec6a10;
  --orange-600: #db5008;
  --orange-700: #b43b09;
  --orange-800: #8a2d0f;
  --orange-900: #72260c;
  --yellow-100: #f3f1af;
  --yellow-200: #f5ed7b;
  --yellow-400: #eecc0b;
  --yellow-500: #d3a707;
  --yellow-600: #bb8b06;
  --yellow-700: #96630b;
  --yellow-800: #7e4c07;
  --yellow-900: #6d3e0b;
  --lime-50: #eef7da;
  --lime-100: #e2f5bc;
  --lime-200: #cff18f;
  --lime-300: #aedf58;
  --lime-400: #97db27;
  --lime-500: #77bd0c;
  --lime-600: #599208;
  --lime-700: #467508;
  --lime-800: #385a0c;
  --lime-900: #2c460d;
  --green-500: #17be55;
  --green-600: #0f9b42;
  --green-700: #117737;
  --green-800: #115f2f;
  --green-900: #0f4c28;
  --teal-300: #55e4d6;
  --teal-500: #0eb2a0;
  --teal-600: #089084;
  --teal-700: #097068;
  --teal-800: #0a5c57;
  --teal-900: #0c534a;
  --cyan-50: #e1fafc;
  --cyan-100: #c1f3f8;
  --cyan-200: #9bedf7;
  --cyan-300: #5ce5f6;
  --cyan-400: #1acee9;
  --cyan-500: #07b4d1;
  --cyan-600: #058aaa;
  --cyan-700: #096f8b;
  --cyan-800: #0f5a72;
  --cyan-900: #114a5f;
  --sky-50: #e7f2fa;
  --sky-100: #d3e8f6;
  --sky-200: #b5e6ff;
  --sky-300: #73cbf5;
  --sky-400: #31b3ec;
  --sky-500: #079de0;
  --sky-600: #037cbb;
  --sky-700: #06689e;
  --sky-800: #04547f;
  --sky-900: #064264;
  --blue-400: #559df5;
  --blue-800: #1335a7;
  --blue-900: rgba(10, 42, 136, 0.35);
  --indigo-50: #e6eaf6;
  --indigo-100: #d5dcf5;
  --indigo-200: #bcc6ee;
  --indigo-300: #a5b3f7;
  --indigo-400: #7f89ec;
  --indigo-500: #6668eb;
  --indigo-600: #524add;
  --indigo-700: #4036be;
  --indigo-800: #2e2799;
  --indigo-900: #0c0a53;
  --violet-50: #efedfa;
  --violet-100: #e4e0f5;
  --violet-200: #d7d1f3;
  --violet-300: #c0b3f3;
  --violet-400: #a38aee;
  --violet-500: #8d62ee;
  --violet-600: #7a3ee0;
  --violet-700: #6d2cd3;
  --violet-800: #5e26b8;
  --violet-900: #4b12a3;
  --purple-300: #d0acf6;
  --purple-500: #a355ee;
  --purple-600: #982ff7;
  --purple-700: #821eda;
  --purple-800: #6f1ab6;
  --purple-900: #5d1694;
  --pink-50: #faedf4;
  --pink-100: #f7dceb;
  --pink-200: #f6c8e3;
  --pink-300: #f39dcc;
  --pink-400: #ee6db1;
  --pink-500: #f34a9d;
  --pink-600: #e22a7c;
  --pink-700: #e60060;
  --pink-800: #a5144e;
  --pink-900: #8b1344;
  --rose-50: #fceced;
  --rose-100: #f5d7d9;
  --rose-200: #f3c3c9;
  --rose-300: #f89aa6;
  --rose-400: #ff7a8d;
  --rose-500: #f14563;
  --rose-600: #df2c53;
  --rose-700: #c71742;
  --rose-800: #ad113c;
  --amber-50: #f5efd6;
  --amber-100: #f3e6b1;
  --amber-200: #f5dc7a;
  --amber-300: #f1c73f;
  --amber-500: #e49106;
  --amber-600: #c96e05;
  --amber-700: #a84b05;
  --amber-800: #863707;
  --amber-900: #722e07;
  --rose-900: #97103a;
  --izt-orange: #ff8b3a;
  --gray-50: #eff3f7;
  --gray-100: #ebeef3;
  --gray-200: #dbdfe7;
  --gray-300: #c9d0da;
  --gray-400: #909aa8;
  --gray-500: #636c7c;
  --gray-600: #465363;
  --gray-700: #313c4d;
  --gray-800: #222d3b;
  --gray-900: #1b2435;
  --neutral-50: #dfebf7;
  --neutral-100: #bbc8d5;
  --neutral-300: #7c8c9b;
  --izt-orange-light: #ffe6ce;
  --izt-light-gray: #d7d4d2;
  --primary-izt-blue-300: #8dbde4;
  --izt-black: #0e0d0c;
  --hover: #475569;
  --navbar-shadow: rgba(64, 71, 82, .1);
  --nav-link: rgba(13, 17, 23, .25);
  --izt-gray: #3e3a36;
  --izt-gray-600: #2d2a28;
  --izt-gray-400: #6a635c;
  --izt-gray-300: #888077;
  --izt-gray-200: #bdb8b3;
  --primary-izt-blue-700: #102d45;
  --primary-izt-blue-400: var(--titles-links);
}

.image-container {

}

.w-layout-grid {
  grid-row-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 {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.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-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

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

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

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

.w-pagination-next-icon {
  margin-left: 4px;
}

body {
  background-color: var(--background);
  color: var(--text);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.333;
}

h1 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 800;
  line-height: 1.2;
}

h2 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25em;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.875em;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.2;
}

h5 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.2;
}

h6 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2;
}

p {
  margin-bottom: 1em;
}

a {
  color: var(--titles-links);
  text-decoration: none;
  transition: opacity .3s, background-color .3s, color .3s;
}

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

blockquote {
  border-left: 4px solid var(--titles-links);
  color: var(--titles-links);
  margin-top: 2em;
  margin-bottom: 2em;
  padding: .25em 2em;
  font-size: 1.125em;
  line-height: 1.5;
}

.section-before-footer {
  margin-bottom: -4em;
  padding-bottom: 4em;
  position: relative;
}

.example-wrap {
  width: 100%;
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  color: var(--titles-links);
  border-radius: .5em;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 1.5em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-animated {
  z-index: 5;
  background-color: var(--primary-izt-blue);
  color: var(--white);
  text-align: center;
  letter-spacing: -.03em;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .75em 1.25em;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
  transition: color .2s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-animated.small {
  letter-spacing: 0;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
  font-size: .75em;
  font-weight: 600;
  background: var(--primary-izt-dark-blue);
  transition: background-position 0.5s;
  border-width: 0;
}


.button-animated.small::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to left, var(--blue-900) 0%, var(--primary-izt-dark-blue) 25%, var(--primary-izt-blue) 100%);
  z-index: -1;
  transition: opacity 240ms linear;
  opacity: 0;
}

.button-animated.small:hover::before {
  opacity: 1;
}



.button-animated.small.bg-neutral-600 {
  background-color: var(--neutral-600);
}

.button-animated.large {
  background-color: var(--primary-izt-dark-blue);
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1.5em;
}

.button-animated.large::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to left, var(--blue-900) 10%, var(--primary-izt-dark-blue) 30%, var(--primary-izt-blue) 100%);
  z-index: -1;
  transition: opacity 240ms linear;
  opacity: 0;
}

.button-animated.large:hover::before {
  opacity: 1;
}



.button-animated.large.button-outline {
  width: 60%;
  background-color: var(--navbar);
  margin-top: 40px;
  margin-left: 40px;
  margin-right: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}
.button-animated.large.button-outline::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: none;
  z-index: 5;
  transition: opacity 240ms linear;
  opacity: 0;
}

.button-animated.large.button-outline:hover::before {
  opacity: 1;
}

.button-animated.large.button-outline-copy {
  width: 60%;
  background-color: var(--primary-izt-dark-blue);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 10px;
  margin-left: 40px;
  margin-right: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}

.avatar-3xl {
  width: 12em;
  height: 12em;
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.page-container {
  width: 100%;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-clip: border-box;
  margin-left: auto;
  margin-right: auto;
}

.page-container.bg-neutral-700 {
  margin-top: 0;
  padding-bottom: 0;
}

.section {
  width: 100%;
  margin-bottom: 40px;
  padding-top: 1em;
  padding-bottom: 1em;
  position: relative;
}

.section.more-space {
  margin-top: 20px;
  padding-top: 0;
  padding-bottom: 4em;
}

.section.bg-tile-top-lg.bg-amber-900 {
  background-color: rgba(120, 53, 15, .43);
}

.section.bg-tile-top.bg-neutral-600 {
  background-image: linear-gradient(to top, var(--background) 33%, rgba(13, 17, 23, 0) 78%), linear-gradient(to bottom, var(--background) 30%, rgba(13, 17, 23, 0) 49%);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  display: block;
}

.section.bg-tile-top.bg-neutral-500 {
  background-color: var(--black);
  background-image: none;
  background-position: 0 0;
}

.section.bg-tile-middle-lg.bg-amber-900 {
  margin-bottom: 88px;
  padding-bottom: 6.3em;
}

.title-sm {
  color: var(--titles-links);
  letter-spacing: -.04em;
  font-size: 3em;
  font-weight: 600;
  line-height: 1.1;
  margin-left: -40px;
}

.title-sm._20ch {
  max-width: 20ch;
}

.title-sm.text-indent {
  text-indent: -.35em;
}

.title-xl {
  color: var(--titles-links);
  letter-spacing: -.03em;
  font-size: 5em;
  font-weight: 800;
  line-height: 1;
}

.title-xl._12ch {
  max-width: 14ch;
}

.container-md {
  z-index: 5;
  width: auto;
  max-width: 70em;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.margin-b-md {
  margin-bottom: 1.25em;
}

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

.button {
  background-color: var(--primary-izt-blue);
  color: var(--white);
  text-align: center;
  letter-spacing: -.01em;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .75em 1.25em;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
  transition: background-color .3s, opacity .3s, box-shadow .3s, color .3s;
  display: flex;
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0);
}

.button:hover {
  box-shadow: inset 0 0 200px 200px rgba(0, 0, 0, .15);
}

.button.button-outline.large {
  font-size: 1.5em;
}

.button.small {
  font-size: .75em;
}

.row-xs {
  grid-column-gap: .375em;
  grid-row-gap: .375em;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
  position: relative;
}

.row-xs.items-center {
  align-items: center;
}

.material-icons {
  color: var(--primary-izt-blue-600);
  text-transform: none;
  font-family: ICONS FILLED, sans-serif;
  font-size: 16px;
}

.column-md {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-top: 40px;
  display: grid;
}

.column-md.content-centered {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.title-xs {
  z-index: 5;
  color: var(--titles-links);
  letter-spacing: -.03em;
  font-size: 3.5em;
  font-weight: 800;
  line-height: 1.1;
  position: relative;
}

.padding-base {
  padding: 1em;
  position: relative;
}

.margin-b-lg {
  margin-bottom: 2em;
}

.text-sm {
  letter-spacing: -.005em;
  font-size: .875em;
  line-height: 1.25;
  position: relative;
}

.text-sm._20ch {
  max-width: 40ch;
  margin-top: 20px;
  font-size: 1em;
}

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

.font-mono {
  font-family: Calling Code, sans-serif;
  font-weight: 400;
}

.heading-h5 {
  color: var(--titles-links);
  letter-spacing: -.025em;
  font-size: 1.25em;
  line-height: 1.2;
}

.padding-xl {
  padding: 1.75em;
  position: relative;
}

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

.container-lg {
  z-index: 5;
  width: 100%;
  max-width: 80em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
}

.column-lg {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.column-lg.max-width-xl.auto {
  margin-left: auto;
  margin-right: auto;
}

.column-lg.content-centered {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  padding-top: 60px;
  display: grid;
}

.overflow-hidden {
  position: relative;
  overflow: hidden;
}

.title-md {
  color: var(--titles-links);
  letter-spacing: -.05em;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.1;
}

.title-md._20ch {
  max-width: 20ch;
}

.title-lg {
  z-index: 5;
  color: var(--titles-links);
  letter-spacing: -.05em;
  font-size: 4em;
  font-weight: 700;
  line-height: 1.1;
  position: relative;
}

.title-lg._16ch {
  max-width: 16ch;
}

.title-lg._12ch {
  max-width: 12ch;
}

.title-lg._20ch {
  max-width: 20ch;
}

.title-lg.leading-none {
  font-size: 3em;
  line-height: 1.1;
}

.text-lg {
  text-align: center;
  letter-spacing: -.02em;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.25em;
  line-height: 1.5;
}

.text-lg._52ch {
  max-width: 52ch;
}

.text-lg._48ch {
  max-width: 48ch;
  font-size: 1.05em;
}

.text-lg._36ch {
  max-width: 36ch;
}

.text-lg._32ch {
  max-width: 32ch;
}

.text-lg._48ch {
  max-width: 48ch;
  max-width: 48ch;
}

.rating-stars {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
}

.material-icons-round {
  text-transform: none;
  font-family: ICONS ROUNDED, sans-serif;
  font-weight: 400;
}

.material-icons-round.text-color-black {
  color: var(--izt-white-gray);
  -webkit-text-stroke-color: var(--izt-white-gray);
}

.column-xs {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-items: start;
  display: grid;
}

.column-xs.content-centered {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.column-xs.stretch {
  justify-items: stretch;
}

.text-xs {
  font-size: .75em;
  line-height: 1.5;
}

.image-wrapper {
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--izt-neon-blue), var(--blue-700));
  position: relative;
  overflow: hidden;
}

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

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

.column-base {
  z-index: 5;
  width: 90%;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.column-base.content-centered {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.text-xl {
  letter-spacing: -.01em;
  font-size: 2em;
}

.text-xl._40ch {
  max-width: 40ch;
}

.text-xl._52ch {
  max-width: 52ch;
  font-size: 1.7em;
  line-height: 1.5;
}

.max-52-ch {
  max-width: 52ch;
}

.image-background {
  z-index: 0;
  width: 100%;
  height: 100%;
  filter: none;
  object-fit: cover;
  margin-left: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-background.top {
  object-position: 50% 0%;
}

.system-item {
  padding-top: 16px;
}

.example-color-badge {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

.row-sm {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
}

.row-sm.items-center {
  align-items: center;
}

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

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

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

.bg-purple-50 {
  background-color: var(--purple-50);
}

.container-xl {
  z-index: 5;
  width: 100%;
  max-width: 72em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

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

.container-sm {
  z-index: 5;
  width: 100%;
  max-width: 48em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.column-sm {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
  position: relative;
}

.column-sm.content-centered {
  align-items: center;
}

.avatar-xl {
  width: 4em;
  height: 4em;
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.avatar-xl.outline-white {
  border: 3px solid var(--white);
}

.avatar-xl.outline-white.shadow-md {
  box-shadow: inset 0 0 0 1px var(--neutral-600), 0 8px 24px -8px var(--neutral-400);
}

.text-2xl {
  z-index: 5;
  color: var(--titles-links);
  letter-spacing: -.02em;
  font-size: 1.875em;
  font-weight: 600;
  position: relative;
}

.text-2xl._32ch {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.7em;
}

.avatar-md {
  width: 2.25em;
  height: 2.25em;
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.avatar-md.bg-blue-200 {
  background-color: var(--primary-izt-dark-blue);
  outline-offset: 0px;
  outline: 2px solid #a7b5c3;
}

.error {
  color: var(--red-500);
  background-color: rgba(248, 113, 113, .1);
  border-radius: .25em;
  font-size: .75em;
  box-shadow: inset 0 0 0 1px rgba(248, 113, 113, .1);
}

.padding-lg {
  padding: 1.5em;
  position: relative;
}

.padding-lg.space-between {
  height: 100%;
}

.padding-lg.bg-neutral-800 {
  height: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
}

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

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

.square-base {
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.text-link:hover {
  opacity: .75;
  border-bottom-color: rgba(0, 0, 0, 0);
}

.text-color-yellow-300 {
  color: var(--yellow-300);
}

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

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

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

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

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

.text-color-blue-300 {
  color: var(--blue-300);
}

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

.text-izt-light-blue {
  color: var(--primary-izt-blue-300) !important;
}

.bg-purple-50 {
  background-color: var(--purple-50);
}

.bg-teal-50 {
  background-color: var(--teal-50);
}

.bg-blue-50 {
  background-color: var(--blue-50);
}

.bg-green-50 {
  background-color: var(--green-50);
}

.content-centered {
  width: 100%;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.opacity-60 {
  opacity: .6;
}

.row-md {
  z-index: 5;
  width: auto;
  max-width: 1000px;
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.row-md.items-center {
  align-items: center;
}

.image-contain {
  z-index: 5;
  width: 100%;
  outline-offset: 0px;
  mix-blend-mode: normal;
  object-fit: contain;
  border: 1px #c06a6a;
  border-radius: 0;
  outline: 3px #d9d9d9;
  line-height: 1;
  position: relative;
}

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

.bg-red-50 {
  background-color: var(--red-50);
}

.bg-yellow-50 {
  background-color: var(--yellow-50);
}

.material-icons-outlined {
  color: var(--color);
  text-transform: none;
  margin-top: -.05em;
  font-family: ICONS OUTLINED, sans-serif;
}

.opacity-50 {
  opacity: .5;
}

.opacity-30 {
  opacity: .3;
}


.component-name.social-icons {
  background-color: var(--primary-izt-blue);
  color: var(--white);
  padding: 8px 12px 8px 32px;
  font-size: 16px;
  position: static;
}

.component-name.social-icons:hover {
  background-color: var(--blue-300);
}

.component-section {
  z-index: 5;
  width: 100%;
  border: 1px dashed var(--slate-200);
  background-color: var(--slate-50);
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  padding: 2px;
  transition: box-shadow .2s, border-color .2s;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0);
}

.component-section:hover {
  box-shadow: inset 0 0 0 2px var(--accent);
  border-color: rgba(0, 0, 0, 0);
}

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

.dropdown-link {
  min-width: 200px;
  color: #253858;
  justify-content: space-between;
  padding: .5em 1.125em;
  font-size: .875em;
  transition: color .3s, background-color .3s;
  display: flex;
  overflow: hidden;
}

.dropdown-link:hover {
  background-color: var(--slate-100);
  color: #181b1e;
}

.dropdown {
  z-index: 50;
}

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

.avatar-sm {
  width: 1.5em;
  height: 1.5em;
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.uppercase {
  text-transform: uppercase;
}

.square-sm {
  width: 1.3125em;
  height: 1.3125em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-outline {
  box-shadow: inset 0 0 0 1px var(--neutral-500);
  background-color: rgba(0, 0, 0, 0);
}

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

.list-plan-pricing {
  grid-column-gap: .625em;
  grid-row-gap: .625em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: start;
  margin-top: 1em;
}

.team-pricing {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.header-team-pricing {
  background-color: var(--neutral-800);
  flex-direction: column;
  align-items: center;
  padding: 2.5em 1.5em 1.5em;
  display: flex;
  position: relative;
}

.description-team-pricing {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  padding: 1.5em 1.5em 2.5em;
  display: flex;
  position: relative;
}

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

.item-team-pricing {
  border: 1px solid var(--border);
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

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

.pricing-info-list {
  z-index: 5;
  width: 100%;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  margin-top: 2em;
  position: relative;
}

.avatar-2xl {
  width: 6em;
  height: 6em;
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.avatar-2xl.outline-white {
  border: 4px solid var(--white);
}

.avatar-2xl.outline-white.shadow-md {
  box-shadow: 0 8px 24px -8px var(--neutral-500);
}

.avatar-2xl.outline-white {
  border: 4px solid #fff;
}

.avatar-2xl.outline-white.shadow-md {
  width: 28em;
  height: 16em;
  box-shadow: none;
  border-style: none;
}

.social-icons {
  font-family: Social Icons, sans-serif;
  line-height: 1;
}

.mixed-gallery-1 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.info-on-hover {
  z-index: 5;
  color: var(--titles-links);
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
  padding: 2em 1em 1em;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.heading-h4 {
  color: var(--titles-links);
  letter-spacing: -.01em;
  font-size: 1.5em;
  line-height: 1.2;
}

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

.image-wrapper-1-1.rounded-xs {
  padding-top: 100%;
}

.timeline {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.timeline-chapter {
  z-index: 5;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.timeline-chapter-item {
  width: 40%;
}

.timeline-chapter-indicator {
  width: 1em;
  height: 1em;
  border: 4px solid var(--background);
  background-color: var(--accent);
  border-radius: 9999px;
  margin-left: auto;
  margin-right: auto;
}

.timeline-way-bg {
  z-index: 0;
  width: 2px;
  height: 100%;
  position: absolute;
  left: auto;
  right: auto;
  overflow: hidden;
}

.logo-tile-list {
  width: 100%;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 1px;
}

.logo-tile {
  height: 12em;
  background-color: var(--neutral-800);
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-tile-section {
  flex-direction: column;
  align-items: center;
  margin-top: 2em;
  display: flex;
  position: relative;
}

.client-logo-base {
  height: 2em;
  max-width: 6em;
}

.logo-tile-caption {
  height: 2em;
  background-color: var(--background);
  text-align: center;
  text-transform: none;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding-left: 1em;
  padding-right: 1em;
  font-size: .75em;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: -1em;
}

.image-wrapper-4-3 {
  width: 100%;
  padding-top: 90%;
  position: relative;
  overflow: contain;
}



.image-wrapper-4-3.rounded-xxs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-wrapper-4-3.rounded-xs-top {
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
}

.stats-3-column-sm {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
}

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

.image-wrapper-16-9 {
  width: 100%;
  justify-content: center;
  align-items: center;
  padding-top: 56.25%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-wrapper-16-9.rounded-xs.top {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.slider {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  padding-bottom: 48px;
  overflow: hidden;
}

.slide-nav-centered {
  height: 8em;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: .25em;
  display: flex;
}

.circled-arrow-bottom {
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  margin-bottom: 0;
  font-size: 12px;
}

.bg-blue-500 {
  background-color: var(--blue-500);
}

.square-h4 {
  width: 1.8em;
  height: 1.8em;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.square-h4.rounded-sm.bg-pink-100 {
  background-color: var(--izt-white-gray);
}

.square-h3 {
  width: 2.25em;
  height: 2.25em;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.square-h3.rounded-full {
  overflow: hidden;
}

.link-with-underline {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

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

.bg-red-400 {
  background-color: var(--red-400);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

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

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

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

.bg-red-500 {
  background-color: var(--red-500);
}

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

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

.footer-1-link-gray {
  opacity: 1;
  color: var(--neutral-400);
  font-size: .875em;
  transition: opacity .25s, color .25s;
}

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

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

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

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

.pricing-title-cell {
  text-align: center;
  letter-spacing: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-weight: 700;
}

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

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

.rounded-full {
  border-radius: 9999px;
}

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

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

.pricing-cell-1st {
  text-align: left;
  letter-spacing: -.02em;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  font-weight: 500;
  display: flex;
}

.square-h2 {
  width: 2.7em;
  height: 2.7em;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.accordion-bottom-wrap {
  width: 100%;
}

.accordion-top-icon-wrap {
  width: 1em;
  height: 1em;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.accordion {
  width: 100%;
  cursor: pointer;
}

.accordion-top-icon {
  justify-content: center;
  align-items: center;
  position: relative;
}

.accordion-divider {
  height: 0;
  border-top: 1px solid var(--border);
}

.accordion-bottom-text {
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
}

.accordion-icon-stripe-1 {
  width: 1px;
  height: 100%;
  background-color: var(--neutral-600);
}

.accordion-top {
  width: 100%;
  opacity: 1;
  justify-content: space-between;
  align-items: center;
  transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
  display: flex;
}

.accordion-top:hover {
  opacity: .64;
}

.accordion-icon-stripe-2 {
  width: 100%;
  height: 1px;
  background-color: var(--neutral-600);
  position: absolute;
}

.accordion-bottom {
  width: 100%;
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  position: relative;
  overflow: hidden;
}

.accordion-divider-wrap {
  display: block;
}

.accordion-top-wrap {
  flex: 1;
  padding-top: 1em;
  padding-bottom: 1em;
}

.post-thumb-simple {
  grid-column-gap: 1em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2em;
  display: grid;
}

.post-thumb-simple._2x {
  grid-template-columns: 1fr 1fr;
}

.flex-vertical {
  width: 100%;
  flex-direction: column;
  display: flex;
}

.post-thumb-simple-info {
  z-index: 10;
  width: 100%;
  background-color: var(--neutral-900);
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.5em;
  display: flex;
  position: relative;
}

.avatar-xs {
  width: 1.125em;
  height: 1.125em;
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.avatar-lg {
  width: 3em;
  height: 3em;
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.avatar-lg.outline {
  border: 3px solid var(--white);
}

.system-centered-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  justify-items: center;
  margin: 8px 4px;
  display: grid;
  position: relative;
}

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

.global-social-list {
  width: 100%;
  grid-column-gap: 1em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: start;
}

.global-social-item {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: auto;
  align-items: center;
}

.team-5x-sm {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
}

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

.lightbox-play-button {
  z-index: 10;
  width: 6.25em;
  height: 6.25em;
  color: var(--white);
  background-color: rgba(0, 0, 0, .5);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

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

.lightbox-play-wrap {
  justify-content: center;
  align-items: center;
  font-size: 4em;
  line-height: 1;
  display: flex;
}

.lightbox-video-3-column {
  width: 100%;
  grid-column-gap: 2em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.text-base {
  letter-spacing: -.02em;
  font-size: 1em;
  line-height: 1.5;
}

.tab-link-simple {
  background-color: var(--neutral-800);
  opacity: .5;
  color: var(--titles-links);
  text-align: center;
  letter-spacing: -.01em;
  border-radius: .375em;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 2em;
  font-size: .875em;
  font-weight: 600;
  line-height: 1;
  transition: opacity .25s;
  display: flex;
}

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

.tab-link-simple.w--current {
  background-color: var(--background);
  opacity: 1;
  color: var(--amber-400);
  background-image: linear-gradient(rgba(245, 158, 11, .1), rgba(245, 158, 11, .1));
  box-shadow: inset 0 0 0 1px rgba(251, 191, 36, .4);
}

.tab-simple-menu {
  z-index: 5;
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  margin-bottom: 1em;
  display: grid;
}

.tab-simple-pane, .tab-simple-content {
  position: static;
}

.tab-simple {
  margin-top: 2em;
  position: static;
}

.static {
  position: static;
}

.author-inside-wrap {
  align-items: flex-end;
  margin-top: -2.625em;
  margin-bottom: 1.25em;
  display: flex;
}

.author-inside-image {
  box-shadow: 0 0 0 2.5px var(--background);
  border-radius: 9999px;
}

.overflow-visible {
  overflow: visible;
}

.mixed-gallery-2 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr 1fr 1.5fr 1fr 1fr;
}

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

.title-3xl {
  letter-spacing: -.08em;
  font-size: 12em;
  font-weight: 700;
  line-height: 1.1;
}

.feature-underlined {
  width: 100%;
  border-bottom: 1px solid var(--border);
  color: var(--titles-links);
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 1em;
  display: flex;
}

.material-icons-sharp {
  text-transform: none;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.3em;
  font-weight: 400;
}

.reverse {
  direction: rtl;
}

.padding-2xl {
  padding: 2em;
  position: relative;
}

.post-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1.5fr .25fr;
}

.post-share {
  padding-bottom: 1em;
  position: -webkit-sticky;
  position: sticky;
  top: 5em;
}

.bg-twitter {
  color: var(--background);
  background-color: #25a0ef;
  font-family: Social Icons, sans-serif;
}

.bg-facebook {
  color: var(--background);
  background-color: #4367b0;
  font-family: Social Icons, sans-serif;
}

.bg-linkedin {
  color: var(--background);
  background-color: #3375b0;
  font-family: Social Icons, sans-serif;
}

.share-column {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: start;
}

.letters-tighter {
  letter-spacing: -.05em;
}

.letters-tight {
  letter-spacing: -.025em;
}

.letters-normal {
  letter-spacing: 0;
}

.letters-loose {
  letter-spacing: .025em;
}

.letters-looser {
  letter-spacing: .05em;
}

.leading-none {
  line-height: 1;
}

.leading-tighter {
  line-height: 1.16;
}

.leading-tight {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-loose {
  line-height: 1.625;
}

.leading-looser {
  line-height: 2;
}

.title-2xl {
  color: var(--titles-links);
  letter-spacing: -.05em;
  font-size: 6em;
  font-weight: 700;
  line-height: 1.1;
}

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

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

.style-section {
  z-index: 0;
  width: 100%;
  padding-bottom: 2em;
  position: relative;
}

.style-section-heading {
  align-items: flex-start;
  margin-top: -3em;
  padding-top: 3em;
  display: flex;
  position: relative;
}

.rounded-sm {
  border-radius: .75em;
  overflow: hidden;
}

.rounded-md {
  border-radius: 1.5em;
  overflow: hidden;
}

.rounded-lg {
  border-radius: 2.25em;
  overflow: hidden;
}

.rounded-xl {
  border-radius: 3em;
}

.rounded-2xl {
  border-radius: 3.75em;
}

.system-class {
  color: var(--accent);
  letter-spacing: 0;
  font-family: Calling Code, sans-serif;
  font-size: 90%;
  font-weight: 400;
}

.hint {
  max-width: 80ch;
  color: #68758a;
  font-family: Calling Code, sans-serif;
  font-size: .75em;
}

.row-lg {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
}

.hint-indent {
  margin-left: 7.5px;
  line-height: 2;
}

.square-lg {
  width: 1.875em;
  height: 1.875em;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.divider {
  width: 100%;
  border-top: 1px dashed var(--neutral-700);
}

.example-grid {
  width: 100%;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 8em 1fr;
  align-items: center;
  justify-items: start;
  position: relative;
  overflow: hidden;
}

.example-2x {
  width: 100%;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
}

.example-2x._3x {
  grid-template-columns: 1fr 1fr 1fr;
}

.column-xxs {
  grid-column-gap: .125em;
  grid-row-gap: .125em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.column-xxs.content-centered {
  justify-items: center;
  display: grid;
}

.row-xxs {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
}

.row-xxs.items-center {
  align-items: center;
  display: grid;
}

.row-base {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
}

.row-base.items-center {
  align-items: center;
  display: grid;
}

.margin-xxs {
  margin: .25em;
}

.margin-xs {
  margin: .5em;
}

.margin-sm {
  margin: .75em;
}

.margin-base {
  margin: 1em;
}

.margin-md {
  margin: 1.25em;
}

.margin-lg {
  margin: 1.5em;
}

.margin-xl {
  margin: 1.75em;
}

.margin-2xl {
  margin: 2em;
}

.margin-3xl {
  margin: 2.25em;
}

.margin-4xl {
  margin: 2.5em;
}

.margin-5xl {
  margin: 3em;
}

.padding-xxs {
  padding: .25em;
}

.padding-xs {
  padding: .5em;
}

.padding-sm {
  padding: .75em;
}

.padding-md {
  width: 100%;
  padding: 1.25em;
  position: relative;
  overflow: hidden;
}

.padding-3xl {
  padding: 2.25em;
  position: relative;
}

.padding-3xl.grow {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.padding-4xl {
  padding: 2.5em;
  position: relative;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.show-mobile {
  display: none;
}

.max-width-xxs {
  width: 100%;
  max-width: 12em;
}

.max-width-xs {
  width: 100%;
  max-width: 16em;
}

.max-width-sm {
  width: 100%;
  max-width: 20em;
}

.max-width-md {
  width: 100%;
  max-width: 24em;
}

.max-width-md.auto {
  margin-left: auto;
  margin-right: auto;
}

.max-width-lg {
  width: 100%;
  max-width: 32em;
}

.max-width-xl {
  width: 100%;
  max-width: 40em;
}

.max-width-2xl {
  width: 100%;
  max-width: 48em;
}

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

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.scrolling-loop {
  z-index: 10;
  display: flex;
  position: relative;
}

.scrolling-loop-item {
  flex-direction: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.style-guide-shadow-grid {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: 96px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.shadow-sm {
  box-shadow: inset 0 0 0 1px rgba(58, 70, 88, .12), 0 2px 4px -2px rgba(58, 70, 88, .64);
}

.shadow {
  box-shadow: inset 0 0 0 1px var(--neutral-700), 0 4px 8px -4px var(--neutral-900);
}

.shadow-md {
  box-shadow: inset 0 0 0 1px var(--neutral-600), 0 8px 24px -8px var(--neutral-400);
}

.shadow-lg {
  box-shadow: inset 0 0 0 1px rgba(58, 70, 88, .12), 0 24px 40px -24px rgba(58, 70, 88, .32);
}

.shadow-xl {
  box-shadow: inset 0 0 0 1px rgba(58, 70, 88, .12), 0 32px 56px -24px rgba(58, 70, 88, .32);
}

.shadow-2xl {
  box-shadow: inset 0 0 0 1px rgba(58, 70, 88, .12), 0 40px 64px -32px rgba(58, 70, 88, .64);
}

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

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

.code {
  color: var(--accent);
  font-family: Calling Code, sans-serif;
  font-size: 80%;
  font-weight: 400;
}

.code.default {
  color: #b5518c;
}

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

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

.font-sans {
  font-family: Inter, sans-serif;
}

.font-serif {
  font-family: Georgia, Times, Times New Roman, serif;
  font-weight: 400;
}

.whitespace-no-wrap {
  white-space: nowrap;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

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

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

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

.example-color {
  height: 44px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  position: relative;
  overflow: hidden;
}

.bg-slate-50 {
  background-color: var(--slate-50);
}

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

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

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

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

.bg-slate-500 {
  background-color: var(--slate-500);
}

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

.bg-slate-700 {
  background-color: var(--slate-700);
}

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

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

.example-color-grid {
  grid-column-gap: 2px;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.bg-red-700 {
  background-color: var(--red-700);
}

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

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

.bg-orange-50 {
  background-color: var(--orange-50);
}

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

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

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

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

.bg-orange-500 {
  background-color: var(--orange-500);
}

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

.bg-orange-700 {
  background-color: var(--orange-700);
}

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

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

.example-color-name {
  height: 44px;
  color: var(--titles-links);
  align-items: center;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

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

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

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

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

.bg-yellow-500 {
  background-color: var(--yellow-500);
}

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

.bg-yellow-700 {
  background-color: var(--yellow-700);
}

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

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

.bg-lime-50 {
  background-color: var(--lime-50);
}

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

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

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

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

.bg-lime-500 {
  background-color: var(--lime-500);
}

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

.bg-lime-700 {
  background-color: var(--lime-700);
}

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

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

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

.bg-green-500 {
  background-color: var(--green-500);
}

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

.bg-green-700 {
  background-color: var(--green-700);
}

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

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

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

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

.bg-teal-500 {
  background-color: var(--teal-500);
}

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

.bg-teal-700 {
  background-color: var(--teal-700);
}

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

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

.bg-cyan-50 {
  background-color: var(--cyan-50);
}

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

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

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

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

.bg-cyan-500 {
  background-color: var(--cyan-500);
}

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

.bg-cyan-700 {
  background-color: var(--cyan-700);
}

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

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

.bg-sky-50 {
  background-color: var(--sky-50);
}

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

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

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

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

.bg-sky-500 {
  background-color: var(--sky-500);
}

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

.bg-sky-700 {
  background-color: var(--sky-700);
}

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

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

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

.bg-blue-700 {
  background-color: var(--blue-700);
}

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

.bg-blue-900 {
  background-color: var(--blue-900);

}

.bg-indigo-50 {
  background-color: var(--indigo-50);
}

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

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

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

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

.bg-indigo-500 {
  background-color: var(--indigo-500);
}

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

.bg-indigo-700 {
  background-color: var(--indigo-700);
}

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

.bg-indigo-900 {
  background-color: #182f5a;
}

.bg-violet-50 {
  background-color: var(--violet-50);
}

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

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

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

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

.bg-violet-500 {
  background-color: var(--violet-500);
}

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

.bg-violet-700 {
  background-color: var(--violet-700);
}

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

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

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

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

.bg-purple-500 {
  background-color: var(--purple-500);
}

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

.bg-purple-700 {
  background-color: var(--purple-700);
}

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

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

.bg-pink-50 {
  background-color: var(--pink-50);
}

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

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

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

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

.bg-pink-500 {
  background-color: var(--pink-500);
}

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

.bg-pink-700 {
  background-color: var(--pink-700);
}

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

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

.bg-rose-50 {
  background-color: var(--rose-50);
}

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

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

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

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

.bg-rose-500 {
  background-color: var(--rose-500);
}

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

.bg-rose-700 {
  background-color: var(--rose-700);
}

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

.example-color-item {
  grid-column-gap: 4px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.bg-amber-50 {
  background-color: var(--amber-50);
}

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

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

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

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

.bg-amber-500 {
  background-color: var(--amber-500);
}

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

.bg-amber-700 {
  background-color: var(--amber-700);
}

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

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

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

.books-list {
  width: 100%;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
}

.book-wrap {
  perspective: 1200px;
  margin-bottom: 1em;
  position: relative;
}


.book-bottom {
  z-index: 0;
  background-color: var(--amber-50);
  box-shadow: 6px 6px 20px -12px var(--amber-900), 0 12px 24px -16px var(--amber-900), -17px 17px 32px -36px var(--amber-500);
  color: var(--background);
  border-radius: .125em;
  padding: 1em .5em 1em 1em;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.book-bottom._2nd {
  background-color: var(--green-50);
  box-shadow: 6px 6px 20px -12px var(--green-700), 0 12px 24px -16px var(--green-900), -17px 17px 32px -36px var(--green-400);
}

.book-bottom._3rd {
  background-color: var(--indigo-50);
  box-shadow: 6px 6px 20px -12px var(--indigo-600), 0 12px 24px -16px var(--indigo-900), -17px 17px 32px -36px var(--indigo-400);
}

.book-bottom._4th {
  background-color: var(--pink-50);
  box-shadow: 6px 6px 20px -12px var(--pink-900), 0 12px 24px -16px var(--pink-900), -17px 17px 32px -36px var(--pink-400);
}

.book-side {
  width: .75em;
  mix-blend-mode: soft-light;
  background-image: linear-gradient(to right, #000 20%, rgba(0, 0, 0, 0) 53%);
  border-right: 1px solid rgba(255, 255, 255, .34);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0;
  right: auto;
}

.book-caption {
  z-index: 1;
  opacity: .5;
  color: var(--background);
  letter-spacing: -.02em;
  mix-blend-mode: multiply;
  font-weight: 600;
  position: absolute;
  top: 1em;
  bottom: auto;
  left: 1.5em;
  right: auto;
}

.text-xxs {
  font-size: .625em;
  line-height: 1.5;
}

.padding-xxxs {
  padding: .125em;
}

.padding-6xl {
  padding: 4em;
  position: relative;
}

/*.padding-6xl.rounded-xs.gradient__03 {*/
/*  background-image: radial-gradient(circle farthest-corner at 0% -50%, rgba(255, 255, 255, 0) 3%, var(--sky-500) 44%, rgba(255, 255, 255, 0) 72%), radial-gradient(circle farthest-corner at 50% 100%, var(--izt-orange), var(--blue-500));*/
/*  border-radius: 0;*/
/*}*/

.padding-7xl {
  padding: 5em;
}

.padding-8xl {
  padding: 6em;
  position: relative;
}

.padding-9xl {
  padding: 8em;
}

.padding-10xl {
  padding: 10em;
}

.padding-11xl {
  padding: 12em;
}

.padding-0 {
  padding: 0;
}

.margin-xxxs {
  margin: .125em;
}

.margin-6xl {
  margin: 4em;
}

.margin-7xl {
  margin: 5em;
}

.margin-8xl {
  margin: 6em;
}

.margin-9xl {
  margin: 8em;
}

.margin-10xl {
  margin: 10em;
}

.margin-11xl {
  margin: 12em;
}

.show-tablet {
  display: none;
}

.padding-5xl {
  padding: 3em;
  position: relative;
}

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

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

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

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

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

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

.margin-top.margin-9xl {
  margin-top: 2em;
  padding-left: 10px;
}

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

.margin-bottom.margin-lg {
  margin-bottom: .5em;
}

.margin-bottom.margin-6xl {
  margin-bottom: 0;
}

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

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

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

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

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

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

.gradient__01 {
  height: 100%;
  background-image: radial-gradient(circle farthest-corner at -25% -50%, var(--background) 36%, rgba(13, 17, 23, 0) 48%), radial-gradient(circle farthest-corner at -25% 150%, var(--background) 45%, rgba(13, 17, 23, 0) 89%), radial-gradient(circle farthest-corner at -25% -100%, rgba(13, 17, 23, 0) 55%, rgba(13, 17, 23, .28) 65%, rgba(13, 17, 23, 0) 68%), radial-gradient(circle farthest-corner at -33% -75%, #1f00cc 48%, rgba(131, 5, 49, 0) 56%), radial-gradient(circle farthest-side at 0% -50%, rgba(13, 17, 23, 0) 64%, rgba(1, 2, 36, .4) 69%, rgba(13, 17, 23, 0) 81%), radial-gradient(circle farthest-corner at 0% -50%, rgba(13, 17, 23, 0) 33%, #010c5f 51%, rgba(13, 17, 23, 0) 72%);
  border-radius: 1px;
}

.cms {
  width: 100%;
}

.rounded-xs {
  border-radius: .5em;
  position: relative;
  overflow: hidden;
}

.micons-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  position: relative;
}

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

.line-horiz {
  height: 1px;
  background-color: var(--neutral-700);
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.line-vert {
  width: 1px;
  background-color: var(--neutral-700);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 50%;
  right: auto;
}

.text-color-amber-500 {
  color: var(--amber-500);
}

.text-color-teal-500 {
  color: var(--teal-500);
}

.text-color-sky-500 {
  color: var(--sky-500);
  font-style: normal;
}

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

.footer-1-cta-grid {
  z-index: 1;
  width: 100%;
  max-width: 40em;
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: center;
  position: relative;
}

.column-xl {
  z-index: 5;
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
  position: relative;
}

.column-xl.content-centered {
  justify-items: center;
  display: grid;
}

.footer-1-logo {
  width: 8em;
}

.footer-1-sub-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: start;
  margin-top: .5em;
}

.browser-icon {
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.browser-top-bar-right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.browser-top-bar-right-contents {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.browser-mockup {
  z-index: 5;
  width: 100%;
  border-radius: .5em;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.browser-mockup.outline {
  border: 1px solid rgba(100, 116, 139, .25);
  border-bottom-style: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.browser-top-bar-left {
  width: 170px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.browser-top-bar-center {
  max-width: 40%;
  flex: 1;
  position: relative;
}

.browser-arrows {
  display: flex;
}

.browser-search-bar {
  height: 26px;
  max-width: 100%;
  background-color: var(--slate-50);
  color: var(--text);
  text-align: center;
  white-space: nowrap;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  overflow: hidden;
}

.browser-window {
  flex: 1;
  padding: 1.15em;
  position: relative;
}

.browser-top-bar {
  z-index: 10;
  color: var(--neutral-500);
  justify-content: space-between;
  align-items: center;
  padding: 10px 1.25em;
  font-family: ICONS FILLED, sans-serif;
  display: flex;
}

.browser-top-bar.underlined {
  border-bottom: 1px solid var(--neutral-700);
}

.browser-top-bar.underlined.white {
  border-bottom-color: rgba(100, 116, 139, .25);
}

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

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

.font-title {
  color: var(--titles-links);
  letter-spacing: -.025em;
  margin-bottom: 10px;
  font-size: 2.5em;
  font-weight: 800;
  position: relative;
}

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

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

.font-title.text-color-teal-500 {
  color: var(--teal-500);
}

.font-title.text-color-sky-500 {
  color: var(--sky-500);
}

.font-title.text-color-amber-500 {
  color: var(--amber-500);
}

.contact-list {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
}

.container-fluid {
  z-index: 5;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.template-thumb-wrap {
  background-color: var(--neutral-800);
  border-radius: .25em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 2em 2em 1em;
  transition: box-shadow .3s, background-color .3s, color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.template-thumb-wrap:hover {
  background-color: var(--neutral-700);
}

.template-thumb-desktop {
  width: 100%;
  background-color: var(--background);
  object-fit: contain;
  border-radius: .25em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 75%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.line-animated {
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, var(--border), rgba(33, 38, 45, 0));
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.bg-gray-50 {
  background-color: var(--gray-50);
}

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

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

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

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

.bg-gray-500 {
  background-color: var(--gray-500);
}

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

.bg-gray-700 {
  background-color: var(--gray-700);
}

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

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

.bg-neutral-50 {
  background-color: var(--neutral-50);
}

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

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

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

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

.bg-neutral-500 {
  background-color: var(--neutral-500);
}

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

.bg-neutral-700 {
  background-color: var(--neutral-700);
}

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

.bg-neutral-800-opacity {
  background-color: rgba(23, 30, 37, 0.90);
}

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

.cms-work-2x-link {
  width: 100%;
  height: 100%;
  display: flex;
}

.link-block-10 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

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

.fill-text-item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.preloader {
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background-color: var(--background);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.preloader-image {
  width: 40px;
}

.text-work-link {
  letter-spacing: -.02em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.lightbox-play-animated {
  border: .125em solid var(--background);
  letter-spacing: -.04em;
  text-transform: uppercase;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .4em .5em .1em;
  font-size: 2em;
  line-height: 1;
  transition: padding .6s cubic-bezier(.55, 0, .1, 1);
  display: flex;
  position: relative;
}

.lightbox-play-animated:hover {
  padding-right: 2em;
}

.header-section {
  width: 100%;
  padding-top: 12em;
  padding-bottom: 8em;
}

.hero-grid-halves {
  width: 100%;
  grid-column-gap: 0em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.nav-link {
  z-index: 1;
  width: 200px;
  perspective: 800px;
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  color: var(--titles-links);
  letter-spacing: .03em;
  margin-right: 156px;
  padding: 0 20px 0 5px;
  font-size: 13px;
  font-weight: 600;
}

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

.nav-link.w--current {
  color: #3b82f6;
}

.nav-link._1st {
  width: auto;
  height: auto;
  margin-left: 18px;
  margin-right: 20px;
  padding-left: 0;
  font-size: 16px;
  font-weight: 700;
}

.navbar-nav-menu {
  align-items: center;
  display: flex;
}

.navbar-nav-menu.mobile-nav {
  display: none;
}

.nav-link-dropdown {
  color: var(--titles-links);
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.nav-link-dropdown-list {
  min-width: 200px;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: .5em;
  margin-left: -32px;
  padding: 0;
}

.navbar-shadow {
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: var(--navbar);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.navbar-list {
  position: relative;
  left: -20px;
  z-index: 1001;
  width: 100%;
  max-width: 64em;
  grid-column-gap: 0px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  justify-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

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

.navbar {
  width: 100%;
  height: 80px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.section-under-navbar {
  display: block;
  position: relative;
  overflow: hidden;
}

.section-under-navbar.bg-tile-top-lg.bg-neutral-600 {
  background-image: linear-gradient(to top, var(--background), rgba(13, 17, 23, 0) 15%), linear-gradient(to bottom, var(--background), rgba(13, 17, 23, 0) 15%), radial-gradient(circle farthest-side at 50% 0%, rgba(13, 17, 23, 0), var(--background)), url('../images/illustrations/bg-tile-dark.svg');
  background-position: 0 0, 0 0, 0 0, -1px -1px;
  background-size: auto, auto, auto, 64px;

}

.button-label {
  z-index: 5;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: .9em;
  display: flex;
  position: relative;
}

.button-hover-background {
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .1);
  border-radius: 9999px;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

._20ch {
  max-width: 20ch;
}

.sticky-scalable {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

.footer-1-dark-with-cta {
  z-index: 10;
  width: 100%;
  background-color: var(--background);
  color: var(--background);
  margin-top: 4em;
  padding-bottom: 2em;
  position: relative;
}

.footer-1-nav-heading {
  color: var(--titles-links);
  letter-spacing: .01em;
  text-transform: uppercase;
  font-size: .625em;
  font-weight: 700;
}

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

.pricing-4x {
  width: 100%;
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.icon-base {
  width: 2em;
}

._3x-feature-line-bottom {
  height: 1px;
  background-color: var(--neutral-600);
  position: absolute;
  top: auto;
  bottom: -1.5em;
  left: 0%;
  right: 0%;
}

._3x-feature-line-bottom.tablet, ._3x-feature-line-bottom.mobile {
  display: none;
}

._3x-feature-line-left {
  width: 1px;
  background-color: var(--neutral-600);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: -1.5em;
  right: auto;
}

._3x-feature-line-left.tablet {
  display: none;
}

.pricing-4x-item {
  border-radius: .25em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.pricing-4x-item.popular-plan {
  box-shadow: 0 0 0 6px var(--primary-izt-blue);
}

.pricing-4x-top {
  width: 100%;
  background-color: var(--neutral-800);
  color: var(--titles-links);
  border-radius: .25em;
  padding-top: 3em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.pricing-4x-price {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.price-md {
  color: var(--white);
  font-family: Inter Display;
  font-size: 3em;
  font-weight: 700;
  line-height: 1;
}

.pricing-4x-dollar-sign {
  position: absolute;
  left: -.1em;
  transform: translate(-100%);
}

.pricing-4x-monthly {
  position: absolute;
  right: 0;
  transform: translate(100%);
}

.pricing-4x-bottom {
  width: 100%;
  flex: 1;
  padding: 3em 1.5em 1.5em;
}

.price-inside {
  transform: translate(0, 50%);
}

.badge-most-popular {
  z-index: 10;
  background-color: var(--primary-izt-blue);
  color: var(--white);
  text-transform: none;
  border-radius: 9999px;
  margin-top: -2px;
  padding: 6px 12px;
  font-size: 10px;
  line-height: 1;
  position: absolute;
  transform: translate(0, -50%);
}

.tweet-card {
  width: 100%;
  height: 100%;
  max-width: 20em;
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  border-radius: .5em;
  flex-direction: column;
  justify-content: space-between;
  padding: 1em;
  display: flex;
}

.icon-2xl {
  width: 6em;
}

.tooltip-text {
  z-index: 100;
  width: 12em;
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  color: var(--text);
  text-align: left;
  letter-spacing: -.01em;
  border-radius: 4px;
  padding: 10px;
  font-size: .75em;
  font-weight: 400;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 32px;
  right: auto;
}

.accordion-wrapper {
  z-index: 3;
  width: 100%;
  color: #64748b;
  cursor: pointer;
  border-bottom: 1px solid #e2e8f0;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  position: relative;
  overflow: hidden;
}

.column-base-2 {
  z-index: 5;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: start;
  display: grid;
  position: relative;
}

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

.annual-badge {
  color: var(--accent);
  font-size: .75em;
  position: absolute;
  top: .5em;
  bottom: auto;
  left: auto;
  right: 1.5em;
}

.tooltip-icon {
  font-family: ICONS ROUNDED, sans-serif;
}

.container-xs {
  z-index: 5;
  width: 100%;
  max-width: 40em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.container-xs.content-centered {
  max-width: 50em;
  padding-top: 20px;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 14px;
}

.tab-link-rounded {
  color: var(--titles-links);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-radius: .25em;
  padding: 1em 3em;
  font-size: 1em;
}

.tab-link-rounded.w--current {
  box-shadow: inset 0 0 0 1px var(--primary-izt-blue);
  color: var(--white);
  background-color: rgba(0, 82, 204, .25);
}

.tooltip-wrap {
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: relative;
}

.tooltip-wrap:hover {
  color: var(--accent);
}

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

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

.tabs-menu-rounded {
  background-color: var(--neutral-800);
  border-radius: .25em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  padding: .25em;
}

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

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

.circle-shape__1 {
  width: 32em;
  height: 32em;
  border-radius: 100%;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px rgba(58, 236, 186, .25);
}

.bg-shapes-wrap {
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .64) 9%, #000 14%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.circle-shape__5 {
  width: 96em;
  height: 96em;
  border-radius: 100%;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px rgba(58, 236, 186, .25);
}

.circle-shape__4 {
  width: 80em;
  height: 80em;
  border-radius: 100%;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px rgba(58, 236, 186, .25);
}

.text-field-rounded {
  height: 3.35em;
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  color: var(--titles-links);
  border: 1px #000;
  border-radius: 2em;
  align-items: center;
  margin-bottom: 0;
  padding: 1em 1.5em;
  font-size: 1.125em;
  font-weight: 400;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
}

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

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

.text-field-rounded::-ms-input-placeholder {
  color: var(--neutral-500);
}

.text-field-rounded::placeholder {
  color: var(--neutral-500);
}

.circle-shape__0 {
  width: 16em;
  height: 16em;
  border-radius: 100%;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px rgba(58, 236, 186, .25);
}

.circle-shape__3 {
  width: 64em;
  height: 64em;
  border-radius: 100%;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px rgba(58, 236, 186, .25);
}

.container-xxs {
  z-index: 5;
  width: 100%;
  max-width: 60em;
  perspective: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.circle-shape__2 {
  width: 48em;
  height: 48em;
  border-radius: 100%;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
  box-shadow: 0 -32px 80px -72px rgba(58, 236, 186, .25);
}

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

.footer-1-cta-box {
  z-index: 5;
  background-color: var(--primary-izt-blue);
  text-align: center;
  border-radius: .5em;
  flex-direction: column;
  align-items: center;
  margin-top: -4em;
  margin-bottom: 3em;
  padding: 4em 6em;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.nav-link-angle {
  z-index: 0;
  width: 18px;
  height: 10px;
  position: absolute;
  top: -6px;
  bottom: auto;
  left: 52px;
  right: auto;
}

.style-intro-wrap {
  width: 100%;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#086ad8, #086ad8);
  background-clip: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 330px;
  padding-top: 8em;
  padding-bottom: 8em;
  display: flex;
}

.text-block-8 {
  color: var(--white);
  letter-spacing: -.03em;
  font-size: .75em;
}

.book-description {
  color: var(--text);
  font-size: .75em;
}

.book-bottom-text {
  opacity: .2;
  font-size: .25em;
}

.book-description-wrap {
  padding-left: .75em;
  padding-right: .75em;
}

.style-header {
  border-radius: .5em;
  padding: 12em 6em;
  position: relative;
  overflow: hidden;
}

.steps-icon {
  height: 2em;
  min-width: 2em;
  box-shadow: inset 0 0 0 1px var(--neutral-600);
  border-radius: 32%;
  justify-content: center;
  align-items: center;
  font-size: .75em;
  line-height: 1;
  display: flex;
}

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

.steps-line {
  width: 1px;
  background-color: var(--neutral-700);
  flex: 1;
  margin-top: .5em;
  margin-bottom: -1.5em;
}

.hint-wrap {
  width: 100%;
  border-top: 1px solid rgba(23, 23, 23, .1);
  margin-top: 1.25em;
  padding-top: .5em;
}

/*.gradient__02 {*/
/*  height: 100%;*/
/*  background-image: linear-gradient(to bottom, var(--background) 7%, rgba(13, 17, 23, 0) 20%), radial-gradient(circle farthest-side at -25% 150%, var(--background) 48%, rgba(13, 17, 23, 0) 65%), radial-gradient(circle farthest-corner at -25% -125%, rgba(13, 17, 23, 0) 50%, var(--background) 70%, rgba(13, 17, 23, 0) 72%), radial-gradient(circle farthest-corner at 0% -50%, #4060b1 32%, rgba(255, 255, 255, 0) 62%), radial-gradient(circle farthest-side at 0% -25%, #0243e7 50%, rgba(13, 17, 23, 0) 72%), radial-gradient(circle farthest-corner at 50% -100%, rgba(3, 12, 29, 0.77) 26%, rgba(13, 17, 23, 0) 72%);*/
/*}*/
.gradient__02 {
  background: linear-gradient(300deg,var(--background),var(--background),var(--primary-izt-dark-blue),var(--background),var(--background),var(--background),var(--background));
  background-size: 300% 300%;
  animation: gradient-animation 8s ease infinite;
}

.gradient__02::before {
  content: "";
  background: radial-gradient(at center, rgba(13, 35, 39, 0), rgba(13, 35, 39, 0), var(--background), var(--background));
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.icon-xl {
  width: 5em;
}

.icon-lg {
  width: 4em;
}

.icon-md {
  width: 3em;
}

.side-by-side-3-to-2 {
  width: 100%;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
}

.image-bg-contain {
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  outline-offset: 0px;
  object-fit: contain;
  outline: 3px #a7b5c3;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.side-by-side-2-to-3 {
  width: 100%;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  align-items: center;
}

.side-by-side-list {
  z-index: 5;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  position: relative;
}

.image-bg-cover {
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: .55;
  filter: grayscale();
  mix-blend-mode: multiply;
  object-fit: cover;
  background-color: var(--background);
  background-position: 0 0;
  background-size: auto;
  display: inline-block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-bg-cover.luminosity {
  mix-blend-mode: luminosity;
}

.how-to-list {
  width: 100%;
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  align-items: center;
}

.how-to-column {
  z-index: 5;
  grid-column-gap: 1em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: start;
  display: grid;
  position: relative;
}

.integration-row {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-3 {
  width: 5em;
  height: 5em;
  background-color: var(--background);
  border-radius: 9999px;
  margin: .5em;
  padding: 1em;
}

.bg-pattern-image {
  width: 100%;
  max-width: none;
  object-fit: contain;
  margin-top: auto;
  margin-bottom: auto;
  display: none;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.bg-pattern-image.cover {
  height: 100%;
  object-fit: cover;
}

.bg-pattern-wrap {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.bg-pattern-wrap.centered {
  align-items: center;
}

.side-by-side-1-to-1 {
  width: 100%;
  max-width: 80em;
  grid-column-gap: 0em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin: 10px auto 10px;
  position: relative;
}

.curve-bottom {
  width: auto;
  border-bottom-right-radius: 10%;
  border-bottom-left-radius: 10%;
  /*margin-left: -30em;*/
  /*margin-right: -30em;*/
  /*padding-left: 30em;*/
  /*padding-right: 30em;*/
  position: relative;
}

.template-thumb-image {
  z-index: 6;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.template-thumb-image.center {
  object-position: 50% 50%;
}

.line-holder {
  width: 100%;
  position: relative;
}

.line-holder.invert {
  transform: rotate(180deg);
}

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

.curve-top {
  width: auto;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  margin-left: -40em;
  margin-right: -40em;
  padding-top: 10em;
  padding-left: 40em;
  padding-right: 40em;
  position: relative;
  overflow: hidden;
}

.text-color-cyan-500 {
  color: var(--cyan-500);
}

.image-wrapper-3-4 {
  width: 100%;
  background-color: var(--accent);
  padding-top: 124%;
  position: relative;
  overflow: hidden;
}

.image-wrapper-3-4.rounded-xs.fade-in-on-scroll {
  background-color: var(--background);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.split-section-full {
  width: 100%;
  min-height: 100vh;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  position: relative;
}

.sign-up-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4em;
  display: flex;
  position: relative;
}

.sign-up-container {
  z-index: 5;
  width: 100%;
  max-width: 24em;
  perspective: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.sign-up-text-field {
  height: 3.5em;
  background-color: var(--neutral-800);
  color: var(--titles-links);
  border: 1px #000;
  margin-bottom: 0;
  padding: 1em 1.125em 1em 3em;
  font-size: 80%;
  font-weight: 400;
  line-height: 1;
  transition: background-color .25s, box-shadow .25s;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
}

.sign-up-text-field:hover {
  background-color: var(--neutral-700);
}

.sign-up-text-field:active {
  color: var(--titles-links);
}

.sign-up-text-field:focus {
  box-shadow: inset 0 0 0 1px var(--slate-600);
}

.sign-up-text-field::-ms-input-placeholder {
  color: var(--text);
}

.sign-up-text-field::placeholder {
  color: var(--text);
}

.sign-up-text-field.first {
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
}

.sign-up-text-field.last {
  border-bottom-right-radius: .5em;
  border-bottom-left-radius: .5em;
}

.sign-up-field-list {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.checkbox {
  width: 1.3em;
  height: 1.3em;
  border-color: var(--neutral-600);
  margin-top: 0;
  margin-left: -2em;
}

.checkbox:hover {
  border-color: var(--neutral-500);
}

.checkbox.w--redirected-checked {
  border-color: var(--accent);
  background-color: var(--accent);
  background-size: 50%;
}

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

.checkbox-field {
  margin-bottom: 0;
  padding-left: 2em;
  font-size: .75em;
}

.slider-arrow {
  width: 2.5em;
  height: 2.5em;
  background-color: var(--neutral-600);
  color: var(--neutral-400);
  border-radius: 9999px;
  font-size: .75em;
  transition: color .3s, background-color .3s;
}

.slider-arrow:hover {
  background-color: var(--neutral-700);
  color: var(--titles-links);
}

.slider-arrow.align-bottom {
  margin-bottom: 0;
}

.sign-up-social-link {
  position: relative;
}

.sign-up-other {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  margin-top: 2em;
  display: grid;
  position: relative;
}

.sign-up-other.none {
  margin-top: 0;
}

.sign-up-sign-in-button {
  position: absolute;
  top: 2.5em;
  bottom: auto;
  left: auto;
  right: 2.5em;
}

.slider-copy {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  padding-bottom: 4em;
  overflow: hidden;
}

.sign-up-field-icon {
  color: var(--slate-500);
  font-family: ICONS ROUNDED, sans-serif;
  font-size: .75em;
  line-height: 1;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 1em;
  right: auto;
}

.sign-up-field-item {
  align-items: center;
  display: flex;
  position: relative;
}

.snippet-wrap {
  width: 75%;
  margin: 2em auto;
  position: relative;
}

.snippet-body {
  min-height: 6em;
  background-color: var(--neutral-700);
  box-shadow: 0 0 0 1.5px var(--neutral-800), 0 0 0 3px var(--neutral-700);
  border-radius: .375em;
  justify-content: flex-end;
  align-items: flex-start;
  padding: .75em;
  display: flex;
  position: relative;
}

.snippet-body.centered {
  justify-content: center;
  align-items: center;
}

.snippet-body.stretch {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.text-block-11 {
  min-width: 2em;
  background-color: var(--neutral-600);
  color: var(--text);
  text-align: center;
  text-transform: uppercase;
  border-radius: .375em;
  padding-left: .5em;
  padding-right: .5em;
  font-size: .875em;
  font-weight: 400;
  line-height: 2;
}

.text-block-11.plus {
  background-color: rgba(0, 0, 0, 0);
  font-size: .625em;
}

.outline-on-hover {
  transition: box-shadow .2s;
  box-shadow: inset 0 0 rgba(0, 0, 0, 0);
}

.outline-on-hover:hover {
  box-shadow: inset 0 0 0 1px var(--neutral-500);
}

.snipper-copy-paste {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-items: center;
}

.caption {
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .625em;
  font-weight: 600;
}

.caption-holder {
  z-index: 5;
  width: 100%;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  align-items: center;
  position: relative;
}

.text-block-11-copy {
  z-index: 1;
  min-width: 2em;
  background-color: var(--primary-izt-blue);
  color: var(--titles-links);
  text-align: center;
  text-transform: none;
  border-radius: 9999px;
  padding-left: .5em;
  padding-right: .5em;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 2;
  position: relative;
  box-shadow: 0 12px 24px -12px #000;
}

.snippet-dot-list {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.snippet-dot {
  width: 2px;
  height: 2px;
  background-color: var(--accent);
  opacity: .15;
  border-radius: 24%;
}

.snippet-center {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.text-block-11-copy-copy {
  z-index: 1;
  min-height: 1.75em;
  min-width: 2em;
  background-image: linear-gradient(270deg, var(--neutral-600) 2%, rgba(48, 54, 61, 0));
  color: var(--titles-links);
  text-align: center;
  text-transform: none;
  border-radius: .25em;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 2;
  position: relative;
}

.snippet-search {
  width: 120%;
  /*grid-column-gap: 2px;*/
  /*grid-row-gap: 2px;*/
  /*grid-template-rows: auto;*/
  /*grid-template-columns: 1fr auto;*/
  /*grid-auto-columns: auto;*/
  /*grid-auto-flow: column;*/
  /*align-items: center;*/
}

.price-span {
  background-color: var(--accent);
  color: var(--background);
  letter-spacing: .02em;
  border-radius: .25em;
  padding-left: .5em;
  padding-right: .5em;
  font-size: 50%;
  font-weight: 500;
  line-height: 1.5;
  display: inline-block;
  position: relative;
  top: -.3em;
}

.testimonial-shift-wrap {
  z-index: 5;
  width: 100%;
  align-items: stretch;
  margin-top: -117px;
  margin-bottom: 36px;
  padding-bottom: 68px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.shift-image-wrap {
  z-index: 1;
  width: 33.3%;
  margin-bottom: 4em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.shift-body {
  z-index: 0;
  background-color: var(--neutral-800);
  border-radius: .5em;
  flex: 1;
  margin-top: 4em;
  margin-left: -4em;
  padding: 6em 4em 6em 8em;
  position: relative;
  overflow: hidden;
}

.shift-title {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 1em;
  left: 1em;
  right: auto;
}

.heading {
  background-color: var(--background);
  color: var(--titles-links);
  border-radius: 3px;
  padding: 4px 8px 6px;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
}

.heading-copy {
  background-color: var(--background);
  color: var(--text);
  border-radius: 3px;
  margin-top: -4px;
  padding: 4px 8px 6px;
  font-size: 12px;
  line-height: 1;
}

.case-shift-title-wrap {
  z-index: 5;
  flex-direction: column;
  align-items: flex-start;
  margin-left: -3.7%;
  padding-left: 4em;
  padding-right: 4em;
  display: flex;
  position: relative;
}

.text-span-3 {
  background-image: linear-gradient(to bottom, rgba(132, 216, 219, 0) 70%, var(--primary-izt-blue) 71%);
  color: var(--white);
}

.gradient__03 {
  background-image: radial-gradient(circle farthest-corner at 0% -50%, rgba(255, 255, 255, 0) 3%, var(--sky-500) 44%, rgba(255, 255, 255, 0) 72%), radial-gradient(circle farthest-corner at 50% 100%, var(--purple-500), var(--blue-500));
}

.opacity-20 {
  opacity: .2;
}

.opacity-70 {
  opacity: .7;
}

.opacity-15 {
  opacity: .15;
}

.opacity-10 {
  opacity: .1;
}

.study-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

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

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

.stats-2x {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
}

.gradient__04 {
  background-image: radial-gradient(circle farthest-side at 0% -50%, rgba(255, 255, 255, 0) 11%, var(--accent) 48%, rgba(255, 255, 255, 0) 88%), radial-gradient(circle farthest-corner at 100% 100%, var(--violet-700), var(--teal-500) 64%);
}

.section-75vh {
  height: 75vh;
  position: relative;
  overflow: hidden;
}

.section-75vh.bg-cyan-300 {
  height: 60vh;
}

.about-title-wrap {
  color: var(--white);
  position: absolute;
  top: auto;
  bottom: 4em;
  left: 0%;
  right: 0%;
}

.timeline-chapter-image {
  width: 40%;
  position: relative;
  overflow: hidden;
}

.cms-link {
  width: 100%;
  position: relative;
}

.cms-customer-2x {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-info-wrap {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .25));
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 2em;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-5 {
  height: 2em;
  max-width: 8em;
  margin-top: .5em;
}

.timeline-way {
  width: 100%;
  background-color: var(--neutral-500);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.text-color-neutral-500 {
  color: var(--neutral-500);
}

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

.gradient-bg-top {
  background-image: linear-gradient(to bottom, var(--background), rgba(13, 17, 23, 0));
}

.worldmap {
  z-index: 1;
  margin-top: -12.5em;
  margin-bottom: -4em;
  position: relative;
}

.quote-sign {
  height: 2em;
  margin-bottom: 2em;
  line-height: 1;
}

.tabs-horizontal {
  grid-column-gap: 2em;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 4em;
  padding-top: 4em;
  display: grid;
}

.tabs-menu-side {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tabs-menu-side-link {
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  color: var(--text);
  border-radius: .5em;
  padding: 1.5em;
}

.tabs-menu-side-link.w--current {
  background-color: var(--gray-800);
  box-shadow: 0 0 24px -12px var(--gray-900), inset 0 0 0 1px var(--gray-700);
}

.image-6 {
  width: 3em;
  height: 3em;
  background-color: rgba(255, 255, 255, .05);
  border-radius: 32%;
  margin-right: 1em;
  padding: .5em;
}

.accordion-item-wrapper {
  width: 100%;
  flex-direction: column;
  display: flex;
}

.tab-title {
  width: 100%;
  height: 3em;
  grid-column-gap: 1em;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  align-items: center;
}

.accordion-arrow {
  color: var(--white);
  font-family: ICONS FILLED, sans-serif;
}

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

.tab-pane-tab-1-2 {
  width: 100%;
  height: 100%;
}

.rotated-shape-wrap {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3em 4em;
  display: flex;
  position: relative;
}

.rotated-shape-wrap.tight {
  padding-left: 6em;
  padding-right: 6em;
}

.rotated-shape-1 {
  width: 100%;
  height: 100%;
  border-radius: .5em;
  position: absolute;
  overflow: hidden;
  transform: scale(.9)rotate(-4deg);
}

.code-row {
  width: 100%;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  white-space: nowrap;
  grid-template-rows: auto;
  grid-template-columns: 2em 1fr;
  font-family: Calling Code, sans-serif;
  position: relative;
  overflow: hidden;
}

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

.code-list.text-color-slate-600 {
  color: var(--slate-500);
  color: #5b6d83;
}

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

.rotated-shape-2 {
  width: 100%;
  height: 100%;
  border-radius: .5em;
  position: absolute;
  overflow: hidden;
  transform: scale(.9)rotate(3deg);
}

.how-it-works-item-3 {
  width: 100%;
  margin-top: -64px;
  transform: translate(25%);
}

.how-it-works-content {
  width: 100%;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  position: relative;
}

.how-it-works-item-2 {
  width: 75%;
}

.how-it-works-number {
  z-index: 5;
  width: 2em;
  height: 2em;
  border: 1px solid var(--neutral-700);
  background-color: var(--neutral-800);
  color: var(--white);
  text-align: center;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  font-weight: 400;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(-50%, -50%);
}

.how-it-works {
  width: 100%;
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  grid-template-rows: auto;
}

.how-it-works-item-1 {
  width: 60%;
}

.how-it-works-item-5 {
  transform: translate(66%);
}

.how-it-works-item-4 {
  width: 75%;
  margin-bottom: -64px;
}

.process-steps {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.process-steps-step {
  z-index: 5;
  width: 100%;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.process-steps-indicator {
  width: 3em;
  height: 3em;
  border: 5px solid var(--indigo-900);
  background-color: var(--indigo-600);
  outline-color: var(--background);
  outline-offset: 0px;
  border-radius: 9999px;
  outline-width: 10px;
  outline-style: solid;
  justify-content: center;
  align-items: center;
  margin-top: 2em;
  display: flex;
}

.process-steps-item {
  background-color: var(--neutral-800);
  flex: 1;
  margin-left: 2em;
  padding: 3em;
}

.process-steps-way-bg {
  z-index: 0;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 1.5em;
  right: auto;
  overflow: hidden;
}

.process-steps-way {
  width: 100%;
  background-color: var(--indigo-900);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.process-steps-indicator-icon {
  color: var(--white);
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.5em;
  line-height: 1;
}

.bg-bottom-25 {
  width: 100%;
  height: 25%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.tab-content {
  width: 100%;
  display: flex;
}

.container-2xl {
  z-index: 5;
  width: 100%;
  max-width: 80em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 1.25em;
  padding-right: 1.25em;
  display: flex;
  position: relative;
}

.feature-2-column-sm {
  width: 100%;
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
}

.snippet-switch-row {
  grid-column-gap: 4px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  align-items: center;
}

.image-10 {
  width: 1em;
}

.snippet-swith {
  width: 2em;
  height: 1em;
  background-color: var(--accent);
  border-radius: 9999px;
  justify-content: flex-end;
  align-items: center;
  padding: 4px 3px;
  display: flex;
  position: relative;
}

.snippet-swith.disable {
  background-color: var(--neutral-600);
  justify-content: flex-start;
}

.snippet-switch-dot {
  width: .75em;
  height: .75em;
  background-color: var(--white);
  border-radius: 9999px;
}

.snippet-switch-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.snippet-divider {
  width: 100%;
  height: 1px;
  background-color: var(--neutral-600);
}

.snippet-grow {
  flex: 1;
}

.snippet-word {
  width: 100%;
  height: 5px;
  background-color: var(--neutral-600);
  border-radius: 9999px;
}

.snippet-avatar-wrap {
  grid-column-gap: 1em;
  grid-row-gap: .75em;
  grid-template-rows: auto;
  grid-template-columns: auto .5fr;
  align-items: center;
}

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

.snippet-avatar {
  width: 2em;
  height: 2em;
  object-fit: cover;
  border-radius: 9999px;
}

.snippet-avatar._2 {
  box-shadow: 0 0 0 2.5px var(--neutral-700);
  margin-left: -.5em;
  box-shadow: 0 0 0 2.5px #1e252c;
}

.snippet-check {
  width: 1.5em;
  height: 1.5em;
  background-color: var(--accent);
  color: var(--white);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  font-family: ICONS FILLED, sans-serif;
  font-size: .75em;
  display: flex;
}

.team-logos {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-logo {
  width: 8%;
  height: 2em;
  margin: 1em 2em;
}

.text-block-14 {
  background-image: linear-gradient(63deg, var(--accent), var(--sky-500));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 600;
}

.text-link-gray {
  color: var(--titles-links);
  position: relative;
}

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

.side-by-side-2-to-1 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.button-outlined {
  box-shadow: inset 0 0 0 1px var(--neutral-600);
  color: var(--text);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: .25em;
  justify-content: center;
  align-items: center;
  padding: .75em;
  font-size: 1em;
  line-height: 1;
  transition: background-color .3s, opacity .3s, box-shadow .3s, color .3s;
  display: flex;
}

.button-outlined:hover {
  box-shadow: inset 0 0 0 1px var(--white);
  color: var(--white);
}

.text-color-indigo-500 {
  color: var(--indigo-500);
}

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

.faq-3x {
  width: 100%;
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.block-inside-bottom {
  margin-bottom: -6em;
}

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

.gradient-titles-wrap {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8em 0 2em 0;
  display: flex;
}

.heading-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.heading-hero {
  z-index: 0;
  width: 100%;
  color: var(--neutral-700);
  text-align: center;
  letter-spacing: -.04em;
  margin-bottom: -.2em;
  font-size: 8em;
  font-weight: 900;
  line-height: 1.15;
  position: absolute;
}

.heading-hero.gradient-1 {
  z-index: 1;
  background-image: linear-gradient(37deg, var(--primary-izt-dark-blue) 5%, var(--izt-neon-blue) 42%, var(--izt-orange) 60%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  position: relative;
}

.heading-hero.gradient-2 {
  z-index: 1;
  background-image: linear-gradient(49deg, var(--primary-izt-blue-600) 7%, var(--izt-neon-blue) 38%, var(--izt-neon-blue) 50%, var(--izt-orange) 70%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 10px;
  padding-right: 10px;
  position: relative;
}

.heading-hero._1 {
  width: 200%;
  top: 0%;
  bottom: 0%;
  left: -49%;
  right: 0%;
}

.heading-hero.gradient-3 {
  z-index: 1;
  background-image: linear-gradient(18deg, var(--primary-izt-dark-blue) 12%, var(--primary-izt-blue) 36%, var(--izt-neon-blue) 60%, var(--izt-orange) 80%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  position: relative;
}

.text-gradient__1 {
  background-image: linear-gradient(207deg, var(--orange-300) 33%, var(--teal-400) 74%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.text-gradient__2 {
  background-image: linear-gradient(28deg, var(--sky-400) 29%, var(--rose-300) 82%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.text-rotation-wrapper {
  font-size: 2.5em;
  display: flex;
}

.track-vertical {
  flex-direction: column;
  display: flex;
  position: absolute;
}

.track-overlay {
  z-index: 1;
  background-image: linear-gradient(#f9f5ff, rgba(0, 0, 0, 0) 50%, #f9f5ff);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.track-overlay.top {
  width: 100%;
  height: 40%;
  background-image: linear-gradient(to bottom, var(--background) 50%, rgba(13, 17, 23, 0));
  display: block;
  position: absolute;
}

.track-overlay.bottom {
  width: 100%;
  height: 40%;
  background-image: linear-gradient(to top, var(--background) 50%, rgba(13, 17, 23, 0));
  display: block;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.infinite-rotation-holder {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12em 1.25em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.infinite-rotation-holder.bg-tile-middle.bg-neutral-600 {
  height: auto;
}

.vertical-scroll-wrapper {
  width: 8em;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.text-rotation-heading {
  color: var(--text);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter Display;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.2;
}

.anchor-section {
  margin-left: -2em;
  margin-right: -2em;
  padding: 4em 2em 2em;
  position: relative;
}

.section-icon {
  width: 2.75em;
  height: 2.75em;
  border: 3px solid var(--indigo-400);
  background-color: var(--indigo-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--indigo-600), var(--indigo-700));
  box-shadow: inset 0 0 5px 0 var(--indigo-800), 0 8px 24px -8px var(--indigo-400);
  color: var(--indigo-200);
  text-align: center;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.25em;
  display: flex;
}

.section-icon.red {
  border-color: var(--red-400);
  background-color: var(--red-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--red-600), var(--red-700));
  box-shadow: inset 0 0 5px 0 var(--red-800), 0 8px 24px -8px var(--red-400);
  color: var(--red-200);
}

.section-icon.teal {
  border-color: var(--teal-400);
  background-color: var(--teal-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--teal-600), var(--teal-700));
  box-shadow: inset 0 0 5px 0 var(--teal-800), 0 8px 24px -8px var(--teal-400);
  color: var(--teal-200);
}

.section-icon.pink {
  border-color: var(--izt-orange-light);
  background-color: var(--sky-900);
  background-image: linear-gradient(279deg, var(--blue-900), var(--izt-neon-blue) 89%);
  box-shadow: inset 0 0 5px 0 var(--pink-50), 0 8px 24px -8px var(--blue-300);
  color: var(--izt-orange-light);
  text-align: center;
}

.section-icon.amber {
  border-color: var(--amber-500);
  background-color: var(--amber-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--amber-600), var(--amber-700));
  box-shadow: inset 0 0 5px 0 var(--amber-800), 0 8px 24px -8px var(--amber-400);
  outline-color: var(--amber-400);
  color: var(--amber-200);
}

.faq-wrap {
  padding-left: 4.125em;
  padding-right: 4.125em;
}

.text-gradient__google {
  background-image: linear-gradient(to right, var(--red-400), var(--yellow-400) 33%, var(--green-400) 66%, var(--sky-400));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

._2-columns-paragraph {
  column-count: 2;
  column-gap: 4em;
}

.light-line {
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, rgba(13, 17, 23, 0), var(--border) 50%, rgba(13, 17, 23, 0));
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.text-gradient__teal {
  background-image: linear-gradient(243deg, var(--izt-neon-blue) 68%, var(--primary-izt-blue) 93%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.text-gradient__indigo {
  background-image: linear-gradient(351deg, var(--sky-400) 23%, var(--indigo-600) 87%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.caption-holder-center {
  z-index: 5;
  width: 100%;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  position: relative;
}

.text-gradient__pink-purple {
  background-image: linear-gradient(321deg, var(--purple-400) 23%, var(--pink-600) 87%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

._3-column {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._40ch {
  max-width: 40ch;
}

.feature-2x {
  grid-column-gap: 2em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  margin-top: -41px;
  margin-left: 35px;
}

.section-icon-sm {
  width: 2.5em;
  height: 2.5em;
  border: 2px solid var(--indigo-400);
  background-color: var(--background);
  background-image: linear-gradient(94deg, var(--izt-neon-blue) 39%, var(--primary-izt-blue) 93%);
  box-shadow: inset 7px 0 5px 0 var(--cyan-400), 0 8px 24px -8px var(--izt-light-gray);
  color: var(--izt-light-gray);
  text-align: center;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1em;
  display: flex;
}

.section-icon-sm.teal {
  border-color: var(--teal-400);
  background-color: var(--teal-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--teal-600), var(--teal-700));
  box-shadow: inset 0 0 5px 0 var(--teal-800), 0 8px 24px -8px var(--teal-400);
  outline-color: var(--teal-400);
  color: var(--teal-200);
}

.list-4x {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 2em;
}

._2-column {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.text-gradient__lime {
  background-image: linear-gradient(110deg, var(--primary-izt-blue-300) 8%, var(--izt-neon-blue) 18%, var(--izt-neon-blue) 82%, var(--izt-orange) 94%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.text-gradient__indigo-red {
  background-image: linear-gradient(207deg, var(--red-500) 23%, var(--indigo-500) 87%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.logo-levitate-1 {
  width: 5em;
  height: 5em;
  object-fit: cover;
  border-radius: 9999px;
  position: absolute;
  top: 25%;
  left: 17%;
}

.logo-levitate-9 {
  width: 6.25em;
  height: 6.25em;
  border-radius: 9999px;
  position: absolute;
  top: 45%;
  left: 10%;
}

.logo-levitate-8 {
  width: 4em;
  height: 4em;
  object-fit: cover;
  border-radius: 9999px;
  position: absolute;
  bottom: 16%;
  left: 30%;
}

.logo-levitate-7 {
  width: 6.5em;
  height: 6.5em;
  border-radius: 9999px;
  position: absolute;
  bottom: -7%;
  left: 42%;
}

.logo-levitate-6 {
  width: 6.25em;
  border-radius: 9999px;
  position: absolute;
  top: 8%;
  right: 54%;
}

.logo-levitate-5 {
  width: 6em;
  height: 6em;
  object-fit: cover;
  border-radius: 9999px;
  position: absolute;
  top: 6%;
  right: 32%;
}

.logo-levitate-4 {
  width: 4em;
  height: 4em;
  object-fit: cover;
  border-radius: 9999px;
  position: absolute;
  bottom: 58%;
  right: 17%;
}

.logo-levitate-3 {
  width: 6.25em;
  border-radius: 9999px;
  position: absolute;
  bottom: 29%;
  right: 5%;
}

.logo-levitate-2 {
  width: 4.5em;
  height: 4.5em;
  border-radius: 9999px;
  position: absolute;
  bottom: 12%;
  right: 25%;
}

.quick-link-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.rounded-xxs {
  border-radius: .25em;
  position: relative;
  overflow: hidden;
}

.nav-link-sup {
  height: 14px;
  min-width: 14px;
  background-color: var(--izt-neon-blue);
  color: var(--background);
  text-align: center;
  border-radius: 9999px;
  padding-top: 2px;
  font-size: 8px;
  display: inline-block;
  transform: translate(4px, -50%);
}

.onboarding-wrap {
  z-index: 9998;
  width: 100vw;
  height: 100vh;
  background-color: var(--navbar);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.25em;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.onboarding-card {
  height: 100%;
  background-color: var(--neutral-800);
  outline-color: var(--neutral-700);
  outline-offset: 0px;
  border-radius: .5em;
  outline-width: 1px;
  outline-style: solid;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.onboarding-slider {
  width: 20em;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.onboarding-content {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 1.5em 1em 3em;
  display: flex;
  position: relative;
}

.onboarding-mask {
  position: relative;
  overflow: visible;
}

.onboarding-caption {
  background-color: var(--accent);
  color: var(--background);
  border-radius: 9999px;
  margin-bottom: .5em;
  padding: .25em .5em;
  font-size: .625em;
  font-weight: 600;
  line-height: 1;
}

.onboarding-nav {
  z-index: 1;
  width: 50%;
  height: 6em;
  align-items: center;
  margin-left: 0;
  padding: 0 1em 0 2em;
  font-size: 6px;
  display: flex;
  left: 0;
}

.onboarding-next {
  width: 6.5em;
  height: 2em;
  background-color: var(--primary-izt-blue);
  color: var(--white);
  text-align: center;
  letter-spacing: -.01em;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .75em 0;
  font-family: Inter Display;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  transition: background-color .3s, opacity .3s, box-shadow .3s, color .3s;
  display: flex;
  top: auto;
  bottom: 1em;
  left: auto;
  right: 1em;
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0);
}

.onboarding-next:hover {
  box-shadow: inset 0 0 200px 200px rgba(0, 0, 0, .15);
}

.onboarding-close {
  width: 3em;
  height: 3em;
  background-color: var(--neutral-700);
  color: var(--white);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  font-family: ICONS FILLED, sans-serif;
  font-size: 1.125em;
  display: flex;
  position: absolute;
  top: 1em;
  bottom: auto;
  left: 1em;
  right: auto;
}

.onboarding-close:hover {
  background-color: var(--neutral-600);
}

.nav-link-content {
  min-width: 18em;
  flex-direction: column;
  display: flex;
  position: relative;
}

.nav-link-icon-wrap {
  width: 3.5em;
  height: 3.5em;
  color: var(--slate-700);
  text-align: center;
  border-radius: 32%;
  justify-content: center;
  align-items: center;
  margin-right: 2px;
  font-family: ICONS ROUNDED, sans-serif;
  font-weight: 400;
  display: flex;
  box-shadow: inset 0 0 0 1px rgba(33, 38, 45, .6);
}

.nav-link-text {
  color: var(--titles-links);
  letter-spacing: -.01em;
  font-size: 14px;
  line-height: 1.5;
}

.nav-link-icon {
  color: var(--neutral-600);
  font-family: ICONS FILLED, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}

.nav-link-wrap {
  color: var(--neutral-500);
  font-size: 12px;
  transition-property: none;
}

.nav-link-column-small {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-items: stretch;
  display: grid;
}

.nav-link-caption {
  height: 32px;
  color: var(--text);
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Inter Display;
  font-size: 10px;
  font-weight: 600;
}

.nav-link-column-divider {
  width: 1px;
  background-color: rgba(33, 38, 45, .6);
  position: absolute;
  top: 32px;
  bottom: 0%;
  left: -32px;
  right: auto;
}

.nav-link-item {
  grid-column-gap: 8px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  align-items: start;
  padding-bottom: 10px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  display: grid;
}

.nav-link-icon-arrow {
  color: var(--titles-links);
  text-transform: none;
  font-family: ICONS SHARP, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.nav-link-icon-arrow._1 {
  font-size: 11px;
  line-height: 1;
}

.nav-link-text-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  margin-bottom: 2px;
  display: grid;
}

.text-color-pink-500 {
  color: var(--izt-neon-blue);
  margin-top: 0;
  padding-top: 0;
}

.text-gradient__pink {
  background-image: linear-gradient(307deg, var(--izt-orange) 13%, var(--izt-neon-blue) 35%, var(--izt-neon-blue) 61%, var(--blue-700) 95%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.text-gradient__amber {
  background-image: linear-gradient(191deg, var(--yellow-300) 25%, var(--amber-600) 87%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.tab-holder {
  padding-left: 4em;
}

.feature-3-column-lg-copy {
  width: 100%;
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

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

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

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

.text-color-orange-800 {
  color: var(--orange-800);
}

.footer-1-link-gray-copy {
  opacity: 1;
  color: var(--titles-links);
  font-size: 1em;
  transition: opacity .25s, color .25s;
}

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

.nav-link-small-icon {
  text-align: center;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-link-horizontal-divider {
  width: 100%;
  height: 1px;
  background-color: rgba(33, 38, 45, .6);
  margin-top: 16px;
  margin-bottom: 16px;
}

.nav-link-column {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-items: stretch;
  display: grid;
}

.nav-link-trustpilot-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  color: var(--text);
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto auto;
  align-items: end;
  font-size: 11px;
  line-height: 1;
}

.nav-link-trustpilot-logo {
  height: 20px;
  margin-bottom: -3px;
}

.nav-link-content-left {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.float-right {
  width: 40%;
  float: right;
  margin-bottom: 1em;
  margin-left: 2em;
}

.profile-divider {
  width: 60%;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-right: 2em;
}

.team-member-footer {
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
}

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

.utility-page-content {
  z-index: 5;
  width: 100%;
  max-width: 24em;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.25em;
  padding-right: 1.25em;
  display: flex;
  position: relative;
}

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

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

.rich-text-block h4, .rich-text-block h2, .rich-text-block h1, .rich-text-block h3, .rich-text-block h5 {
  margin-bottom: .25em;
}

.rich-text-block a {
  color: var(--slate-600);
}

.rich-text-block a:hover {
  color: var(--titles-links);
}

.link {
  background-color: var(--neutral-700);
  box-shadow: inset 0 0 0 1px var(--neutral-600);
  border-radius: 9999px;
  padding: .5em 1em;
  font-size: .75em;
  font-weight: 500;
  line-height: 1;
  transition-property: box-shadow, background-color, color;
}

.link:hover {
  box-shadow: inset 0 0 0 1px var(--primary-izt-blue);
  color: var(--white);
  background-color: rgba(0, 82, 204, .25);
}

.link.ghost {
  box-shadow: inset 0 0 0 1px var(--neutral-800);
  color: var(--text);
  background-color: rgba(0, 0, 0, 0);
}

.link.ghost:hover {
  box-shadow: inset 0 0 0 1px var(--primary-izt-blue);
  color: var(--white);
  background-color: rgba(0, 82, 204, .25);
}

.link.ghost.material-icons {
  padding-left: .5em;
  padding-right: .5em;
  font-weight: 400;
}

.cms-item {
  width: 100%;
  height: 100%;
  display: flex;
}

.opacity-30-copy {
  opacity: .3;
  margin-top: .5em;
}

.post-section {
  background-color: var(--neutral-800);
  flex-direction: column;
  align-items: flex-start;
  padding: 4em 6em;
  display: flex;
}

.container-md-copy {
  z-index: 5;
  width: 100%;
  max-width: 56em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.team-member-section {
  background-color: var(--neutral-800);
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
  margin-bottom: -2em;
  padding-bottom: 6em;
  padding-left: 4em;
  padding-right: 4em;
}

.team-member-header {
  height: 12em;
  margin-left: -4em;
  margin-right: -4em;
  position: relative;
}

.section-blog-header {
  width: 100%;
  padding-bottom: 4em;
  position: relative;
}

.font-title-none {
  font-family: Inter Display;
  position: relative;
}

.link-block-12 {
  position: relative;
}

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

.nav-link-dropdown-content {
  width: 100%;
  height: 100%;
  position: relative;
}

.form {
  position: relative;
}

.submit-inside {
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 1.5em;
}

.pricing-header-60 {
  width: 60%;
}

.pricing-3x-benefits {
  width: 100%;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.next-button {
  background-color: var(--neutral-700);
  box-shadow: inset 0 0 0 1px var(--neutral-600);
  color: var(--titles-links);
  letter-spacing: -.01em;
  border-style: none;
  border-radius: 9999px;
  align-items: center;
  padding: .5em 1em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
  transition-property: box-shadow, background-color, color;
  display: flex;
}

.next-button:hover {
  box-shadow: inset 0 0 0 1px var(--primary-izt-blue);
  color: var(--white);
  background-color: rgba(0, 82, 204, .25);
}

.stats-4x {
  z-index: 100;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  perspective: 800px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  position: relative;
  transform: translate(0, 50%);
}

.stats-3x {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

._16ch {
  max-width: 16ch;
}

.cms-team-5x {
  grid-column-gap: 2em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.history-card {
  width: 100%;
  height: 100%;
  background-color: var(--neutral-800);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5em;
  display: flex;
}

.press-section {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
}

.cms-careers-header {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-bottom: 1px solid var(--border);
  grid-template-rows: auto;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.cms-careers-list {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cms-careers-item {
  width: 100%;
  grid-column-gap: 1em;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--border);
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  padding-bottom: 1em;
}

.cms-careers-avatar {
  width: 2em;
  height: 2em;
  box-shadow: 0 0 0 3px var(--background);
  border-radius: 9999px;
}

.cms-careers-avatar-list {
  align-items: center;
  display: flex;
}

.cms-careers-avatar-wrap {
  position: relative;
}

.cms-careers-avatar-wrap:nth-child(2n+1), .cms-careers-avatar-wrap:nth-child(2n) {
  margin-left: -.75em;
}

.holder {
  width: 64%;
  height: 64%;
  position: relative;
}

._1st-image {
  z-index: 1;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.moving-image {
  width: 100%;
  border-radius: 9999px;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

._2nd-image {
  z-index: 2;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.last-image {
  z-index: 50;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 32px -24px #000;
}

.testimonial-list-2x {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
}

.link-arrow {
  color: var(--titles-links);
  text-transform: none;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1em;
  font-weight: 400;
}

.careers-section {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

.careers-sidebar {
  padding-top: 4em;
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

.careers-apply-box {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--neutral-700);
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: -2em;
  margin-right: -2em;
  padding: 2em;
  display: grid;
}

.careers-sidebar-tablet {
  display: none;
}

.text-color-violet-300 {
  color: var(--violet-300);
}

.text-color-indigo-300 {
  color: var(--indigo-300);
}

.text-color-sky-300 {
  color: var(--sky-300);
}

.text-color-teal-300 {
  color: var(--teal-300);
}

.text-color-violet-500 {
  color: var(--violet-500);
}

.stats-4x-1st {
  background-color: var(--amber-400);
  color: var(--amber-800);
  transform-style: preserve-3d;
  border-radius: .25em;
  padding: 2em;
  transform: translate(-1em, -2em)rotateX(-17deg)rotateY(26deg)rotateZ(-9deg);
}

.stats-4x-2nd {
  background-color: var(--green-600);
  color: var(--green-900);
  transform-style: preserve-3d;
  border-radius: .25em;
  padding: 2em;
  transform: translate(-.3em, -1.3em)rotateX(14deg)rotateY(14deg)rotateZ(6deg);
}

.stats-4x-3rd {
  background-color: var(--cyan-500);
  color: var(--cyan-800);
  transform-style: preserve-3d;
  border-radius: .25em;
  padding: 2em;
  transform: translate(-1.9em, -1em)rotateX(14deg)rotateY(6deg)rotateZ(-14deg);
}

.stats-4x-4th {
  background-color: var(--indigo-500);
  color: var(--indigo-800);
  transform-style: preserve-3d;
  border-radius: .25em;
  padding: 2em;
  transform: translate(-1.9em, -1em)rotateX(14deg)rotateY(-43deg)rotateZ(9deg);
}

.logomark-wrap {
  width: 8em;
  height: 6em;
  text-align: center;
  border-radius: 28%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tweet-list {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.tweet-column {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.customer-section {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 20em 1fr;
}

.customer-logo {
  z-index: 1;
  width: 6em;
  height: 6em;
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  display: flex;
  position: relative;
}

.customer-quick-facts {
  background-color: var(--neutral-800);
  margin-bottom: 2em;
  padding: 2em;
}

.customer-sidebar {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.side-by-side-1-to-2 {
  width: 100%;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: .75fr 2fr;
  align-items: center;
}

.testimonial-with-avatar-list {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
}

.testimonial-with-avatar {
  text-align: center;
  border-radius: .5em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.testimonial-avatar-top {
  width: 6em;
  height: 6em;
  border: 3px solid var(--white);
  object-fit: cover;
  border-radius: 9999px;
  margin-top: -3em;
  margin-bottom: 2em;
  position: relative;
  overflow: hidden;
}

.ui-snippet {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  border-radius: .5em;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-items: center;
  padding: 1em 1.5em;
  display: grid;
}

.width-32em {
  width: 32em;
}

.customer-stats {
  z-index: 5;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  position: relative;
}

.customer-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

.team-title {
  color: var(--white);
  line-height: 1;
}

.info-3x {
  grid-column-gap: 2em;
  grid-row-gap: 0.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-left: 10px;
  padding-right: 10px;
}

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

.image-wrapper-2-3.rounded-xs {
  margin-bottom: -56px;
  overflow: hidden;
}

.feature-circle {
  width: 6em;
  height: 6em;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.integrations-4x {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.integration-card {
  background-color: var(--neutral-700);
  padding: 1em;
}

.integration-card.rounded-xs.shadow {
  box-shadow: inset 0 0 0 1px var(--neutral-600), 0 4px 8px -4px var(--neutral-900);
}

.bg-bottom-50 {
  width: 100%;
  height: 50%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.pricing-icon-wrap {
  width: 3em;
  height: 3em;
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  font-family: ICONS ROUNDED, sans-serif;
  font-size: 1.25em;
  display: flex;
}

.pricing-icon-wrap.bg-neutral-700.shadow {
  box-shadow: inset 0 0 0 1px var(--neutral-600), 0 4px 8px -4px var(--neutral-900);
}

.footer-grid {
  z-index: 5;
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
  position: relative;
}

.template-thumb-image-scroll {
  z-index: 5;
  width: 100%;
  object-fit: contain;
  line-height: 1;
  position: absolute;
}

.text-link-primary {
  color: var(--primary-izt-blue);
}

.text-link-primary:hover {
  opacity: .75;
  border-bottom-color: rgba(0, 0, 0, 0);
}

.nav-link-content-list {
  z-index: 1;
  width: 280px;
  grid-column-gap: 64px;
  grid-row-gap: 44px;
  background-color: var(--neutral-800);
  box-shadow: inset 0 0 0 1px var(--neutral-700);
  border-radius: .5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-right: 0;
  padding: 32px 0 32px 32px;
  position: relative;
}

.template-thumb-title {
  letter-spacing: .01em;
  text-transform: none;
  margin-top: 1em;
  font-family: Inter Display;
  font-size: 1em;
  font-weight: 400;
}

.global-styles {
  display: none;
}

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

.opacity-40 {
  opacity: .4;
}

.opacity-75 {
  opacity: .75;
}

.opacity-80 {
  opacity: .8;
}

.opacity-90 {
  opacity: .9;
}

.onboarding-close-last {
  z-index: 1000;
  width: 6.5em;
  height: 2em;
  background-color: var(--primary-izt-blue);
  color: var(--white);
  text-align: center;
  letter-spacing: -.01em;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .75em 0;
  font-family: Inter Display;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  transition: background-color .3s, opacity .3s, box-shadow .3s, color .3s;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 1em;
  left: auto;
  right: 1em;
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0);
}

.onboarding-close-last:hover {
  box-shadow: inset 0 0 200px 200px rgba(0, 0, 0, .15);
}

.left-arrow {
  width: 0;
  height: 0;
  display: none;
}

._3x-box {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: row;
  justify-content: start;
  display: grid;
}

.template-thumb-wrap-static {
  background-color: var(--neutral-800);
  border-radius: .25em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 2em 2em 1em;
  transition: box-shadow .3s, background-color .3s, color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.template-thumb-wrap-static:hover {
  background-color: var(--neutral-700);
}

.changelog-badge {
  color: var(--white);
  text-transform: none;
  border-radius: 9999px;
  padding: .5em 1em;
  font-size: .625em;
  line-height: 1;
  display: inline-block;
  position: relative;
  top: -.25em;
}

.changelog-badge.status {
  background-color: var(--amber-300);
  color: var(--amber-900);
}

.changelog-badge.bug {
  background-color: var(--red-300);
  color: var(--red-900);
}

.onboarding-title {
  color: var(--titles-links);
  letter-spacing: -.02em;
  font-size: 1em;
  font-weight: 600;
}

.image-11 {
  max-width: 100%;
}

.image-12 {
  display: none;
}

.image-13 {
  max-width: 100%;
  margin-top: 9px;
  margin-left: 0;
}

.div-block-3 {
  height: 35px;
  background-color: #da7c7c;
  margin-top: -17px;
  margin-bottom: 0;
}

.text-block-15, .text-block-16 {
  margin-right: 40px;
  font-weight: 700;
}

.text-block-17 {
  font-weight: 600;
}

.div-block-4 {
  display: none;
}

.text-block-18 {
  color: var(--izt-neon-blue);
  cursor: default;
  font-size: 15px;
  font-weight: 600;
}

.div-block-5 {
  margin-right: 0;
  padding-right: 0;
}

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


.nav-link-text-2 {
  color: #ccdae7;
  letter-spacing: -.01em;
  font-size: 14px;
  line-height: 1.5;
}

.nav-link-2 {
  z-index: 1;
  perspective: 800px;
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  color: #ccdae7;
  letter-spacing: .03em;
  padding-left: 20px;
  padding-right: 40px;
  font-size: 15px;
  font-weight: 600;
}

.nav-link-2:hover {
  opacity: 1;
}

.nav-link-2.w--current {
  color: #3b82f6;
}

.nav-link-icon-2 {
  color: #2c3a4b;
  font-family: ICONS ROUNDED, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}

.nav-link-sup-2 {
  height: 14px;
  min-width: 14px;
  background-color: var(--izt-neon-blue);
  color: #0d1117;
  text-align: center;
  border-radius: 9999px;
  padding-top: 2px;
  padding-right: 1px;
  font-size: 8px;
  display: inline-block;
  transform: translate(4px, -60%);
  line-height: 10px;
}

.nav-link-caption-2 {
  height: 32px;
  color: #a7b5c3;
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 10px;
  font-weight: 600;
}

.nav-link-dropdown-list-2 {
  min-width: 200px;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: .5em;
  margin-left: -32px;
  padding: 0;
}

.nav-link-trustpilot-wrap-2 {
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  color: #a7b5c3;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto auto;
  align-items: end;
  font-size: 11px;
  line-height: 1;
}

.nav-link-icon-arrow-2 {
  color: #ccdae7;
  text-transform: none;
  font-family: ICONS SHARP, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.nav-link-icon-arrow-2._1 {
  font-size: 11px;
  line-height: 1;
}

.nav-link-icon-wrap-2 {
  width: 3.5em;
  height: 3.5em;
  color: #2c3a4b;
  text-align: center;
  border-radius: 32%;
  justify-content: center;
  align-items: center;
  margin-right: 2px;
  font-family: ICONS ROUNDED, sans-serif;
  font-weight: 400;
  display: flex;
  box-shadow: inset 0 0 0 1px rgba(33, 38, 45, .6);
}

.nav-link-wrap-2 {
  color: #3f4852;
  font-size: 12px;
  transition-property: none;
}

.text-block-19 {
  font-size: 16px;
}

.mobile-nav-menu {
  align-items: center;
  display: none;
}

.mobile-nav-menu.mobile-nav {
  display: none;
}

.div-block-6 {
  display: flex;
}

.div-block-7, .div-block-8, .div-block-9, .div-block-10 {
  margin-top: 40px;
  padding-top: 10px;
}

.section-under-navbar-copy {
  margin-top: -100px;
  position: relative;
  overflow: hidden;
}

.side-by-side-1-to-1-copy {
  width: 100%;
  max-width: 80em;
  grid-column-gap: 0em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin: 60px auto 74px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.heading-2, .heading-3, .heading-4 {
  color: var(--titles-links);
  padding-bottom: 10px;
}

.heading-5 {
  color: var(--titles-links);
  padding-bottom: 10px;
  font-size: 1.45em;
}

.heading-6 {
  color: var(--titles-links);
  font-size: 3.3em;
  line-height: 1;
}

.heading-7, .heading-8, .heading-9, .heading-10 {
  color: var(--titles-links);
  font-size: 1.6em;
}

.heading-11, .heading-12, .heading-13 {
  color: var(--titles-links);
  font-size: 1.5em;
}

.font-title-copy {
  color: var(--titles-links);
  letter-spacing: -.025em;
  margin-bottom: 10px;
  font-size: 2.5em;
  font-weight: 800;
  position: relative;
}

.font-title-copy.text-color-white {
  color: var(--white);
  padding-right: 20px;
  font-size: 1.5em;
}

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

.font-title-copy.text-color-teal-500 {
  color: var(--teal-500);
}

.font-title-copy.text-color-sky-500 {
  color: var(--sky-500);
}

.font-title-copy.text-color-amber-500 {
  color: var(--amber-500);
}

.font-title-copy {
  color: var(--titles-links);
  letter-spacing: -.025em;
  margin-bottom: 10px;
  font-size: 2.5em;
  font-weight: 800;
  position: relative;
}

.font-title-copy.text-color-white {
  color: var(--white);
}

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

.font-title-copy.text-color-teal-500 {
  color: var(--teal-500);
}

.font-title-copy.text-color-sky-500 {
  color: var(--sky-500);
}

.font-title-copy.text-color-amber-500 {
  color: var(--amber-500);
}

.text-block-20 {
  color: var(--titles-links);
  font-size: 15px;
}

.industry-icon {
  width: 2.75em;
  height: 2.75em;
  border: 3px solid var(--indigo-400);
  background-color: var(--indigo-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--indigo-600), var(--indigo-700));
  box-shadow: inset 0 0 5px 0 var(--indigo-800), 0 8px 24px -8px var(--indigo-400);
  color: var(--indigo-200);
  text-align: center;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.25em;
  display: flex;
}

.industry-icon.red {
  border-color: var(--red-400);
  background-color: var(--red-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--red-600), var(--red-700));
  box-shadow: inset 0 0 5px 0 var(--red-800), 0 8px 24px -8px var(--red-400);
  color: var(--red-200);
}

.industry-icon.teal {
  border-color: var(--teal-400);
  background-color: var(--teal-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--teal-600), var(--teal-700));
  box-shadow: inset 0 0 5px 0 var(--teal-800), 0 8px 24px -8px var(--teal-400);
  color: var(--teal-200);
}

.industry-icon.pink {
  width: 2.4em;
  height: 2.4em;
  border-width: 2px;
  border-color: var(--izt-orange-light);
  background-color: var(--sky-900);
  background-image: linear-gradient(to bottom, var(--primary-izt-blue), var(--primary-izt-blue));
  box-shadow: inset 0 0 5px 0 var(--pink-50), 0 8px 24px -8px var(--blue-300);
  color: var(--izt-light-gray);
  text-align: center;
}

.industry-icon.amber {
  border-color: var(--amber-500);
  background-color: var(--amber-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--amber-600), var(--amber-700));
  box-shadow: inset 0 0 5px 0 var(--amber-800), 0 8px 24px -8px var(--amber-400);
  outline-color: var(--amber-400);
  color: var(--amber-200);
}

.container-lg-copy {
  z-index: 5;
  width: 100%;
  max-width: 80em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
}

.image-background-copy {
  z-index: 0;
  width: 100%;
  height: 100%;
  filter: none;
  object-fit: cover;
  margin-left: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-background-copy.top {
  object-position: 50% 0%;
}



.image-background-copy.top {
  object-position: 50% 0%;
}

.image-14 {
  width: 100px;
}

.content-centered-copy {
  width: 100%;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.section-copy {
  width: 100%;
  padding-top: 2em;
  padding-bottom: 5em;
  display: inline-block;
  position: relative;
}

.section-copy.more-space {
  padding-top: 4em;
  padding-bottom: 10em;
}




.section-copy.bg-tile-top-lg.bg-amber-900 {
  background-color: rgba(120, 53, 15, .43);
}

.section-copy.bg-tile-top.bg-neutral-600 {
  background-image: linear-gradient(to top, var(--background) 33%, rgba(13, 17, 23, 0) 78%), linear-gradient(to bottom, var(--background) 30%, rgba(13, 17, 23, 0) 49%);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  display: block;
}

.section-copy.bg-tile-top.bg-neutral-500 {
  background-color: var(--black);
  background-image: none;
  background-position: 0 0;
}

.footer-1-link-gray-copy {
  opacity: 1;
  color: var(--neutral-400);
  font-size: .875em;
  transition: opacity .25s, color .25s;
}

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

.image-background-copy {
  z-index: 0;
  width: 80%;
  height: 100%;
  filter: none;
  object-fit: cover;
  margin-left: 40px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-background-copy.top {
  object-position: 50% 0%;
}


.section-copy.more-space {
  padding-top: 4em;
  padding-bottom: 10em;
}


.section-copy.bg-tile-top-lg.bg-amber-900 {
  background-color: rgba(120, 53, 15, .43);
}

.section-copy.bg-tile-top.bg-neutral-600 {
  background-image: linear-gradient(to top, var(--background) 33%, rgba(13, 17, 23, 0) 78%), linear-gradient(to bottom, var(--background) 30%, rgba(13, 17, 23, 0) 49%);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  display: block;
}

.section-copy.bg-tile-top.bg-neutral-500 {
  background-color: var(--black);
  background-image: none;
  background-position: 0 0;
}

.title-md-2 {
  color: #ccdae7;
  letter-spacing: -.05em;
  font-size: 3.5em;
  font-weight: 700;
  line-height: 1;
}

.title-md-2._20ch {
  max-width: 20ch;
}

.container-lg-2 {
  z-index: 5;
  width: 100%;
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
}

.about-title-wrap-2 {
  color: #fff;
  text-align: center;
  margin-bottom: 530px;
  position: absolute;
  top: auto;
  bottom: 4em;
  left: 0%;
  right: 0%;
}

.section-under-navbar-2 {
  margin-top: 0;
  position: relative;
  overflow: hidden;
}

.image-bg-cover-copy {
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: .55;
  filter: grayscale();
  mix-blend-mode: multiply;
  object-fit: cover;
  background-color: var(--background);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-bg-cover-copy.luminosity {
  mix-blend-mode: luminosity;
}

.text-gradient__1-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(207deg, #f0ad68 33%, #26d5bf 74%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.text-gradient__2-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(28deg, #31b3ec 29%, #f89aa6 82%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.line-animated-2 {
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, #21262d, rgba(33, 38, 45, 0));
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.title-2xl-2 {
  color: #ccdae7;
  letter-spacing: -.05em;
  font-size: 6em;
  font-weight: 700;
  line-height: 1.1;
}

.font-title-2 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.image-background-2 {
  z-index: 0;
  width: 90%;
  height: 100%;
  filter: none;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.button-outlined-2 {
  color: #a7b5c3;
  text-align: center;
  letter-spacing: -.02em;
  border-radius: .25em;
  justify-content: center;
  align-items: center;
  padding: .75em;
  font-size: 1em;
  line-height: 1;
  transition: background-color .3s, opacity .3s, box-shadow .3s, color .3s;
  display: flex;
  box-shadow: inset 0 0 0 1px #272e35;
}

.button-outlined-2:hover {
  color: #fff;
  box-shadow: inset 0 0 0 1px #fff;
}

.title-xl-2 {
  color: #ccdae7;
  letter-spacing: -.03em;
  font-size: 5em;
  font-weight: 800;
  line-height: 1;
}

.title-xl-2._12ch {
  max-width: 20ch;
  margin-left: auto;
  margin-right: auto;
}

.text-gradient__teal-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(243deg, #3dd875 23%, #0eb2a0 87%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.section-2 {
  width: 100%;
  padding-top: 5em;
  padding-bottom: 4em;
  position: relative;
}

.bg-tile-middle-3.bg-indigo-900 {
  padding-top: 0;
  padding-bottom: 40px;
}

.line-animated-3 {
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, #21262d, rgba(33, 38, 45, 0));
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.font-title-3 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.image-background-3 {
  z-index: 0;
  width: 100%;
  height: 100%;
  filter: none;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.button-outlined-3 {
  color: #a7b5c3;
  text-align: center;
  letter-spacing: -.02em;
  border-radius: .25em;
  justify-content: center;
  align-items: center;
  padding: .75em;
  font-size: 1em;
  line-height: 1;
  transition: background-color .3s, opacity .3s, box-shadow .3s, color .3s;
  display: flex;
  box-shadow: inset 0 0 0 1px #272e35;
}

.button-outlined-3:hover {
  color: #fff;
  box-shadow: inset 0 0 0 1px #fff;
}

.container-md-2 {
  z-index: 5;
  width: 100%;
  max-width: 56em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.container-md-2.fade-in-on-scroll {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.image-bg-cover-2 {
  z-index: 0;
  width: 100%;
  height: 100%;
  filter: grayscale();
  mix-blend-mode: multiply;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-bg-cover-2.luminosity {
  mix-blend-mode: luminosity;
}

.image-bg-cover-2.luminosity.opacity-30 {
  opacity: .74;
  mix-blend-mode: multiply;
}

.image-bg-cover-2.opacity-15 {
  opacity: .55;
  filter: grayscale();
  display: none;
}

.section-3 {
  width: 100%;
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.section-3.more-space {
  padding-top: 10em;
  padding-bottom: 10em;
}

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

.font-title-4 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.font-title-4.text-color-white, .text-color-white-3, .text-color-white-3-copy {
  color: #fff;
}

.side-by-side-1-to-1-copy {
  width: 100%;
  max-width: 80em;
  grid-column-gap: 0em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin: 40px auto 74px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.button-animated-2 {
  z-index: 5;
  color: #fff;
  text-align: center;
  letter-spacing: -.03em;
  background-color: #0052cc;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .75em 1.25em;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
  transition: color .2s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-label-2 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-4 {
  width: 100%;
  padding-top: 5em;
  position: relative;
}

.text-span-4 {
  background-image: linear-gradient(to bottom, rgba(132, 216, 219, 0) 70%, #0052cc 71%, var(--primary-izt-dark-blue) 74%);
  color: #fff;
}

.shift-body-2 {
  z-index: 0;
  background-color: #171e25;
  border-radius: .5em;
  flex: 1;
  margin-top: 4em;
  margin-left: -4em;
  padding: 6em 4em 6em 8em;
  position: relative;
  overflow: hidden;
}

.heading-14 {
  color: #ccdae7;
  background-color: #0d1117;
  border-radius: 3px;
  padding: 4px 8px 6px;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
}

.bg-pattern-image-2 {
  z-index: 0;
  width: 100%;
  object-fit: contain;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.bg-pattern-image-2.cover {
  height: 100%;
  object-fit: cover;
}

.title-sm-2 {
  color: #ccdae7;
  letter-spacing: -.04em;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.1;
}

.heading-copy-2 {
  color: #a7b5c3;
  background-color: #0d1117;
  border-radius: 3px;
  margin-top: -4px;
  padding: 4px 8px 6px;
  font-size: 12px;
  line-height: 1;
  display: block;
}

.image-background-4 {
  z-index: 0;
  width: 100%;
  height: 100%;
  filter: none;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.side-by-side-1-to-1-2 {
  width: 100%;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  position: relative;
}

.section-5 {
  width: 100%;
  background-image: linear-gradient(to bottom, var(--background), var(--background));
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.section-icon-2 {
  width: 2.75em;
  height: 2.75em;
  color: #bcc6ee;
  text-align: center;
  background-color: #4036be;
  background-image: radial-gradient(circle farthest-side at -50%, #524add, #4036be);
  border: 3px solid #7f89ec;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.25em;
  display: flex;
  box-shadow: inset 0 0 5px #2e2799, 0 8px 24px -8px #7f89ec;
}

.section-icon-2.teal {
  color: #92f3e0;
  background-color: #097068;
  background-image: radial-gradient(circle farthest-side at -50%, #089084, #097068);
  border-color: #26d5bf;
  box-shadow: inset 0 0 5px #0a5c57, 0 8px 24px -8px #26d5bf;
}

.section-icon-2.pink {
  color: #f6c8e3;
  background-color: #ce1562;
  background-image: radial-gradient(circle farthest-side at -50%, #e22a7c, #ce1562);
  border-color: #ee6db1;
  box-shadow: inset 0 0 5px #a5144e, 0 8px 24px -8px #ee6db1;
}

.text-gradient__indigo-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(351deg, #31b3ec 23%, #524add 87%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.max-width-xl-2 {
  width: 100%;
  max-width: 40em;
}

.steps-line-2 {
  width: 1px;
  background-color: #1e252c;
  flex: 1;
  margin-top: .5em;
  margin-bottom: -1.5em;
}

.title-sm-3 {
  color: #ccdae7;
  letter-spacing: -.04em;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.1;
}

.title-sm-3._20ch {
  max-width: 20ch;
}

.line-animated-4 {
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, #21262d, rgba(33, 38, 45, 0));
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.steps-icon-2 {
  height: 2em;
  min-width: 2em;
  border-radius: 32%;
  justify-content: center;
  align-items: center;
  font-size: .75em;
  line-height: 1;
  display: flex;
  box-shadow: inset 0 0 0 1px #272e35;
}

.row-md-2 {
  z-index: 5;
  grid-column-gap: 0;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  display: grid;
  position: relative;
}

.history-card-2 {
  width: 100%;
  height: 100%;
  background-color: #171e25;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5em;
  display: flex;
}

.font-title-5 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.image-background-5 {
  z-index: 0;
  width: 100%;
  height: 100%;
  filter: none;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.column-base-3 {
  z-index: 5;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
  position: relative;
}

.column-base-3.content-centered {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.title-xs-2 {
  z-index: 5;
  color: #ccdae7;
  letter-spacing: -.03em;
  font-size: 2.5em;
  font-weight: 800;
  line-height: 1.1;
  position: relative;
}

.title-xl-3 {
  color: #ccdae7;
  letter-spacing: -.03em;
  font-size: 5em;
  font-weight: 800;
  line-height: 1;
}

.text-xl-copy {
  letter-spacing: -.01em;
  font-size: 1.5em;
}

.text-xl-copy._40ch {
  max-width: 50ch;
  font-size: 1.3em;
}

.text-xl-copy._52ch {
  max-width: 52ch;
  font-size: 1.05em;
  line-height: 1.5;
}

.error-2 {
  color: #e23b3b;
  background-color: rgba(248, 113, 113, .1);
  border-radius: .25em;
  font-size: .75em;
  box-shadow: inset 0 0 0 1px rgba(248, 113, 113, .1);
}

.title-lg-2 {
  z-index: 5;
  color: #ccdae7;
  letter-spacing: -.05em;
  font-size: 4em;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
}

.content-centered-2 {
  width: 100%;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.text-gradient__amber-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(191deg, #f1dc39 25%, #c96e05 87%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.line-animated-5 {
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, #21262d, rgba(33, 38, 45, 0));
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.container-md-3 {
  z-index: 5;
  width: 100%;
  max-width: 56em;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.member-name {
  color: var(--titles-links);
  font-size: 1.6em;
}

.content-centered-3 {
  width: 100%;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.section-6 {
  width: 100%;
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.line-animated-6 {
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, #21262d, rgba(33, 38, 45, 0));
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.title-md-copy {
  color: var(--titles-links);
  letter-spacing: -.05em;
  font-size: 3.5em;
  font-weight: 700;
  line-height: 1;
}

.title-md-copy._20ch {
  max-width: 20ch;
  font-size: 3.3em;
}

.button-copy {
  background-color: var(--primary-izt-blue);
  color: var(--white);
  text-align: center;
  letter-spacing: -.01em;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  margin-left: 0;
  margin-right: 0;
  padding: .75em 1.25em;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
  transition: background-color .3s, opacity .3s, box-shadow .3s, color .3s;
  display: block;
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0);
}

.button-copy:hover {
  box-shadow: inset 0 0 200px 200px rgba(0, 0, 0, .15);
}

.button-copy.button-outline.large {
  font-size: 1.5em;
}

.button-copy.small {
  font-size: .75em;
}

.div-block-12 {
  margin-right: 21px;
  padding-right: 0;
}

.div-block-13 {
  margin-right: 24px;
}

.button-2 {
  background-color: var(--primary-izt-dark-blue);
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .75em 1.25em;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
  transition: background-color .3s, opacity .3s, box-shadow .3s, color .3s;
  display: flex;
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0);
  cursor: pointer;
  border: none;

}

.button-2::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to left, var(--blue-900) 0%, var(--primary-izt-dark-blue) 25%, var(--primary-izt-blue) 100%);
  z-index: -1;
  transition: opacity 240ms linear;
  opacity: 0;
}

.button-2:hover::before {
  opacity: 1;
}

.section-7 {
  width: 100%;
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

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

.sign-up-field-icon-2 {
  color: #5b6d83;
  font-family: ICONS ROUNDED, sans-serif;
  font-size: .75em;
  line-height: 1;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 1em;
  right: auto;

}

.checkbox-2 {
  width: 1.3em;
  height: 1.3em;
  border-color: #272e35;
  margin-top: 0;
  margin-left: -2em;
}

.checkbox-2:hover {
  border-color: #3f4852;
}

.checkbox-2.w--redirected-checked {
  background-color: #3aecba;
  background-size: 50%;
  border-color: #3aecba;
}

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

.sign-up-text-field-2 {
  height: 3.5em;
  color: #ccdae7;
  background-color: #171e25;
  border: 1px #000;
  margin-bottom: 0;
  padding: 1em 1.125em 1em 3em;
  font-size: 80%;
  font-weight: 400;
  line-height: 1;
  transition: background-color .25s, box-shadow .25s;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
}

.sign-up-text-field-2:hover {
  background-color: #1e252c;
}

.sign-up-text-field-2:active {
  color: #ccdae7;
}

.sign-up-text-field-2:focus {
  box-shadow: inset 0 0 0 1px #3f4e61;
}

.sign-up-text-field-2::-ms-input-placeholder {
  color: #a7b5c3;
}

.sign-up-text-field-2::placeholder {
  color: #a7b5c3;
}

.sign-up-text-field-2.first {
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
}

.sign-up-text-field-2.last {
  border-bottom-right-radius: .5em;
  border-bottom-left-radius: .5em;
}

.text-link-2 {
  color: var(--izt-neon-blue);
  -webkit-text-stroke-color: var(--izt-neon-blue);
}

.text-link-2:hover {
  opacity: .75;
  border-bottom-color: rgba(0, 0, 0, 0);
}

.font-title-6 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.font-title-6.text-color-white {
  color: var(--accent);
}

.image-background-6 {
  z-index: 0;
  width: 100%;
  height: 100%;
  filter: none;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-2xl-copy {
  z-index: 5;
  color: var(--titles-links);
  letter-spacing: -.02em;
  font-size: 1.875em;
  font-weight: 600;
  position: relative;
}

.text-2xl-copy._32ch {
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  font-size: 1.7em;
}

.column-base-copy {
  z-index: 5;
  width: 90%;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
  position: relative;
}

.column-base-copy.content-centered {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.text-2xl-copy {
  z-index: 5;
  color: var(--titles-links);
  letter-spacing: -.02em;
  font-size: 1.875em;
  font-weight: 600;
  position: relative;
}

.text-2xl-copy._32ch {
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.7em;
}

.text-2xl-copy {
  z-index: 5;
  color: var(--titles-links);
  letter-spacing: -.02em;
  font-size: 1.875em;
  font-weight: 600;
  position: relative;
}

.text-2xl-copy._32ch {
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.7em;
}

.text-2xl-copy {
  z-index: 5;
  color: var(--titles-links);
  letter-spacing: -.02em;
  font-size: 1.875em;
  font-weight: 600;
  position: relative;
}

.text-2xl-copy._32ch {
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.7em;
}

.text-2xl-copy {
  z-index: 5;
  color: var(--titles-links);
  letter-spacing: -.02em;
  font-size: 1.875em;
  font-weight: 600;
  position: relative;
}

.text-2xl-copy._32ch {
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.7em;
}

.text-2xl-copy {
  z-index: 5;
  color: var(--titles-links);
  letter-spacing: -.02em;
  font-size: 1.875em;
  font-weight: 600;
  position: relative;
}

.text-2xl-copy._32ch {
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.7em;
}

.text-2xl-copy {
  z-index: 5;
  color: var(--titles-links);
  letter-spacing: -.02em;
  font-size: 1.875em;
  font-weight: 600;
  position: relative;
}

.text-2xl-copy._32ch {
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.7em;
}

.text-2xl-copy {
  z-index: 5;
  color: var(--titles-links);
  letter-spacing: -.02em;
  font-size: 1.875em;
  font-weight: 600;
  position: relative;
}

.text-2xl-copy._32ch {
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.7em;
  line-height: 1.2;
}

.text-2xl-copy {
  z-index: 5;
  color: var(--titles-links);
  letter-spacing: -.02em;
  font-size: 1.875em;
  font-weight: 600;
  position: relative;
}

.text-2xl-copy._32ch {
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.7em;
}

.accordion-icon-stripe-3 {
  width: 100%;
  height: 1px;
  background-color: var(--primary-izt-dark-blue);
  position: absolute;
}

.light-line-2 {
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, rgba(13, 17, 23, 0), #21262d 50%, rgba(13, 17, 23, 0));
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.accordion-divider-2 {
  height: 0;
  border-top: 1px solid #21262d;
}

.font-title-7 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.accordion-icon-stripe-4 {
  width: 1px;
  height: 100%;
  background-color: var(--primary-izt-dark-blue);
}

.text-gradient__indigo-red-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(207deg, #e23b3b 23%, #6668eb 87%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.container-md-4 {
  z-index: 5;
  width: 100%;
  max-width: 56em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.browser-top-bar-2 {
  z-index: 10;
  color: #3f4852;
  justify-content: space-between;
  align-items: center;
  padding: 10px 1.25em;
  font-family: ICONS FILLED, sans-serif;
  display: flex;
}

.browser-top-bar-2.underlined {
  border-bottom: 1px solid #1e252c;
}

.browser-top-bar-2.underlined.white {
  border-bottom-color: rgba(100, 116, 139, .25);
}

.button-animated-3 {
  z-index: 5;
  background-color: var(--primary-izt-dark-blue);
  color: #fff;
  text-align: center;
  letter-spacing: -.03em;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .75em 1.25em;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
  transition: color .2s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-animated-3.large {
  font-size: 1.5em;
}

.button-label-3 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-color-red-400-2 {
  color: #ec6464;
}

.max-width-xl-3 {
  width: 100%;
  max-width: 40em;
}

.text-color-cyan-400-2 {
  color: #1acee9;
}

.title-xl-4 {
  color: #ccdae7;
  letter-spacing: -.03em;
  font-size: 4.5em;
  font-weight: 800;
  line-height: 1;
  margin-top: 80px;
  margin-bottom: -90px;
}

.section-under-navbar-3 {
  margin-top: -100px;
  position: relative;
  overflow: hidden;
}

.section-9 {
  width: 100%;
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.max-width-xl-4 {
  width: 100%;
  max-width: 40em;
}

.tabs-menu-side-link-2 {
  color: #a7b5c3;
  background-color: #171e25;
  border-radius: .5em;
  padding: 1.5em;
  box-shadow: inset 0 0 0 1px #1e252c;
}

.tabs-menu-side-link-2.w--current {
  background-color: #222d3b;
  box-shadow: 0 0 24px -12px #1b2435, inset 0 0 0 1px #313c4d;
}

.accordion-arrow-2 {
  color: #fff;
  font-family: ICONS FILLED, sans-serif;
}

.title-sm-4 {
  color: #ccdae7;
  letter-spacing: -.04em;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.1;
}

.title-sm-4._20ch {
  max-width: 20ch;
}

.text-block-21 {
  color: #8597ad;
}

.font-title-8 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.font-title-8.text-color-white {
  color: #fff;
}

.image-background-7 {
  z-index: 0;
  width: 100%;
  height: 100%;
  filter: none;
  object-fit: cover;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-block-11-copy-2 {
  z-index: 1;
  min-width: 2em;
  color: #ccdae7;
  text-align: center;
  text-transform: none;
  background-color: #0052cc;
  border-radius: 9999px;
  padding-left: .5em;
  padding-right: .5em;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 2;
  position: relative;
  box-shadow: 0 12px 24px -12px #000;
}

.text-block-22 {
  min-width: 2em;
  color: #a7b5c3;
  text-align: center;
  text-transform: uppercase;
  background-color: #272e35;
  border-radius: .375em;
  padding-left: .5em;
  padding-right: .5em;
  font-size: .875em;
  font-weight: 400;
  line-height: 2;
}

.text-block-22.plus {
  background-color: rgba(0, 0, 0, 0);
  font-size: .625em;
}

.snippet-swith-2 {
  width: 2em;
  height: 1em;
  background-color: #3aecba;
  border-radius: 9999px;
  justify-content: flex-end;
  align-items: center;
  padding: 4px 3px;
  display: flex;
  position: relative;
}

.snippet-swith-2.disable {
  background-color: #272e35;
  justify-content: flex-start;
}

.section-10 {
  width: 100%;
  background-color: var(--background);
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.text-gradient__teal-3 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(243deg, #3dd875 23%, #0eb2a0 87%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.snippet-body-2 {
  min-height: 6em;
  background-color: #1e252c;
  border-radius: .375em;
  justify-content: flex-end;
  align-items: flex-start;
  padding: .75em;
  display: flex;
  position: relative;
  box-shadow: 0 0 0 1.5px #171e25, 0 0 0 3px #1e252c;
}

.snippet-body-2.centered {
  justify-content: center;
  align-items: center;
}

.snippet-body-2.stretch {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.text-lg-2 {
  letter-spacing: -.02em;
  font-size: 1.25em;
  line-height: 1.5;
}

.text-lg-2._48ch {
  max-width: none;
  text-align: center;
}

.text-lg-2._36ch {
  max-width: 36ch;
}

.snippet-check-2 {
  width: 1.5em;
  height: 1.5em;
  color: #fff;
  background-color: #3aecba;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  font-family: ICONS FILLED, sans-serif;
  font-size: .75em;
  display: flex;
}

.image-15 {
  width: 1em;
}

.title-sm-5 {
  color: #ccdae7;
  letter-spacing: -.04em;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.1;
}

.text-block-11-copy-copy-2 {
  z-index: 1;
  min-height: 1.75em;
  min-width: 2em;
  color: #ccdae7;
  text-align: center;
  text-transform: none;
  background-image: linear-gradient(270deg, #272e35 2%, rgba(48, 54, 61, 0));
  border-radius: .25em;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 2;
  position: relative;
}

.snippet-dot-2 {
  width: 2px;
  height: 2px;
  opacity: .15;
  background-color: #3aecba;
  border-radius: 24%;
}

.snippet-switch-dot-2 {
  width: .75em;
  height: .75em;
  background-color: #fff;
  border-radius: 9999px;
}

.snippet-word-2 {
  width: 100%;
  height: 5px;
  background-color: #272e35;
  border-radius: 9999px;
}

.how-it-works-number-2 {
  z-index: 5;
  width: 2em;
  height: 2em;
  color: #fff;
  text-align: center;
  background-color: #171e25;
  border: 1px solid #1e252c;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  font-weight: 400;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(-50%, -50%);
}

.snippet-divider-2 {
  width: 100%;
  height: 1px;
  background-color: #272e35;
}

.font-title-9 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.image-contain-2 {
  z-index: 5;
  width: 110%;
  object-fit: contain;
  line-height: 1;
  position: relative;
}

.section-11 {
  width: 100%;
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.section-11.more-space {
  padding-top: 10em;
  padding-bottom: 10em;
}

.image-16 {
  width: 5em;
  height: 5em;
  background-color: #fff;
  border-radius: 9999px;
  margin: .5em;
  padding: 1em;
}

.max-width-xl-5 {
  width: 100%;
  max-width: 40em;
}

.title-sm-6 {
  color: #ccdae7;
  letter-spacing: -.04em;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.1;
}

.title-sm-6._20ch {
  max-width: 20ch;
}

.section-under-navbar-copy {
  margin-top: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.font-title-7-copy {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.button-label-copy {
  z-index: 5;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  display: flex;
  position: relative;
}

.text-gradient__pink-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(304deg, #ec6464 23%, #e22a7c 87%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.text-color-pink-500-2 {
  color: #e22a7c;
}

.material-icons-outlined-2 {
  text-transform: none;
  margin-top: -.05em;
  font-family: ICONS OUTLINED, sans-serif;
}

.section-12 {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-block;
  position: relative;
}

.image-wrapper-3-4-2 {
  width: 100%;
  background-color: #3aecba;
  padding-top: 124%;
  position: relative;
  overflow: hidden;
}

.image-wrapper-3-4-2.rounded-xs.fade-in-on-scroll {
  background-color: rgba(0, 0, 0, 0);
}

.column-base-4 {
  z-index: 5;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
  position: relative;
}

.image-bg-contain-2 {
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: inline-block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.max-width-xl-6 {
  width: 100%;
  max-width: 40em;
}

.font-title-10 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.section-copy-copy {
  width: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
  display: inline-block;
  position: relative;
}

.section-copy-copy.more-space {
  padding-top: 4em;
  padding-bottom: 10em;
}


.section-copy-copy.bg-tile-top-lg.bg-amber-900 {
  background-color: rgba(120, 53, 15, .43);
}

.section-copy-copy.bg-tile-top.bg-neutral-600 {
  background-image: linear-gradient(to top, var(--background) 33%, rgba(13, 17, 23, 0) 78%), linear-gradient(to bottom, var(--background) 30%, rgba(13, 17, 23, 0) 49%);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  display: block;
}

.section-copy-copy.bg-tile-top.bg-neutral-500 {
  background-color: var(--black);
  background-image: none;
  background-position: 0 0;
}

.div-block-14 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.image-17 {
  margin-top: 40px;
}

.container-lg-3 {
  z-index: 5;
  width: 100%;
  max-width: 64em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.section-13 {
  width: 100%;
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.font-title-11 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.image-background-8 {
  z-index: 0;
  width: 100%;
  height: 80%;
  filter: none;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.button-outlined-4 {
  color: #a7b5c3;
  text-align: center;
  letter-spacing: -.02em;
  border-radius: .25em;
  justify-content: center;
  align-items: center;
  padding: .75em;
  font-size: 1em;
  line-height: 1;
  transition: background-color .3s, opacity .3s, box-shadow .3s, color .3s;
  display: flex;
  box-shadow: inset 0 0 0 1px #272e35;
}

.button-outlined-4:hover {
  color: #fff;
  box-shadow: inset 0 0 0 1px #fff;
}

.title-2xl-2-copy {
  color: #ccdae7;
  letter-spacing: -.05em;
  font-size: 4.8em;
  font-weight: 700;
  line-height: 1;
}

.title-lg-copy {
  z-index: 5;
  color: var(--titles-links);
  letter-spacing: -.05em;
  font-size: 4em;
  font-weight: 700;
  line-height: 1.1;
  position: relative;
}

.title-lg-copy._16ch {
  max-width: 16ch;
}

.title-lg-copy._12ch {
  max-width: 12ch;
}

.title-lg-copy._20ch {
  max-width: 20ch;
}

.title-lg-copy.leading-none {
  font-size: 2em;
  line-height: 1.2;
}

.text-gradient__google-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #ec6464, #eecc0b 33%, #3dd875 66%, #31b3ec);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.button-animated-4 {
  z-index: 5;
  color: #fff;
  text-align: center;
  letter-spacing: -.03em;
  background-color: #0052cc;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .75em 1.25em;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
  transition: color .2s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-centered-4 {
  width: 100%;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.section-14 {
  width: 100%;
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.line-horiz-2 {
  height: 1px;
  background-color: var(--neutral-400);
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.container-2xl-2 {
  z-index: 5;
  width: 100%;
  max-width: 80em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  position: relative;
}

.bg-pattern-image-3 {
  width: 100%;
  object-fit: contain;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.line-vert-2 {
  width: 1px;
  background-color: var(--neutral-400);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 50%;
  right: auto;
}

.font-title-12 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.font-title-12.text-color-sky-500 {
  color: #079de0;
}

.font-title-12.text-color-teal-500 {
  color: #0eb2a0;
}

.font-title-12.text-color-amber-500 {
  color: #e49106;
}

.font-title-12.text-color-red-500 {
  color: #e23b3b;
}

.section-15 {
  width: 100%;
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.text-gradient__teal-4 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(243deg, #3dd875 23%, #0eb2a0 87%);
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: .05em;
}

.light-line-3 {
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, rgba(13, 17, 23, 0), #21262d 50%, rgba(13, 17, 23, 0));
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.column-base-5 {
  z-index: 5;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
  position: relative;
}

.image-bg-contain-3 {
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.feature-2x-2 {
  grid-column-gap: 2em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
}

.section-icon-sm-2 {
  width: 2.5em;
  height: 2.5em;
  color: #bcc6ee;
  text-align: center;
  background-color: #4036be;
  background-image: radial-gradient(circle farthest-side at -50%, #524add, #4036be);
  border: 2px solid #7f89ec;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1em;
  display: flex;
  box-shadow: inset 0 0 5px #2e2799, 0 8px 24px -8px #7f89ec;
}

.section-icon-sm-2.teal {
  color: #92f3e0;
  background-color: #097068;
  background-image: radial-gradient(circle farthest-side at -50%, #089084, #097068);
  border-color: #26d5bf;
  outline-color: #26d5bf;
  box-shadow: inset 0 0 5px #0a5c57, 0 8px 24px -8px #26d5bf;
}

.font-title-13 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.image-background-9 {
  z-index: 0;
  width: 100%;
  height: 100%;
  filter: none;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.material-icons-2 {
  text-transform: none;
  font-family: ICONS FILLED, sans-serif;
}

.section-icon-copy {
  width: 2.75em;
  height: 2.75em;
  border: 3px solid var(--indigo-400);
  background-color: var(--indigo-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--indigo-600), var(--indigo-700));
  box-shadow: inset 0 0 5px 0 var(--indigo-800), 0 8px 24px -8px var(--indigo-400);
  color: var(--indigo-200);
  text-align: center;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: ICONS SHARP, sans-serif;
  font-size: 1.25em;
  display: flex;
}

.section-icon-copy.red {
  border-color: var(--red-400);
  background-color: var(--red-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--red-600), var(--red-700));
  box-shadow: inset 0 0 5px 0 var(--red-800), 0 8px 24px -8px var(--red-400);
  color: var(--red-200);
}

.section-icon-copy.teal {
  border-color: var(--teal-400);
  background-color: var(--teal-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--teal-600), var(--teal-700));
  box-shadow: inset 0 0 5px 0 var(--teal-800), 0 8px 24px -8px var(--teal-400);
  color: var(--teal-200);
}

.section-icon-copy.pink {
  width: 2.2em;
  height: 2.2em;
  border-color: var(--izt-orange-light);
  background-color: var(--sky-900);
  background-image: linear-gradient(279deg, var(--blue-900), var(--izt-neon-blue) 89%);
  box-shadow: inset 0 0 5px 0 var(--pink-50), 0 8px 24px -8px var(--blue-300);
  color: var(--izt-orange-light);
  text-align: center;
}

.section-icon-copy.amber {
  border-color: var(--amber-500);
  background-color: var(--amber-700);
  background-image: radial-gradient(circle farthest-side at -50% 50%, var(--amber-600), var(--amber-700));
  box-shadow: inset 0 0 5px 0 var(--amber-800), 0 8px 24px -8px var(--amber-400);
  outline-color: var(--amber-400);
  color: var(--amber-200);
}

.image-contain-2-copy {
  z-index: 5;
  width: 110%;
  max-width: 110%;
  object-fit: contain;
  margin-top: 15px;
  line-height: 1;
  position: relative;
}

.section-16 {
  width: 100%;
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.max-width-xl-7 {
  width: 100%;
  max-width: 40em;
}

.tabs-menu-side-link-3 {
  color: #a7b5c3;
  background-color: #171e25;
  border-radius: .5em;
  padding: 1.5em;
  box-shadow: inset 0 0 0 1px #1e252c;
}

.tabs-menu-side-link-3.w--current {
  background-color: #222d3b;
  box-shadow: 0 0 24px -12px #1b2435, inset 0 0 0 1px #313c4d;
}

.title-sm-7 {
  color: #ccdae7;
  letter-spacing: -.04em;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.1;
}

.title-sm-7._20ch {
  max-width: 20ch;
}

.text-block-23 {
  color: #8597ad;
}

.font-title-14 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.font-title-14.text-color-white {
  color: #fff;
}

.image-background-10 {
  z-index: 0;
  width: 100%;
  height: 100%;
  filter: none;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.max-width-xl-8 {
  width: 100%;
  max-width: none;
}

.title-sm-8 {
  color: #ccdae7;
  letter-spacing: -.04em;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.1;
}

.title-sm-8._20ch {
  max-width: none;
  text-align: center;
}

.div-block-15 {
  margin-left: auto;
}

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

.margin-bottom-copy.margin-lg {
  margin-bottom: .5em;
}

.margin-bottom-copy.margin-4xl {
  margin-top: 60px;
  margin-bottom: 0;
}

.text-lg-copy {
  text-align: center;
  letter-spacing: -.02em;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.25em;
  line-height: 1.5;
}

.text-lg-copy._52ch {
  max-width: 52ch;
}

.text-lg-copy._48ch {
  max-width: 48ch;
  font-size: 1.05em;
}

.text-lg-copy._36ch {
  max-width: 36ch;
}

.text-lg-copy._32ch {
  max-width: 32ch;
}

.text-lg-copy._48ch {
  max-width: 48ch;
  max-width: 48ch;
}

.content-centered-5 {
  width: 100%;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.section-17 {
  width: 100%;
  padding-top: 0;
  padding-bottom: 4em;
  position: relative;
}

.text-2xl-2 {
  z-index: 5;
  color: #ccdae7;
  letter-spacing: -.02em;
  font-size: 1.875em;
  font-weight: 600;
  position: relative;
}

.info-3x-2 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.font-title-15 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.image-background-11 {
  z-index: 0;
  width: 100%;
  height: 100%;
  filter: none;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.material-icons-round-copy {
  text-transform: none;
  font-family: ICONS ROUNDED, sans-serif;
  font-weight: 400;
}

.material-icons-round-copy.text-color-black {
  color: var(--izt-white-gray);
  -webkit-text-stroke-color: var(--izt-white-gray);
}

.material-icons-round-copy {
  text-transform: none;
  font-family: ICONS ROUNDED, sans-serif;
  font-weight: 400;
}

.material-icons-round-copy.text-color-black {
  color: var(--izt-white-gray);
  -webkit-text-stroke-color: var(--izt-white-gray);
  color: var(--izt-black);
}

.font-title-15-copy {
  color: #ccdae7;
  letter-spacing: -.025em;
  color: #ccdae7;
  letter-spacing: -.025em;
  font-size: 1.3em;
  font-weight: 500;
  position: relative;
}

.font-title-6-copy {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.font-title-6-copy.text-color-white {
  color: var(--primary-izt-dark-blue);
}

.font-title-16 {
  color: #ccdae7;
  letter-spacing: -.025em;
  position: relative;
}

.font-title-16.text-color-sky-500 {
  color: #079de0;
}

.font-title-16.text-color-teal-500 {
  color: #0eb2a0;
}

.font-title-16.text-color-amber-500 {
  color: #e49106;
}

.font-title-16.text-color-red-500 {
  color: #e23b3b;
}

.button-outlined-4-copy {
  width: 60%;
  color: #a7b5c3;
  background-color: transparent;
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 2em;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5em .5em;
  font-size: 1em;
  line-height: 1;
  transition: background-color .3s, opacity .3s, box-shadow .3s, color .3s;
  display: flex;
  box-shadow: inset 0 0 0 1px var(--neutral-500);
}

.button-outlined-4-copy:hover {
  color: #fff;
  box-shadow: inset 0 0 0 1px #fff;
}

.text-block-24 {
  font-size: 1.3em;
  font-weight: 600;
}

.flowy-box {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: row;
  justify-content: start;
  display: grid;
}
.flowy-box > .rounded-xs.scroll-fade:first-child {
  padding-top:100px;
  border-radius: 10px;

}
.flowy-box > .rounded-xs.scroll-fade:nth-child(2) {
  padding-top:10px; padding-bottom: 90px;
  border-radius: 10px;

}
.flowy-box > .rounded-xs.scroll-fade:nth-child(3) {
  padding-top:40px; padding-bottom: 60px;
  border-radius: 10px;

}
.flowy-box > .rounded-xs.scroll-fade:nth-child(4) {
  margin-top: -140px; margin-bottom: 320px;
}

  @media screen and (max-width: 991px) {
    .flowy-box {
      grid-template-columns: 1fr 1fr;
      padding-left: 50px;
      padding-right: 50px;
    }
    .flowy-box > .rounded-xs.scroll-fade:first-child {
      padding-top: 5px;

    }
    .flowy-box > .rounded-xs.scroll-fade:nth-child(2) {
      margin-top: -80px;
    }
    .flowy-box > .rounded-xs.scroll-fade:nth-child(3) {
      padding-top:0;
      padding-bottom: 0;
    }
    .flowy-box > .rounded-xs.scroll-fade:nth-child(4) {
      margin-top: -80px;
    }
    .how-it-works-item-1 {
      margin-left: 40px;
      margin-bottom: 40px;
      width: 45%;
    }
    ._3x-box {
      grid-template-columns: 1fr 1fr;
      padding-left: 50px;
      padding-right: 50px;
    }
    .text-xl._52ch {
      font-size: 1.5em;
    }
    .button-animated.large.button-outline, .button-animated.large.button-outline-copy {
      width: 60%;
      margin-left: auto;
      margin-right: auto;
    }

    .section.more-space {
      padding-top: 2em;
      padding-bottom: 5em;
    }


    .section.bg-tile-middle-lg.bg-amber-900 {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    }

    .title-sm {
      text-align: center;
      margin-top: 10px;
      font-size: 2.8em;
      margin-left: 0;
    }

    .title-xl {
      font-size: 5em;
    }

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

    .title-xs {
      font-size: 2.25em;
    }

    .padding-xl {
      padding: 1.625em;
    }

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

    .column-lg.content-centered {
      margin-top: 40px;
      padding-top: 20px;
    }

    .title-md {
      font-size: 3.5em;
    }

    .title-md._20ch {
      margin-bottom: 20px;
      font-size: 2.8em;
    }

    .title-lg {
      font-size: 3.25em;
    }

    .title-lg.leading-none {
      font-size: 3em;
      font-weight: 600;
    }

    .column-base {
      width: 100%;
    }

    .column-base.content-centered {
      margin-bottom: 20px;
    }

    .image-background {
      margin-left: auto;
      margin-right: auto;
    }

    .example-color-badge {
      top: 14px;
      bottom: auto;
    }

    .text-2xl._32ch {
      text-align: center;
      margin-left: auto;
    }

    .padding-lg {
      padding: 1.375em;
    }

    .padding-lg.bg-neutral-800 {
      height: 100%;
      padding-bottom: 1em;
    }

    .row-md {
      margin-left: 40px;
      margin-right: 40px;
    }

    .image-contain {
      border-width: 0;
      margin-left: 29px;
       }

    .feature-4-column {
      grid-template-columns: 1fr 1fr;
      grid-auto-flow: row;
    }

    .material-icons-outlined {
      display: flex;
    }

    .component-name {
      background-color: #091e42;
    }

    .component-name:hover {
      background-color: #181b1e;
    }

    .team-pricing {
      max-width: 24em;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }

    .header-team-pricing {
      padding-top: 2em;
      padding-left: 2em;
      padding-right: 2em;
    }

    .description-team-pricing {
      padding-bottom: 2em;
      padding-left: 2em;
      padding-right: 2em;
    }

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

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

    .pricing-cell-1st {
      flex-direction: column;
      align-items: flex-start;
    }

    .post-thumb-simple {
      width: 50%;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }

    .post-thumb-simple._2x {
      width: 100%;
    }

    .team-5x-sm {
      width: 75%;
      grid-row-gap: 2em;
      grid-template-columns: 1fr 1fr 1fr;
      margin-left: auto;
      margin-right: auto;
    }

    .lightbox-video-3-column {
      width: 75%;
      grid-template-columns: 1fr;
      grid-auto-flow: row;
      margin-left: auto;
      margin-right: auto;
    }

    .tab-link-simple {
      flex: none;
    }

    .tab-simple-menu {
      width: 100%;
      display: flex;
      overflow: scroll;
    }

    .feature-3-column {
      width: 75%;
      grid-template-columns: 1fr;
      grid-auto-flow: row;
      margin-left: auto;
      margin-right: auto;
    }

    .padding-2xl {
      padding: 1.875em;
    }

    .title-2xl {
      font-size: 4em;
    }

    .example-2x {
      grid-column-gap: 1em;
      grid-row-gap: 1em;
    }

    .row-base.column-tablet {
      grid-auto-flow: row;
    }

    .margin-lg {
      margin: 1.375em;
    }

    .margin-xl {
      margin: 1.625em;
    }

    .margin-2xl {
      margin: 1.875em;
    }

    .margin-3xl {
      margin: 2.125em;
    }

    .margin-4xl {
      margin: 2.25em;
    }

    .margin-5xl {
      margin: 2.75em;
    }

    .padding-3xl {
      padding: 2.125em;
    }

    .padding-4xl {
      padding: 2.25em;
    }

    .hide, .hide-tablet {
      display: none;
    }

    .show {
      display: block;
    }

    .max-width-2xl.margin-auto {
      padding-left: 20px;
      padding-right: 20px;
    }

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

    .feature-4-column-sm {
      width: 75%;
      grid-template-columns: 1fr 1fr;
      grid-auto-flow: row;
      margin-left: auto;
      margin-right: auto;
    }

    .example-4x, .example-3x {
      grid-column-gap: 1em;
      grid-row-gap: 1em;
    }

    .example-color-row {
      grid-row-gap: 1em;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .example-color-grid {
      grid-row-gap: 4px;
    }

    .books-list {
      width: 65%;
      grid-column-gap: .5em;
      grid-template-columns: 1fr 1fr;
      grid-auto-flow: row;
      margin-left: auto;
      margin-right: auto;
    }

    .padding-6xl {
      padding: 3.5em;
    }

    .padding-7xl {
      padding: 4.5em;
    }

    .padding-8xl {
      padding: 5.5em;
    }

    .padding-9xl {
      padding: 7em;
    }

    .padding-10xl {
      padding: 8.5em;
    }

    .padding-11xl {
      padding: 10em;
    }

    .padding-0 {
      padding: 0;
    }

    .margin-6xl {
      margin: 3.5em;
    }

    .margin-7xl {
      margin: 4.5em;
    }

    .margin-8xl {
      margin: 5.5em;
    }

    .margin-9xl {
      margin: 7em;
    }

    .margin-10xl {
      margin: 8.5em;
    }

    .margin-11xl {
      margin: 10em;
    }

    .letters-normal-tablet {
      letter-spacing: 0;
    }

    .letters-loose-tablet {
      letter-spacing: .025em;
    }

    .letters-looser-tablet {
      letter-spacing: .05em;
    }

    .letters-tight-tablet {
      letter-spacing: -.025em;
    }

    .letters-tighter-tablet {
      letter-spacing: -.05em;
    }

    .show-tablet {
      display: block;
    }

    .leading-none-tablet {
      line-height: 1;
    }

    .leading-looser-tablet {
      line-height: 2;
    }

    .leading-loose-tablet {
      line-height: 1.625;
    }

    .leading-normal-tablet {
      line-height: 1.5;
    }

    .leading-tight-tablet {
      line-height: 1.375;
    }

    .leading-tighter-tablet {
      line-height: 1.25;
    }

    .padding-5xl {
      padding: 2.75em;
    }

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

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

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

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

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

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

    .margin-top.margin-9xl {
      margin-top: 0;
    }


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

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

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

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

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

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

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

    .footer-1-cta-grid {
      text-align: center;
      grid-template-columns: 1fr;
      justify-items: center;
    }

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

    .template-thumb-wrap {
      min-height: auto;
    }

    .cms-work-2x-link {
      flex-direction: column;
    }

    .text-work-link {
      padding-top: 2vw;
    }

    .lightbox-play-animated:hover {
      padding-right: .5em;
    }

    .hero-grid-halves {
      max-width: 512px;
      text-align: center;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }

    .nav-link {
      justify-content: flex-start;
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;
      padding: 0;
      display: inline-block;
    }

    .nav-link._1st {
      padding-left: 32px;
    }

    .navbar-nav-menu {
      background-color: var(--neutral-700);
      border-radius: 0;
      margin-top: 0;
      padding-top: 0;
      display: block;
      overflow: scroll;
    }

    .navbar-nav-menu.mobile-nav {
      margin-top: 100px;
      padding-top: 0;
      display: block;
    }

    .menu-button {
      width: 48px;
      height: 48px;
      color: var(--text);
      border-radius: 9999px;
      padding: 0;
      font-size: 16px;
    }

    .menu-button.w--open {
      background-color: rgba(0, 0, 0, 0);
    }

    .nav-link-dropdown {
      padding: 0 32px;
      display: block;
    }

    .nav-link-dropdown-list {
      margin-left: 0;
    }

    .nav-link-dropdown-list.w--open {
      min-width: auto;
      box-shadow: none;
      background-color: rgba(0, 0, 0, 0);
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      position: relative;
    }

    .navbar-list {
      grid-template-columns: auto 1fr;
      left: 0px;
    }

    .navbar {
      margin-top: 0;
      display: flex;
      position: static;
    }

    .section-under-navbar {
      background-image: linear-gradient(to bottom, var(--background), var(--background));
    }

    .button-hover-background {
      display: none;
    }

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

    .pricing-4x {
      max-width: 420px;
      grid-column-gap: .5em;
      grid-row-gap: 2em;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }

    ._3x-feature-line-bottom.tablet, ._3x-feature-line-left.tablet {
      display: block;
    }

    .tooltip-text {
      width: 100%;
      border-top: 1px solid var(--border);
      box-shadow: none;
      color: var(--neutral-500);
      text-align: left;
      letter-spacing: -.01em;
      background-color: rgba(0, 0, 0, 0);
      margin-top: .5em;
      padding: .5em 0 0;
      font-size: .75em;
      position: static;
      transform: none;
    }

    .tooltip-icon {
      display: none;
    }

    .tooltip-wrap {
      align-items: flex-start;
      margin-top: 5px;
      padding-left: 0;
      padding-right: 0;
    }

    .bg-shapes-wrap {
      margin-top: 60px;
    }

    .text-field-rounded {
      background-image: linear-gradient(to bottom, var(--neutral-700), var(--neutral-700));
      box-shadow: none;
    }

    .text-field-rounded:hover, .text-field-rounded:focus {
      box-shadow: none;
    }

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

    .style-header {
      padding-left: 4em;
      padding-right: 4em;
    }

    .side-by-side-3-to-2 {
      width: 75%;
      grid-column-gap: 5em;
      grid-row-gap: 2.5em;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }

    .image-bg-contain {
      box-shadow: none;

    }

    .side-by-side-2-to-3 {
      width: 75%;
      grid-column-gap: 5em;
      grid-row-gap: 2.5em;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }

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

    .how-to-column {
      justify-items: stretch;
    }

    .side-by-side-1-to-1 {
      width: 85%;
      grid-column-gap: 5em;
      grid-row-gap: 2.5em;
      grid-template-columns: 1fr;
      margin: 11px auto -47px;
    }

    .split-section-full {
      grid-template-columns: 1fr;
    }

    .testimonial-shift-wrap {
      flex-direction: column;
      margin-bottom: 74px;
    }

    .shift-image-wrap {
      width: 100%;
      margin-bottom: -4em;
    }

    .shift-body {
      margin-top: 0;
      margin-left: 0;
      padding-bottom: 4em;
      padding-left: 4em;
    }

    .case-shift-title-wrap {
      margin-left: 0;
      padding-bottom: 100px;
    }

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

    .section-75vh.bg-cyan-300 {
      height: 40vh;
    }

    .case-info-wrap {
      padding: 1em;
    }

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


    .container-2xl {
      padding-left: .5em;
      padding-right: .5em;
    }

    .feature-2-column-sm {
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-rows: auto;
      grid-auto-flow: row;
    }

    .side-by-side-2-to-1 {
      width: 75%;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }

    .faq-3x {
      grid-column-gap: 2em;
      grid-row-gap: 2em;
      grid-template-columns: 1fr 1fr;
    }

    .block-inside-bottom {
      margin-bottom: 4em;
    }

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

    .heading-hero {
      font-size: 7em;
    }

    .heading-hero.gradient-1 {
      background-image: linear-gradient(35deg, var(--primary-izt-dark-blue) 5%, var(--izt-neon-blue) 42%, var(--izt-orange) 78%);
    }

    .heading-hero.gradient-2 {
      background-image: linear-gradient(49deg, var(--primary-izt-dark-blue) 7%, var(--izt-neon-blue) 38%, var(--izt-neon-blue) 63%, var(--izt-orange) 92%);
    }

    .heading-hero.gradient-3 {
      background-image: linear-gradient(18deg, var(--primary-izt-dark-blue) 12%, var(--primary-izt-blue) 35%, var(--izt-neon-blue) 67%, var(--izt-orange));
    }

    .text-rotation-wrapper {
      flex-direction: column;
      text-wrap: wrap;
      width: 95%;
    }

    .track-overlay {
      display: none;
    }

    .infinite-rotation-holder.bg-tile-middle.bg-neutral-600 {
      padding-top: 10em;
      padding-bottom: 10em;
    }

    .vertical-scroll-wrapper {
      width: auto;
      height: 3.5rem;
    }

    .anchor-section {
      margin-left: 0;
      margin-right: 0;
    }

    .faq-wrap {
      padding-left: 6.125em;
    }

    .text-gradient__teal {
      font-weight: 800;
    }

    ._3-column {
      width: 75%;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }

    .feature-2x {
      margin-bottom: 39px;
      margin-left: 0;
    }

    .list-4x {
      grid-column-gap: 2em;
      grid-row-gap: 1em;
      grid-template-columns: 1fr 1fr 1fr;
    }

    ._2-column {
      width: 75%;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }

    .text-gradient__lime {
      padding-right: 0;
    }

    .logo-levitate-1 {
      left: 8%;
    }

    .logo-levitate-9 {
      width: 3em;
      height: 3em;
    }

    .logo-levitate-8 {
      left: 12%;
    }

    .logo-levitate-7 {
      width: 4em;
      height: 4em;
    }

    .logo-levitate-6 {
      width: 4em;
    }

    .logo-levitate-5 {
      width: 4em;
      height: 4em;
      top: 2%;
      right: 24%;
    }

    .logo-levitate-4 {
      bottom: 72%;
      right: 2%;
    }

    .logo-levitate-3 {
      width: 4.25em;
    }

    .logo-levitate-2 {
      width: 2.5em;
      height: 2.5em;
      right: 12%;
    }

    .onboarding-wrap {
      display: block;
    }

    .nav-link-content-list {
      box-shadow: none;
      border-radius: 0;
      margin-top: 24px;
    }

    .text-color-pink-500 {
      margin-top: 0;
      display: inline;
    }

    .text-gradient__pink {
      background-image: linear-gradient(307deg, var(--izt-orange) 17%, var(--izt-neon-blue) 41%, var(--izt-neon-blue) 74%, var(--blue-700));
    }

    .tab-holder {
      padding-left: 0;
    }

    .feature-3-column-lg-copy {
      grid-template-columns: 1fr 1fr;
      grid-auto-flow: row;
    }

    .menu-open {
      position: relative;
    }

    .menu-close {
      display: none;
      position: relative;
    }

    .post-section {
      padding-left: 2em;
      padding-right: 2em;
    }

    .pricing-header-60 {
      width: 75%;
      text-align: center;
      flex-direction: column;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }

    .pricing-3x-benefits {
      width: 75%;
      grid-template-columns: 1fr;
      grid-auto-flow: row;
      margin-left: auto;
      margin-right: auto;
    }

    .stats-3x {
      width: 75%;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }

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

    .press-section {
      width: 75%;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }

    .holder {
      width: 12em;
      height: 12em;
    }

    .last-image {
      overflow: visible;
    }

    .testimonial-list-2x, .careers-section {
      grid-template-columns: 1fr;
    }

    .careers-sidebar {
      padding-top: 0;
      position: relative;
      top: 0;
    }

    .careers-apply-box {
      grid-template-columns: 1fr;
      margin-left: 0;
      margin-right: 0;
    }

    .careers-sidebar-wrap {
      display: none;
    }

    .careers-sidebar-tablet {
      display: block;
    }

    .stats-4x-1st {
      transform: translate(-1em, -2em)rotateX(-17deg)rotateY(26deg)rotateZ(-9deg);
    }

    .customer-section {
      grid-column-gap: 4em;
      grid-row-gap: 2em;
      grid-template-columns: 1fr;
    }

    .customer-logo {
      margin-left: 0;
    }

    .customer-quick-facts {
      margin-bottom: 0;
    }

    .customer-sidebar {
      align-items: stretch;
    }

    .side-by-side-1-to-2 {
      width: 75%;
      grid-column-gap: 5em;
      grid-row-gap: 2.5em;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }

    .testimonial-with-avatar-list {
      width: 75%;
      grid-template-columns: 1fr;
      margin-top: 4em;
      margin-left: auto;
      margin-right: auto;
    }

    .customer-stats {
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }

    .customer-sticky {
      position: relative;
      top: 0;
    }

    .team-title {
      font-size: 1em;
    }

    .info-3x {
      width: 70%;
      grid-column-gap: 4em;
      grid-template-columns: 1fr 1fr;
      margin-left: auto;
      margin-right: auto;
    }

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

    .nav-link-content-list-1x {
      width: 100%;
      box-shadow: none;
      border-radius: 0;
      margin-top: 0;
      padding-top: 20px;
      padding-bottom: 20px;
    }

    .template-thumb-wrap-static {
      min-height: auto;
    }

    .div-block {
      background-position: 0%;
      background-size: cover;
      padding-left: 5px;
    }

    .image-13 {
      margin-top: -69px;
      margin-bottom: 40px;
    }

    .text-block-15 {
      -webkit-text-fill-color: inherit;
      background-clip: border-box;
    }

    .text-block-16 {
      margin-left: 10px;
      padding-top: 10px;
      padding-bottom: 10px;
    }

    .text-block-17 {
      margin-left: 10px;
      padding-top: 10px;
      display: block;
    }

    .div-block-5 {
      margin-right: 0;
    }

    .dropdown-2, .dropdown-3, .dropdown-4 {
      display: block;
    }

    .nav-link-dropdown-2 {
      padding: 0 32px;
    }

    .nav-link-content-list-2 {
      box-shadow: none;
      border-radius: 0;
      margin-top: 7px;
      padding-top: 16px;
      padding-bottom: 24px;
    }

    .nav-link-2 {
      justify-content: flex-start;
      margin-left: 10px;
      padding: 20px 0 10px;
      display: block;
    }

    .nav-link-dropdown-list-2 {
      margin-left: 0;
    }

    .nav-link-dropdown-list-2.w--open {
      min-width: auto;
      box-shadow: none;
      background-color: rgba(0, 0, 0, 0);
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      margin-left: -18px;
      padding-top: 0;
      position: relative;
    }

    .mobile-nav-menu {
      background-color: var(--neutral-700);
      border-radius: 0;
      margin-top: -100px;
      padding-top: 100px;
      display: block;
      overflow: scroll;
    }

    .mobile-nav-menu.mobile-nav {
      margin-top: 100px;
      padding-top: 0;
      display: block;
    }

    .dropdown-5, .dropdown-6 {
      display: block;
    }

    .div-block-6 {
      margin-top: 10px;
      display: flex;
    }

    .side-by-side-1-to-1-copy {
      width: 75%;
      grid-column-gap: 5em;
      grid-row-gap: 2.5em;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }

    .heading-6 {
      font-size: 3.3em;
    }

    .image-background-copy {
      margin-left: auto;
      margin-right: auto;
    }

    .image-14 {
      width: 130px;
    }

    .content-centered-copy {
      padding-bottom: 20px;
    }

    .section-copy.more-space {
      padding-top: 2em;
      padding-bottom: 5em;
    }

    .image-background-copy {
      margin-top: 20px;
      margin-left: auto;
      margin-right: auto;
    }

    .section-copy.more-space {
      padding-top: 2em;
      padding-bottom: 5em;
    }

    .section-copy.bg-tile-top.bg-neutral-600 {
      padding-top: 2em;
    }

    .title-md-2 {
      font-size: 3.5em;
    }

    .title-md-2._20ch {
      font-size: 3em;
    }

    .about-title-wrap-2 {
      margin-bottom: 600px;
      padding-left: 40px;
      padding-right: 40px;
      font-size: 12px;
    }

    .title-2xl-2 {
      font-size: 4em;
    }

    .title-xl-2 {
      font-size: 5em;
    }

    .bg-tile-middle-3.bg-indigo-900 {
      padding-top: 20px;
      padding-bottom: 60px;
    }

    .container-md-2.fade-in-on-scroll {
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
    }

    .section-3.more-space {
      padding-top: 5em;
      padding-bottom: 5em;
    }

    .side-by-side-1-to-1-copy {
      width: 85%;
      grid-column-gap: 5em;
      grid-row-gap: 2.5em;
      grid-template-columns: 1fr;
    }

    .shift-body-2 {
      margin-top: 0;
      margin-left: 0;
      padding-bottom: 4em;
      padding-left: 4em;
    }

    .title-sm-2 {
      font-size: 2.5em;
    }

    .side-by-side-1-to-1-2 {
      width: 75%;
      grid-column-gap: 5em;
      grid-row-gap: 2.5em;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }

    .section-5 {
      padding-top: .6em;
      padding-left: 40px;
      padding-right: 40px;
    }

    .title-sm-3 {
      font-size: 2.5em;
    }

    .title-xs-2 {
      font-size: 2.25em;
    }

    .title-xl-3 {
      font-size: 5em;
    }

    .text-xl-copy._40ch {
      font-size: 1.2em;
    }

    .title-lg-2 {
      font-size: 3.25em;
    }

    .section-6.bg-tile-middle-lg.bg-amber-900 {
      display: none;
    }

    .title-md-copy {
      font-size: 3.5em;
    }

    .title-md-copy._20ch {
      font-size: 2.8em;
    }

    .text-2xl-copy._32ch {
      text-align: center;
      margin-left: auto;
    }

    .column-base-copy {
      width: 100%;
    }

    .column-base-copy.content-centered {
      margin-bottom: 20px;
    }

    .text-2xl-copy._32ch {
      text-align: center;
      margin-left: auto;
    }

    .title-xl-4 {
      font-size: 4em;
    }

    .title-sm-4, .title-sm-5 {
      font-size: 2.5em;
    }

    .section-11.more-space {
      padding-top: 5em;
      padding-bottom: 5em;
    }

    .title-sm-6 {
      font-size: 2.5em;
    }

    .section-under-navbar-copy {
      background-image: linear-gradient(to bottom, var(--background), var(--background));
    }

    .section-copy-copy {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
      padding-bottom: 4em;
    }

    .section-copy-copy.more-space {
      padding-top: 2em;
      padding-bottom: 5em;
    }

    .div-block-14 {
      width: 90%;
    }

    .section-13 {
      padding-top: 4em;
    }

    .title-2xl-2-copy {
      margin-bottom: 40px;
      font-size: 3.5em;
    }

    .title-lg-copy {
      font-size: 3.25em;
    }

    .title-lg-copy.leading-none {
      font-size: 3em;
      font-weight: 600;
    }

    .title-sm-7, .title-sm-8 {
      font-size: 2.5em;
    }

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

    .info-3x-2 {
      width: 50%;
      grid-column-gap: 4em;
      grid-row-gap: 4em;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }
  }

    @media screen and (max-width: 767px) {

      .flowy-box {
        width:75%;
        grid-template-columns: 1fr;
        margin-left: auto;
        margin-right: auto;
        padding-right: 10px;
        padding-left: 10px;
      }
      .flowy-box > .rounded-xs.scroll-fade:first-child {
        padding-top: 5px;

      }
      .flowy-box > .rounded-xs.scroll-fade:nth-child(2) {
        margin-top: 0;
        padding-bottom: 10px;



      }
      .flowy-box > .rounded-xs.scroll-fade:nth-child(3) {
        margin-top: 0px;
        padding-bottom: 10px;

      }
      .flowy-box > .rounded-xs.scroll-fade:nth-child(4) {
        margin-top: 0px;

      }
      h1 {
        font-size: 2.25em;
      }

      h2 {
        font-size: 1.875em;
      }

      h3 {
        font-size: 1.5em;
      }

      h4 {
        font-size: 1.375em;
      }

      .button-animated.large.button-outline {
        width: 80%;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
      }

      .button-animated.large.button-outline-copy {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
      }

      .section.more-space {
        margin-top: -140px;
        padding-top: 2em;
        padding-bottom: 4em;
      }

      .title-sm {
        margin-top: 10px;
        font-size: 2.7em;
        margin-left: 0;

      }

      .title-xl {
        font-size: 4em;
      }

      .title-xs {
        font-size: 2.125em;
      }

      .padding-base {
        padding: .875em;
      }

      .text-sm._20ch {
        margin-top: 0;
      }

      .padding-xl {
        padding: 1.5em;
      }

      .column-lg.content-centered {
        margin-top: 60px;
        padding-left: 0;
        padding-right: 0;
      }

      .title-md {
        font-size: 3.125em;
      }

      .title-md._20ch {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 2.3em;
      }

      .title-lg {
        font-size: 3.25em;
      }

      .title-lg.leading-none {
        font-size: 2.8em;
      }

      .text-lg {
        font-size: 1.125em;
      }

      .column-base {
        padding-left: 10px;
      }

      .text-xl {
        font-size: 1.375em;
        line-height: 1.4;
      }

      .image-background {
        width: 200px;
        height: 250px;
        margin-left: auto;
      }

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

      .text-2xl {
        letter-spacing: 0;
        font-size: 1.5em;
      }

      .text-2xl._32ch {
        margin-bottom: 40px;
        font-size: 1.6em;
      }

      .padding-lg {
        padding: 1.25em;
      }

      .padding-lg.bg-neutral-800 {
        padding-bottom: 2em;
      }

      .content-centered {
        padding-left: 20px;
        padding-right: 20px;
      }

      .row-md {
        grid-column-gap: 1em;
        grid-row-gap: .5em;
        margin-left: 0;
        margin-right: 0;
      }

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

      .component-name {
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
        padding-left: 8px;
        padding-right: 8px;
      }

      .component-name.social-icons {
        padding-left: 12px;
        font-size: 1em;
      }

      .component-grid {
        grid-row-gap: 3em;
      }

      ._2x-pricing-grid {
        grid-column-gap: .5em;
        grid-row-gap: .5em;
      }

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

      .timeline {
        grid-row-gap: 2.5em;
      }

      .timeline-chapter, .timeline-chapter.reverse {
        flex-direction: column;
      }

      .timeline-chapter-item {
        width: 75%;
        background-color: var(--background);
        text-align: center;
        margin-top: .5em;
        margin-bottom: .5em;
        padding-top: .5em;
        padding-bottom: .5em;
      }


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

      .pricing-title-cell {
        text-align: center;
        padding-bottom: 1em;
        padding-left: 0;
        padding-right: 0;
      }

      .pricing-cell {
        text-align: center;
        align-items: center;
        padding: 1em 0;
        display: flex;
      }

      .pricing-cell-1st {
        text-align: center;
        align-items: center;
        padding-top: 1em;
        padding-bottom: 1em;
        display: flex;
      }

      .accordion-bottom-text {
        padding-bottom: 3em;
      }

      .post-thumb-simple._2x {
        grid-column-gap: 2em;
        grid-row-gap: 2em;
        grid-template-columns: 1fr;
      }

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

      .tab-link-simple {
        padding: 1em;
      }

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

      .feature-3-column {
        width: 75%;
        grid-template-columns: 1fr;
        margin-left: auto;
        margin-right: auto;
      }

      .title-3xl {
        line-height: 1.2;
      }

      .padding-2xl {
        padding: 1.75em;
      }

      .post-grid {
        grid-row-gap: 2em;
        grid-template-columns: 1fr;
      }

      .post-share {
        justify-content: center;
        align-items: center;
        padding-bottom: 0;
        display: flex;
      }

      .share-column {
        grid-auto-flow: column;
        justify-items: center;
      }

      .title-2xl {
        font-size: 3em;
      }

      .style-section-heading {
        margin-top: -3em;
        padding-top: 3em;
      }

      .rounded-md {
        border-radius: .75em;
      }

      .row-lg {
        grid-column-gap: .5em;
        grid-row-gap: .5em;
      }

      .example-2x, .example-2x._3x {
        grid-template-columns: 1fr;
      }

      .row-base {
        grid-column-gap: .75em;
        grid-row-gap: .75em;
      }

      .row-base.column-mobile {
        grid-auto-flow: row;
      }

      .margin-xs {
        margin: .375em;
      }

      .margin-sm {
        margin: .625em;
      }

      .margin-base {
        margin: .875em;
      }

      .margin-md {
        margin: 1em;
      }

      .margin-lg {
        margin: 1.25em;
      }

      .margin-xl {
        margin: 1.5em;
      }

      .margin-2xl {
        margin: 1.75em;
      }

      .margin-3xl {
        margin: 2em;
      }

      .margin-4xl {
        margin: 2.125em;
      }

      .margin-5xl {
        margin: 2.5em;
      }

      .padding-xs {
        padding: .375em;
      }

      .padding-sm {
        padding: .625em;
      }

      .padding-md {
        padding: 1em;
      }

      .padding-3xl {
        padding: 2em;
      }

      .padding-4xl {
        padding: 2.125em;
      }

      .hide, .hide-mobile {
        display: none;
      }

      .show, .show-mobile {
        display: block;
      }

      .max-width-2xl.margin-auto {
        padding-left: 10px;
        padding-right: 10px;
      }

      .style-guide-shadow-grid {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-columns: 1fr 1fr 1fr;
      }

      .feature-4-column-sm, .example-4x, .example-3x {
        grid-template-columns: 1fr;
      }

      .example-color-row {
        grid-column-gap: 2px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      }

      .example-color-grid {
        grid-row-gap: 3em;
      }

      .example-color-name {
        height: auto;
      }

      .books-list {
        width: 85%;
        grid-column-gap: .5em;
        grid-row-gap: 2em;
        grid-auto-flow: row;
        margin-left: auto;
        margin-right: auto;
      }

      .padding-6xl {
        padding: 3em;
      }

      .padding-7xl {
        padding: 4em;
      }

      .padding-8xl {
        padding: 4.5em;
      }

      .padding-9xl {
        padding: 6em;
      }

      .padding-10xl {
        padding: 7em;
      }

      .padding-11xl {
        padding: 8em;
      }

      .padding-0 {
        padding: 0;
      }

      .margin-6xl {
        margin: 3em;
      }

      .margin-7xl {
        margin: 4em;
      }

      .margin-8xl {
        margin: 4.5em;
      }

      .margin-9xl {
        margin: 6em;
      }

      .margin-10xl {
        margin: 7em;
      }

      .margin-11xl {
        margin: 8em;
      }

      .letters-looser-mobile {
        letter-spacing: .05em;
      }

      .letters-loose-mobile {
        letter-spacing: .025em;
      }

      .letters-normal-mobile {
        letter-spacing: 0;
      }

      .letters-tight-mobile {
        letter-spacing: -.025em;
      }

      .letters-tighter-mobile {
        letter-spacing: -.05em;
      }

      .leading-none-mobile {
        line-height: 1;
      }

      .leading-looser-mobile {
        line-height: 2;
      }

      .leading-loose-mobile {
        line-height: 1.625;
      }

      .leading-normal-mobile {
        line-height: 1.5;
      }

      .leading-tight-mobile {
        line-height: 1.375;
      }

      .leading-tighter-mobile {
        line-height: 1.25;
      }

      .padding-5xl {
        padding: 2.5em;
      }

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

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

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

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

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

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

      .margin-top.margin-9xl {
        margin-top: 0;
      }

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

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

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

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

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

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

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

      .micons-grid {
        grid-column-gap: 2em;
        grid-row-gap: 2em;
        grid-template-columns: 1fr;
        padding-left: 10px;
        padding-right: 10px;
      }

      .line-horiz, .line-vert {
        display: none;
      }

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

      .footer-1-cta-grid {
        grid-row-gap: 1em;
        text-align: center;
        grid-template-columns: 1fr;
        justify-items: center;
      }

      .browser-top-bar-right, .browser-top-bar-left {
        display: none;
      }

      .browser-top-bar-center {
        max-width: 100%;
      }

      .footer-1-main-grid, .contact-list {
        grid-template-columns: 0.5fr;
      }

      .lightbox-play-animated {
        border-color: var(--titles-links);
        font-size: 1.5em;
      }

      .header-section {
        padding-bottom: 2em;
      }

      .navbar {
        height: 80px;
        margin-top: 0;
      }

      .section-under-navbar {
        background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
      }

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

      .form-block {
        min-width: auto;
      }

      .footer-1-cta-box {
        padding-left: 2em;
        padding-right: 2em;
      }

      .style-intro-wrap {
        padding-top: 4em;
        padding-bottom: 4em;
      }

      .style-header {
        padding: 8em 2.5em;
      }

      .image-bg-contain {
        box-shadow: none;
        margin-top: -50px;
      }

      .side-by-side-1-to-1 {
        margin-top: 40px;
        margin-bottom: 10px;
      }

      .sign-up-section {
        padding-left: 1.25em;
        padding-right: 1.25em;
      }

      .snippet-body {
        margin-left: auto;
        margin-right: auto;
      }

      .testimonial-shift-wrap {
        margin-top: -95px;
        margin-bottom: 17px;
        padding-bottom: 104px;
      }

      .shift-body {
        padding-bottom: 2em;
        padding-left: 2em;
        padding-right: 2em;
      }

      .case-shift-title-wrap {
        padding-bottom: 20px;
        padding-left: 2em;
      }

      .section-75vh.bg-cyan-300 {
        height: 40vh;
      }

      .timeline-chapter-image {
        width: 75%;
        text-align: center;
        background-color: #fff;
        margin-top: .5em;
        margin-bottom: .5em;
      }

      .cms-customer-2x {
        grid-column-gap: 1.5em;
        grid-row-gap: 1em;
        grid-template-columns: 1fr;
      }

      .worldmap {
        margin-top: -7.5em;
        margin-bottom: 0;
      }

      .how-it-works-item-3 {
        margin-top: 0;
        transform: none;
      }

      .how-it-works-content {
        grid-template-columns: 1fr;
      }

      .how-it-works {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        align-content: start;
        align-items: start;
      }

      .how-it-works-item-1 {
        margin-left: 40px;
        width: 90%;
      }

      .how-it-works-item-5 {
        width: 100%;
        transform: none;
      }

      .how-it-works-item-4 {
        margin-bottom: 0;
      }

      .process-steps {
        grid-row-gap: 2.5em;
      }

      .process-steps-indicator {
        margin-top: 1em;
      }

      .process-steps-item {
        padding-top: 2em;
        padding-bottom: 2em;
      }

      .feature-2-column-sm {
        grid-template-columns: 1fr;
      }

      .team-logo {
        width: 16%;
        margin-left: 2em;
        margin-right: 2em;
      }

      .side-by-side-2-to-1 {
        width: 100%;
        grid-template-columns: 1fr;
      }

      .faq-3x, .intro-list {
        grid-template-columns: 1fr;
      }

      .heading-hero {
        letter-spacing: -.01em;
        margin-bottom: -.8rem;
        font-size: 4.5em;
        line-height: 1.3;
      }

      .vertical-scroll-wrapper {
        height: 6rem;
        width: 20rem;
      }

      .text-rotation-heading {
        font-size: 1.875rem;
      }

      .anchor-section {
        padding-left: 0;
        padding-right: 0;
      }

      .faq-wrap {
        padding-left: 4.125em;
        padding-right: 0;
      }

      ._2-columns-paragraph {
        column-count: 1;
      }

      .feature-2x {
        grid-template-columns: 1fr;
        margin-top: -40px;
      }

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

      .logo-levitate-1 {
        width: 4em;
        height: 4em;
        top: 15%;
        left: 2%;
      }

      .logo-levitate-9 {
        top: auto;
        bottom: 25%;
        left: 0%;
      }

      .logo-levitate-8 {
        width: 2em;
        height: 2em;
        bottom: 5%;
      }

      .logo-levitate-6 {
        width: 3em;
        top: -5%;
      }

      .logo-levitate-5 {
        top: -5%;
      }

      .logo-levitate-4 {
        right: -5%;
      }

      .logo-levitate-3 {
        width: 3.5em;
        right: -2%;
      }

      .nav-link-content-list {
        grid-template-columns: 1fr;
      }

      .nav-link-item {
        grid-column-gap: .75em;
        grid-row-gap: .75em;
      }

      .text-gradient__pink {
        background-image: linear-gradient(307deg, var(--izt-orange) 17%, var(--izt-neon-blue) 36%, var(--izt-neon-blue) 74%, var(--blue-700));
      }

      .feature-3-column-lg-copy {
        width: 75%;
        grid-column-gap: 3em;
        grid-row-gap: 3em;
        grid-template-columns: 1fr 1fr;
        margin-left: auto;
        margin-right: auto;
      }

      .float-right {
        width: 100%;
        float: none;
        margin-left: 0;
      }

      .profile-divider {
        width: 100%;
        padding-right: 0;
      }

      .section-blog-header {
        z-index: 20;
      }

      .pricing-header-60 {
        text-align: left;
        align-items: flex-start;
      }

      .pricing-3x-benefits {
        width: 75%;
        grid-template-columns: 1fr;
        margin-left: auto;
        margin-right: auto;
      }

      .stats-4x {
        grid-column-gap: .5em;
        grid-row-gap: .5em;
        grid-template-columns: 1fr 1fr;
        margin-bottom: .5em;
        transform: none;
      }

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

      .careers-apply-box {
        text-align: center;
        grid-template-columns: 1fr;
        justify-items: center;
      }

      .stats-4x-1st, .stats-4x-2nd, .stats-4x-3rd, .stats-4x-4th {
        transform: none;
      }

      .tweet-list, .tweet-column._2x {
        grid-template-columns: 1fr 1fr;
      }

      .width-32em {
        width: 100%;
      }

      .info-3x {
        width: 85%;
        grid-column-gap: 2.5em;
        grid-template-columns: 1fr 1fr;
      }

      .image-wrapper-2-3.rounded-xs {
        width: 100%;
        height: 250px;
        margin-bottom: 0;
        padding-top: 75%;
      }

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

      .footer-grid {
        padding-left: 20px;
      }

      .nav-link-content-list-1x {
        grid-template-columns: 1fr;
      }

      ._3x-box {
        width: 75%;
        grid-template-columns: 1fr;
        margin-left: auto;
        margin-right: auto;
        padding-right: 10px;
        padding-left: 10px;
      }

      .div-block {
        background-position: 0%;
        background-size: cover;
      }

      .image-13 {
        margin-top: -52px;
      }

      .nav-link-content-list-2 {
        grid-template-columns: 1fr;
      }

      .div-block-7, .div-block-8, .div-block-9, .div-block-10 {
        margin-top: 0;
        padding-top: 0;
      }

      .side-by-side-1-to-1-copy {
        margin-top: -1px;
      }

      .heading-6 {
        margin-top: 20px;
        margin-bottom: -16px;
        font-size: 3em;
      }

      .image-background-copy {
        width: 200px;
        height: 250px;
        width: 200px;
        height: 250px;
        margin-left: auto;
      }

      .image-14 {
        width: 90px;
      }

      .content-centered-copy {
        padding-bottom: 0;
        padding-left: 20px;
        padding-right: 20px;
      }

      .section-copy.more-space {
        padding-top: 2em;
        padding-bottom: 4em;
      }

      .div-block-11 {
        padding-left: 20px;
      }

      .image-background-copy {
        width: 80%;
        height: 100%;
        margin-top: 21px;
        margin-left: auto;
      }

      .section-copy.more-space {
        padding-top: 2em;
        padding-bottom: 6em;
      }

      .title-md-2 {
        font-size: 3.125em;
      }

      .about-title-wrap-2 {
        margin-bottom: 550px;
      }

      .title-2xl-2 {
        font-size: 3em;
      }

      .title-xl-2 {
        font-size: 4em;
      }

      .section-2 {
        padding-top: 4em;
        padding-bottom: 4em;
      }

      .container-md-2.fade-in-on-scroll {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
      }

      .section-3, .section-3.more-space {
        padding-top: 4em;
        padding-bottom: 4em;
      }

      .side-by-side-1-to-1-copy {
        margin-top: 29px;
        margin-bottom: 24px;
      }

      .section-4 {
        padding-top: 2.1em;
        padding-bottom: 4em;
      }

      .shift-body-2 {
        padding-bottom: 2em;
        padding-left: 2em;
        padding-right: 2em;
      }

      .title-sm-2 {
        font-size: 2.25em;
      }

      .section-5 {
        padding: 4em 20px;
      }

      .title-sm-3 {
        font-size: 2.25em;
      }

      .row-md-2 {
        grid-column-gap: 1em;
        grid-row-gap: .5em;
      }

      .title-xs-2 {
        font-size: 2.125em;
      }

      .title-xl-3 {
        font-size: 4em;
      }

      .text-xl-copy {
        font-size: 1.375em;
        line-height: 1.4;
      }

      .title-lg-2 {
        font-size: 3.25em;
      }

      .section-6 {
        padding-top: 4em;
        padding-bottom: 4em;
      }

      .title-md-copy {
        font-size: 3.125em;
      }



      .section-7 {
        padding-top: 4em;
        padding-bottom: 4em;
      }

      .text-2xl-copy {
        letter-spacing: 0;
        font-size: 1.5em;
      }

      .text-2xl-copy._32ch {
        margin-bottom: 40px;
        font-size: 1.6em;
      }

      .column-base-copy {
        padding-left: 10px;
      }

      .column-base-copy.content-centered {
        margin-top: 60px;
      }

      .text-2xl-copy {
        letter-spacing: 0;
        font-size: 1.5em;
      }

      .text-2xl-copy._32ch {
        margin-bottom: 40px;
        font-size: 1.6em;
      }

      .text-2xl-copy {
        letter-spacing: 0;
        font-size: 1.5em;
      }

      .text-2xl-copy._32ch {
        margin-bottom: 40px;
        font-size: 1.6em;
      }

      .text-2xl-copy {
        letter-spacing: 0;
        font-size: 1.5em;
      }

      .text-2xl-copy._32ch {
        margin-bottom: 40px;
        font-size: 1.6em;
      }

      .text-2xl-copy {
        letter-spacing: 0;
        font-size: 1.5em;
      }

      .text-2xl-copy._32ch {
        margin-bottom: 40px;
        font-size: 1.6em;
      }

      .text-2xl-copy {
        letter-spacing: 0;
        font-size: 1.5em;
      }

      .text-2xl-copy._32ch {
        margin-bottom: 40px;
        font-size: 1.6em;
      }

      .text-2xl-copy {
        letter-spacing: 0;
        font-size: 1.5em;
      }

      .text-2xl-copy._32ch {
        margin-bottom: 40px;
        font-size: 1.6em;
      }

      .text-2xl-copy {
        letter-spacing: 0;
        font-size: 1.5em;
      }

      .text-2xl-copy._32ch {
        margin-bottom: 40px;
        font-size: 1.6em;
      }

      .text-2xl-copy {
        letter-spacing: 0;
        font-size: 1.5em;
      }

      .text-2xl-copy._32ch {
        margin-bottom: 40px;
        font-size: 1.6em;
      }

      .font-title-7 {
        padding-right: 10px;
      }

      .title-xl-4 {
        font-size: 3.3em;
      }

      .section-9 {
        padding-top: 4em;
        padding-bottom: 4em;
      }

      .title-sm-4 {
        font-size: 2.25em;
      }

      .section-10 {
        padding-top: 4em;
        padding-bottom: 4em;
      }

      .snippet-body-2 {
        margin-left: auto;
        margin-right: auto;
      }

      .text-lg-2 {
        font-size: 1.125em;
      }

      .title-sm-5 {
        font-size: 2.25em;
      }

      .section-11, .section-11.more-space {
        padding-top: 4em;
        padding-bottom: 4em;
      }

      .title-sm-6 {
        font-size: 2.25em;
      }

      .section-under-navbar-copy {
        background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
      }

      .font-title-7-copy {
        padding-right: 10px;
      }

      .section-12 {
        padding-top: 4em;
        padding-bottom: 4em;
      }

      .section-copy-copy {
        padding-top: 4em;
        padding-bottom: 3em;
      }

      .section-copy-copy.more-space {
        padding-top: 2em;
        padding-bottom: 4em;
      }

      .section-13 {
        padding-top: 4em;
        padding-bottom: 4em;
      }

      .title-2xl-2-copy {
        font-size: 3em;
      }

      .title-lg-copy {
        font-size: 3.25em;
      }

      .title-lg-copy.leading-none {
        font-size: 2.8em;
      }

      .section-14 {
        padding-top: 4em;
        padding-bottom: 4em;
      }

      .line-horiz-2, .line-vert-2 {
        display: none;
      }

      .section-15 {
        padding-top: 4em;
        padding-bottom: 4em;
      }

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

      .section-16 {
        padding-top: 4em;
        padding-bottom: 4em;
      }

      .title-sm-7, .title-sm-8 {
        font-size: 2.25em;
      }

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

      .text-lg-copy {
        font-size: 1.125em;
      }

      .section-17 {
        padding-top: 4em;
        padding-bottom: 4em;
      }

      .text-2xl-2 {
        letter-spacing: 0;
        font-size: 1.5em;
      }

      .info-3x-2 {
        width: 75%;
      }
    }

      @media screen and (max-width: 479px) {
        .image-12 {
          display: block;
        }
        .heading-hero {
          font-size: 3.3em;
        }
        .flowy-box {
          width: 100%;
        }


        .flowy-box > .rounded-xs.scroll-fade:nth-child(4) {
          margin-bottom: 0;

        }
        .text-xl._52ch {
          font-size: 1.1em;
        }
        .example-wrap {
          padding: 1.25em;
        }
        .how-it-works-item-1 {
          margin-left: 20px;
          width: 90%;
        }
        .button-animated {
          font-size: 1em;
        }

        .button-animated.large {
          margin-left: auto;
          margin-right: auto;
          font-size: 1.25em;
        }

        .button-animated.large.button-outline {
          margin-left: auto;
          margin-right: auto;
        }

        .button-animated.large.button-outline-copy {
          width: 70%;
          background-color: var(--primary-izt-dark-blue);
          margin-left: auto;
          margin-right: auto;
        }

        .section.more-space {
          margin-top: 0;
          padding-top: 0;
        }


        .title-sm {
          margin-top: 20px;
          font-size: 2.5em;
          margin-left: 0;
          line-height: 1em;
        }

        .title-xl {
          font-size: 2.5em;
        }

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

        .button.button-outline.large {
          font-size: 1.25em;
        }

        .title-xs {
          font-size: 1.75em;
        }

        .padding-base {
          padding: 1.5em;
        }

        .text-sm._20ch {
          margin-top: 0;
        }

        .padding-xl {
          padding: 1.375em;
        }

        .container-lg {
          width: 90%;
        }

        .column-lg.content-centered {
          margin-top: 0;
          padding-top: 46px;
        }

        .title-md {
          font-size: 2.5em;
        }

        .title-md._20ch {
          margin-top: 20px;
          margin-bottom: 20px;
          font-size: 1.75em;
        }

        .title-lg {
          letter-spacing: -.01em;
          font-size: 1.875em;
        }

        .title-lg.leading-none {
          font-size: 2.2em;
        }

        .text-lg {
          font-size: 1.125em;
        }

        .text-xs {
          font-size: .75em;
        }

        .column-base {
          text-align: left;
          padding-top: 0;
          padding-left: 20px;
          padding-right: 20px;
        }

        .column-base.content-centered {
          padding-left: 0;
          padding-right: 0;
        }

        .text-xl {
          font-size: 1.25em;
        }

        .image-background {
          height: 100%;
          margin-left: auto;
          top: 0%;
          bottom: 0%;
          left: 0%;
          right: 0%;
        }

        .text-2xl {
          font-size: 1.375em;
          line-height: 1.25;
        }

        .text-2xl._32ch {
          text-align: center;
          margin-right: auto;
          font-size: 1.2em;
        }

        .padding-lg {
          padding: 1.125em;
        }

        .content-centered {
          padding-left: 10px;
          padding-right: 10px;
        }

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

        .image-contain {
          display: none;
        }

        .feature-4-column {
          grid-column-gap: 1em;
          grid-row-gap: 1em;
        }

        .component-name {
          margin-top: 8px;
          margin-bottom: 4px;
          margin-left: 1.5em;
          position: static;
        }

        .component-name.static {
          margin-top: 0;
          margin-bottom: 0;
          margin-left: 0;
        }

        .component-section {
          padding-top: 4px;
          overflow: hidden;
        }

        .header-team-pricing, .description-team-pricing {
          padding-bottom: 1.25em;
          padding-left: 1.25em;
          padding-right: 1.25em;
        }

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

        .timeline-chapter-item {
          width: 100%;
        }

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



        .stats-3-column-sm {
          width: 100%;
          grid-column-gap: .5em;
          grid-row-gap: .5em;
          grid-template-columns: auto;
        }

        .slide {
          overflow: hidden;
        }

        .accordion-bottom-wrap {
          padding-right: 0;
        }

        .post-thumb-simple {
          width: 100%;
          grid-template-columns: 1fr;
        }

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

        .team-5x-sm {
          width: 100%;
          grid-template-columns: 1fr 1fr;
        }

        .lightbox-play-button {
          width: 5em;
          height: 5em;
        }

        .lightbox-play-wrap {
          font-size: 3em;
        }

        .lightbox-video-3-column {
          width: 100%;
        }

        .tab-link-simple {
          width: 60%;
        }

        .feature-3-column {
          width: 100%;
        }

        .padding-2xl {
          padding: 1.625em 1.5em;
        }

        .share-column {
          grid-column-gap: .5em;
          grid-row-gap: .5em;
        }

        .title-2xl {
          font-size: 2.5em;
        }

        .style-section {
          padding-bottom: 1.25em;
        }

        .example-grid {
          grid-row-gap: .5em;
          grid-template-columns: 1fr;
        }

        .row-base.column-mobile {
          grid-auto-flow: row;
        }

        .margin-lg {
          margin: 1.125em;
        }

        .margin-xl {
          margin: 1.375em;
        }

        .margin-2xl {
          margin: 1.625em;
        }

        .margin-3xl {
          margin: 1.75em;
        }

        .margin-4xl {
          margin: 1.875em;
        }

        .margin-5xl {
          margin: 2.25em;
        }

        .padding-3xl {
          padding: 1.75em 1.5em;
        }

        .padding-4xl {
          padding: 1.875em;
        }

        .hide {
          display: none;
        }

        .show {
          display: block;
        }

        .max-width-xl {
          margin-top: -27px;
        }

        .max-width-2xl.margin-auto {
          padding-left: 10px;
          padding-right: 10px;
        }

        .style-guide-shadow-grid {
          grid-template-columns: 1fr 1fr;
        }

        .feature-4-column-sm {
          width: 100%;
          grid-column-gap: 1em;
          grid-row-gap: 1em;
        }

        .example-color-row {
          grid-column-gap: 1px;
          flex-direction: column;
          grid-template-columns: 1fr;
          display: flex;
        }

        .books-list {
          width: 80%;
          grid-template-columns: 1fr;
        }

        .text-xxs {
          font-size: .75em;
        }

        .padding-6xl {
          padding: 2.5em;
        }

        .padding-7xl {
          padding: 3.5em;
        }

        .padding-8xl {
          padding: 4em 1.25em;
        }

        .padding-9xl {
          padding: 5em;
        }

        .padding-10xl {
          padding: 5.5em;
        }

        .padding-11xl {
          padding: 6em;
        }

        .padding-0 {
          padding: 0;
        }

        .margin-6xl {
          margin: 2.5em;
        }

        .margin-7xl {
          margin: 3.5em;
        }

        .margin-8xl {
          margin: 4em;
        }

        .margin-9xl, .margin-10xl {
          margin: 5em;
        }

        .margin-11xl {
          margin: 6em;
        }

        .padding-5xl {
          padding: 2.25em 1.5em;
        }

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

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

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

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

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

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

        .margin-top.margin-9xl {
          margin-top: 0;
          margin-bottom: -60px;
          padding-left: 0;
        }

        .margin-bottom.margin-2xl {
          padding-left: 0;
          padding-right: 20px;
        }

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

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

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

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

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

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

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

        .micons-grid {
          grid-row-gap: 2.75em;
        }

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

        .column-xl {
          grid-column-gap: 3em;
          grid-row-gap: 1.5em;
        }

        /*.footer-1-sub-grid {*/
        /*  grid-column-gap: 1em;*/
        /*  grid-row-gap: 2em;*/
        /*}*/

        .browser-search-bar {
          border-radius: 4px;
          justify-content: flex-start;
          padding-left: 12px;
        }

        .browser-top-bar {
          padding-left: .5em;
          padding-right: .5em;
        }

        .footer-1-main-grid {
          padding-right: 20px;
        }

        .font-title {
          font-size: 2em;
        }

        .template-thumb-wrap {
          padding: 1.5em;
        }

        .navbar {
          margin-top: 0;
        }

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

        ._3x-feature-line-bottom.mobile {
          display: block;
        }

        ._3x-feature-line-left, ._3x-feature-line-left.tablet {
          display: none;
        }

        .tabs-menu-rounded {
          width: 100%;
          border-radius: .5em;
        }

        .footer-1-cta-box {
          padding-left: 1.25em;
          padding-right: 1.25em;
        }

        .side-by-side-3-to-2, .side-by-side-2-to-3 {
          width: 100%;
          grid-column-gap: 5em;
          grid-row-gap: 2em;
        }

        .side-by-side-list {
          grid-column-gap: 5em;
          grid-row-gap: 4em;
        }

        .how-to-column {
          grid-column-gap: .5em;
          grid-row-gap: .5em;
        }

        .image-3 {
          width: 3em;
          height: 3em;
          margin: .25em;
          padding: .25em;
        }

        .side-by-side-1-to-1 {
          width: 100%;
          grid-column-gap: 5em;
          grid-row-gap: 2em;
          margin-top: 40px;
        }

        .sign-up-sign-in-button {
          padding-left: 1.25em;
          padding-right: 1.25em;
          position: static;
        }

        .snippet-body {
          width: 100%;
        }

        .testimonial-shift-wrap {
          margin-top: -47px;
          padding-bottom: 56px;
        }

        .shift-body {
          padding-left: 1.5em;
          padding-right: 1.5em;
        }

        .case-shift-title-wrap {
          padding-bottom: 40px;
          padding-left: 0;
          padding-right: 0;
        }

        .padding-6xl {
          padding-left: 1.5em;
          padding-right: 1.5em;
        }

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

        .section-75vh.bg-cyan-300 {
          height: 40vh;
        }

        .timeline-chapter-image {
          width: 100%;
        }

        .image-5 {
          height: 1.5em;
          max-width: 6em;
        }

        .worldmap {
          margin-top: -8.6em;
        }

        .quote-sign {
          margin-bottom: 1em;
        }

        .tabs-menu-side-link {
          padding-top: 1em;
          padding-left: 1em;
          padding-right: 1em;
        }

        .image-6 {
          margin-bottom: .5em;
          margin-right: 0;
        }

        .rotated-shape-wrap {
          padding: 0;
        }

        .rotated-shape-wrap.tight {
          padding-left: 1em;
          padding-right: 1em;
        }

        .code-row {
          grid-template-columns: 1.5em 1fr;
        }

        .how-it-works-number {
          top: 12px;
          left: 12px;
          transform: none;
        }

        .how-it-works {
          grid-template-columns: 1fr;
        }

        .process-steps-indicator {
          width: 2.5em;
          height: 2.5em;
          margin-top: 1.25em;
        }

        .process-steps-item {
          margin-left: 1em;
          padding-left: 1.5em;
          padding-right: 1.5em;
        }

        .process-steps-indicator-icon {
          font-size: 1em;
        }

        .tab-content {
          flex-direction: column;
        }

        .container-2xl {
          margin-top: 0;
        }

        .feature-2-column-sm {
          grid-column-gap: 1em;
          grid-row-gap: 1em;
        }

        .team-logo {
          width: 25%;
          margin-left: 1em;
          margin-right: 1em;
        }

        .side-by-side-2-to-1 {
          grid-column-gap: 3em;
          grid-row-gap: 3em;
        }

        .faq-3x {
          width: 100%;
          grid-column-gap: 2em;
          grid-row-gap: 2em;
        }

        .section-icon.pink {
          width: 2em;
          height: 2em;
          display: none;
        }

        .faq-wrap {
          padding-left: 0;
        }

        ._3-column {
          width: 100%;
        }

        .feature-2x {
          margin-top: -24px;
          padding-left: 40px;
          padding-right: 40px;
        }

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

        ._2-column {
          width: 100%;
        }

        .logo-levitate-1 {
          width: 2em;
          height: 2em;
          left: 2%;
        }

        .logo-levitate-9 {
          width: 2em;
          height: 2em;
          top: 44%;
          left: 0%;
        }

        .logo-levitate-8 {
          bottom: 2%;
        }

        .logo-levitate-6 {
          width: 3em;
          top: -6%;
        }

        .logo-levitate-5, .logo-levitate-4 {
          width: 2em;
          height: 2em;
        }

        .logo-levitate-3 {
          width: 2em;
        }

        .logo-levitate-2 {
          bottom: 4%;
        }

        .onboarding-slider {
          z-index: 1;
          width: auto;
        }

        .onboarding-close {
          z-index: 2;
          top: auto;
          bottom: 4%;
          left: 50%;
          right: 0%;
          transform: translate(-50%);
        }

        .feature-3-column-lg-copy {
          width: 100%;
          grid-template-columns: 1fr;
        }

        .profile-divider {
          width: 100%;
          padding-right: 0;
        }

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

        .link {
          font-size: .75em;
        }

        .post-section {
          background-color: rgba(0, 0, 0, 0);
          border-radius: 0;
          padding: 0;
        }

        .team-member-section {
          padding-left: 1.5em;
          padding-right: 1.5em;
        }

        .team-member-header {
          margin-left: -1.5em;
          margin-right: -1.5em;
        }

        .submit-inside {
          flex-direction: column;
          align-items: center;
          margin-top: 1em;
          position: static;
        }

        .pricing-header-60 {
          width: 100%;
          text-align: left;
          align-items: flex-start;
        }

        .pricing-3x-benefits {
          width: 100%;
        }

        .next-button {
          font-size: .75em;
        }

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

        .stats-3x {
          width: 100%;
        }

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

        .press-section {
          width: 100%;
          grid-column-gap: 2em;
          grid-row-gap: 2em;
        }

        .holder {
          width: 8em;
          flex-direction: column;
          justify-content: center;
          display: flex;
        }

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

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

        .logomark-wrap {
          width: 5em;
        }

        .tweet-list, .tweet-column._2x {
          grid-template-columns: 1fr;
        }

        .customer-logo {
          margin-left: auto;
          margin-right: auto;
        }

        .side-by-side-1-to-2 {
          width: 100%;
          grid-column-gap: 5em;
          grid-row-gap: 2em;
        }

        .testimonial-with-avatar-list {
          width: 100%;
          margin-top: 2em;
        }

        .testimonial-avatar-top {
          width: 4em;
          height: 4em;
          margin-top: -2em;
        }

        .ui-snippet {
          padding-left: 1em;
          padding-right: 1em;
        }

        .customer-stats {
          grid-auto-flow: row;
        }

        .info-3x {
          width: 100%;
          grid-column-gap: 1.25em;
          grid-template-columns: 1fr;
        }

        .image-wrapper-2-3.rounded-xs {
          margin-bottom: 0;
        }

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

        .footer-grid {
          grid-column-gap: 3em;
          grid-row-gap: 1.5em;
          padding-left: 0;
        }

        ._3x-box {
          width: 100%;
        }

        .template-thumb-wrap-static {
          padding: 1.5em;
        }

        .div-block {
          width: 100%;
          background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
          margin-bottom: 60px;
          margin-left: 0;
          margin-right: 0;
          padding-left: 0;
          padding-right: 0;
        }

        .image-13 {
          margin-top: -11px;
          padding-left: 0;
          padding-right: 0;
        }
        .div-block-7, .div-block-8 {
          margin-top: -9px;
          padding-top: 0;
        }

        .div-block-9, .div-block-10 {
          margin-top: -8px;
          padding-top: 0;
        }

        .side-by-side-1-to-1-copy {
          width: 100%;
          grid-column-gap: 5em;
          grid-row-gap: 2em;
          margin-top: -36px;
        }

        .heading-2, .heading-3, .heading-4, .heading-5 {
          font-size: 1.1em;
        }

        .heading-6 {
          margin-top: 10px;
          font-size: 1.75em;
        }

        .heading-7, .heading-8, .heading-9, .heading-10 {
          font-size: 1.3em;
        }

        .industry-icon.pink {
          width: 2em;
          height: 2em;
        }

        .image-background-copy {
          height: 80%;
          height: 100%;
          margin-left: auto;
        }

        .image-14 {
          width: 90px;
        }

        .content-centered-copy {
          padding-left: 10px;
          padding-right: 10px;
        }


        .section-copy.more-space {
          padding-top: 0;
        }

        .image-background-copy {
          height: 100%;
          margin-top: 0;
          margin-left: auto;
        }

        .section-copy.more-space {
          padding-top: 0;
        }



        .title-md-2 {
          font-size: 2.5em;
        }

        .about-title-wrap-2 {
          margin-top: 140px;
          margin-bottom: auto;
        }

        .title-2xl-2, .title-xl-2 {
          font-size: 2.5em;
        }

        .section-2 {
          padding-bottom: 2em;
        }

        .bg-tile-middle-3.bg-indigo-900 {
          padding-bottom: 0;
        }

        .container-md-2.fade-in-on-scroll {
          margin-left: 0;
          margin-right: 0;
          padding-left: 0;
          padding-right: 0;
        }

        .font-title-4.text-color-white, .text-color-white-3-copy.opacity-90 {
          text-align: center;
        }

        .side-by-side-1-to-1-copy {
          width: 100%;
          grid-column-gap: 5em;
          grid-row-gap: 2em;
          margin-top: 2px;
        }

        .button-animated-2 {
          font-size: 1em;
        }

        .shift-body-2 {
          padding-left: 1.5em;
          padding-right: 1.5em;
        }

        .title-sm-2 {
          margin-left: 20px;
          font-size: 1.75em;
        }

        .side-by-side-1-to-1-2 {
          width: 100%;
          grid-column-gap: 5em;
          grid-row-gap: 2em;
        }

        .title-sm-3, .title-xs-2 {
          font-size: 1.75em;
        }

        .title-xl-3 {
          font-size: 2.5em;
        }

        .text-xl-copy {
          font-size: 1.25em;
        }

        .title-lg-2 {
          letter-spacing: -.01em;
          font-size: 1.875em;
        }

        .container-md-3 {
          margin-bottom: 20px;
        }

        .title-md-copy {
          font-size: 2.5em;
        }

        .button-copy.button-outline.large {
          font-size: 1.25em;
        }

        .text-2xl-copy {
          font-size: 1.375em;
          line-height: 1.25;
        }

        .text-2xl-copy._32ch {
          text-align: center;
          margin-right: auto;
          padding-left: 0;
          font-size: 1.2em;
        }

        .column-base-copy {
          text-align: left;
          padding-top: 0;
          padding-left: 20px;
          padding-right: 20px;
        }

        .column-base-copy.content-centered {
          margin-top: 60px;
          padding-left: 0;
          padding-right: 0;
        }

        .text-2xl-copy {
          font-size: 1.375em;
          line-height: 1.25;
        }

        .text-2xl-copy._32ch {
          text-align: center;
          margin-right: auto;
          font-size: 1.2em;
        }

        .text-2xl-copy {
          font-size: 1.375em;
          line-height: 1.25;
        }

        .text-2xl-copy._32ch {
          text-align: center;
          margin-right: auto;
          font-size: 1.2em;
        }

        .text-2xl-copy {
          font-size: 1.375em;
          line-height: 1.25;
        }

        .text-2xl-copy._32ch {
          text-align: center;
          margin-right: auto;
          font-size: 1.2em;
        }

        .text-2xl-copy {
          font-size: 1.375em;
          line-height: 1.25;
        }

        .text-2xl-copy._32ch {
          text-align: center;
          margin-right: auto;
          font-size: 1.2em;
        }

        .text-2xl-copy {
          font-size: 1.375em;
          line-height: 1.25;
        }

        .text-2xl-copy._32ch {
          text-align: center;
          margin-right: auto;
          font-size: 1.2em;
        }

        .text-2xl-copy {
          font-size: 1.375em;
          line-height: 1.25;
        }

        .text-2xl-copy._32ch {
          text-align: center;
          margin-right: auto;
          font-size: 1.2em;
        }

        .text-2xl-copy {
          font-size: 1.375em;
          line-height: 1.25;
        }

        .text-2xl-copy._32ch {
          text-align: center;
          margin-right: auto;
          font-size: 1.2em;
        }

        .text-2xl-copy {
          font-size: 1.375em;
          line-height: 1.25;
        }

        .text-2xl-copy._32ch {
          text-align: center;
          margin-right: auto;
          font-size: 1.2em;
        }

        .font-title-7 {
          font-size: 1.2em;
        }

        .browser-top-bar-2 {
          padding-left: .5em;
          padding-right: .5em;
        }

        .button-animated-3 {
          font-size: 1em;
        }

        .button-animated-3.large {
          font-size: 1.25em;
        }

        .title-xl-4 {
          font-size: 2.3em;
        }

        .tabs-menu-side-link-2 {
          padding-top: 1em;
          padding-left: 1em;
          padding-right: 1em;
        }

        .title-sm-4 {
          font-size: 1.75em;
        }

        .snippet-body-2 {
          width: 100%;
        }

        .text-lg-2 {
          font-size: 1.125em;
        }

        .title-sm-5 {
          font-size: 1.75em;
        }

        .how-it-works-number-2 {
          top: 12px;
          left: 12px;
          transform: none;
        }

        .image-16 {
          width: 3em;
          height: 3em;
          margin: .25em;
          padding: .25em;
        }

        .title-sm-6 {
          font-size: 1.75em;
        }

        .font-title-7-copy {
          font-size: 1.2em;
        }

        .font-title-7-copy.text-color-indigo-500 {
          font-size: 2.5em;
        }

        .section-copy-copy {
          padding-top: 6em;
          padding-bottom: 2em;
        }

        .section-copy-copy.more-space {
          padding-top: 0;
        }



        .div-block-14 {
          width: 90%;
        }

        .title-2xl-2-copy {
          margin-bottom: 20px;
          font-size: 2.5em;
        }

        .title-lg-copy {
          letter-spacing: -.01em;
          font-size: 1.875em;
        }

        .title-lg-copy.leading-none {
          font-size: 2.2em;
        }

        .button-animated-4 {
          font-size: 1em;
        }

        .section-icon-copy.pink {
          width: 2em;
          height: 2em;
          display: none;
        }

        .image-contain-2-copy {
          max-width: 100%;
          margin-top: 12px;
        }

        .tabs-menu-side-link-3 {
          padding-top: 1em;
          padding-left: 1em;
          padding-right: 1em;
        }

        .title-sm-7, .title-sm-8 {
          font-size: 1.75em;
        }

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

        .margin-bottom-copy.margin-2xl {
          padding-left: 0;
          padding-right: 20px;
        }

        .text-lg-copy {
          font-size: 1.125em;
        }

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

        .text-2xl-2 {
          font-size: 1.375em;
          line-height: 1.25;
        }

        .info-3x-2 {
          width: 100%;
        }

        .button-outlined-4-copy {
          width: 80%;
          padding-left: 2em;
          padding-right: 2em;
        }
      }