:root {
  --font-primary: Montserrat, sans-serif;
  --sky-blue-50: #92b5e980;
  --black: black;
  --white: white;
  --sky-blue: #92b5e9;
  --purple: #78137f;
  --font-secondary: SUSE, sans-serif;
  --cream-white: #fff9e6;
  --jonquil: #ffcf00;
}

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

label {
  font-family: var(--font-primary);
  margin-bottom: 5px;
  font-weight: 400;
  display: block;
}

.section-header {
  align-items: center;
  padding: 60px 5%;
  display: flex;
  position: relative;
}

.navigation-secondary {
  border: 1px solid var(--sky-blue-50);
  color: #080808;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s, border-color .3s;
  display: flex;
}

.navigation-secondary:hover {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}

.logo-link {
  text-decoration: none;
}

.header-image {
  border-radius: 16px;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 464px;
  display: flex;
  position: relative;
}

.navigation-wrapper {
  grid-column-gap: 16px;
  align-items: center;
  display: flex;
}

.button-primary {
  background-color: var(--black);
  font-family: var(--font-primary);
  color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 12px 18px 12px 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.button-primary:hover {
  background-color: var(--sky-blue-50);
  color: #000;
}

.button-primary.on-black {
  background-color: var(--white);
  color: var(--black);
}

.button-primary.on-black:hover {
  background-color: var(--sky-blue);
}

.header-logo-card {
  opacity: .5;
  filter: grayscale();
  color: #acb4c3;
  justify-content: center;
  align-items: center;
  padding: 32px 24px;
  transition: filter .2s, opacity .2s;
  display: flex;
}

.header-logo-card:hover {
  opacity: 1;
  filter: none;
  color: #07090d;
}

.paragraph-regular {
  font-family: var(--font-primary);
  color: #818a9c;
  max-width: 460px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.paragraph-regular.black {
  color: #000;
  font-weight: 500;
}

.header-card-title {
  color: #07090d;
  justify-content: space-between;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.navigation-menu {
  grid-column-gap: 12px;
  align-items: center;
  display: flex;
  position: relative;
}

.header-grid {
  grid-column-gap: 72px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.navigation-button {
  grid-column-gap: 8px;
  background-color: var(--black);
  font-family: var(--font-primary);
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.navigation-button:hover {
  background-color: var(--sky-blue-50);
  color: #000;
}

.header-icon-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #07090d;
  flex-wrap: wrap;
  align-items: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  display: flex;
}

.menu-button {
  border-radius: 4px;
  padding: 8px;
  transition: color .3s;
}

.menu-button:hover {
  color: #1457ff;
}

.button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  margin-top: 48px;
  display: flex;
}

.header-image-graphic {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.navigation-link {
  font-family: var(--font-primary);
  color: #586174;
  letter-spacing: -.01em;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 6px;
  padding: 4px 16px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  transition: all .35s;
}

.navigation-link:hover {
  color: #080808;
  border: 1px solid #e6e6e6;
}

.navigation-link.w--current {
  color: #586174;
}

.header-card {
  background-color: #fff;
  border: 4px solid #edeff2;
  border-radius: 8px;
  width: 100%;
  max-width: 304px;
  padding: 24px;
  position: absolute;
  inset: auto auto 32px -10%;
  overflow: hidden;
}

.button-arrow-small {
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-icon {
  color: #acb4c3;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-logo-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #edeff2;
  border-radius: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 0;
}

.hero-heading {
  font-family: var(--font-secondary);
  color: #07090d;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 56px;
  line-height: 72px;
}

.button-secondary-arrow {
  grid-column-gap: 8px;
  border: 1px solid var(--sky-blue-50);
  font-family: var(--font-primary);
  color: #07090d;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.button-secondary-arrow:hover {
  color: #fff;
  background-color: #07090d;
}

.navigation-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.header-card-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.navigation {
  background-color: #fff;
  align-items: center;
  width: 100%;
  min-height: 96px;
  padding: 24px 5%;
  display: flex;
  position: sticky;
  top: 0;
}

.header-icon-block {
  background-color: var(--sky-blue);
  color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

.span-primary {
  color: var(--sky-blue);
}

.body {
  font-family: Poppins, sans-serif;
}

.content-accent {
  color: var(--sky-blue);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: absolute;
  inset: -16px 24px auto auto;
}

.content-feature-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  width: 100%;
  max-width: 420px;
  margin-top: 32px;
}

.content-feature-number {
  color: #080808;
  margin-top: 12px;
  margin-left: 12px;
  font-size: 44px;
  font-weight: 600;
  line-height: 60px;
}

.content-feature-block {
  position: relative;
}

.h3-heading {
  font-family: var(--font-secondary);
  color: #080808;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: 600;
  line-height: 60px;
}

.h3-heading.centered {
  text-align: center;
}

.h3-heading.on-black {
  color: var(--white);
}

.content-image-right {
  border-radius: 16px;
  width: 100%;
  height: 400px;
  position: relative;
  top: 60px;
}

.content-image-tall {
  object-fit: cover;
  object-position: 60% 50%;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.content-grid {
  grid-column-gap: 92px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.1fr;
  align-items: center;
}

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

.content-subheading {
  color: var(--sky-blue);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-weight: 500;
  line-height: 24px;
}

.section-content {
  align-items: center;
  padding: 60px 5%;
  display: flex;
  position: relative;
}

.section-content.large-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}

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

.paragraph-regular-2 {
  color: #383838;
  max-width: 460px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.content-feature-square {
  z-index: -1;
  background-color: var(--sky-blue-50);
  width: 48px;
  height: 48px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.content-accent-02 {
  color: var(--sky-blue);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: absolute;
  inset: auto auto -24px 32px;
}

.content-image-double {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-image-left {
  border-radius: 16px;
  width: 100%;
  height: 400px;
  position: relative;
}

.h2-heading {
  font-family: var(--font-secondary);
  text-align: center;
  margin-top: 80px;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 600;
  line-height: 60px;
}

.pain-points-section {
  padding: 80px 5%;
  display: none;
}

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

.feature-card-01 {
  background-color: var(--cream-white);
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  display: flex;
}

.feature-card-02 {
  background-color: var(--cream-white);
  border-radius: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  display: flex;
}

.feature-detail {
  font-family: var(--font-primary);
  color: #333b47;
  text-align: center;
  font-weight: 500;
  line-height: 24px;
}

.feature-card-03 {
  background-color: var(--cream-white);
  border-radius: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  display: flex;
}

.feature-heading {
  font-family: var(--font-secondary);
  color: #000;
  text-align: center;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

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

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

.feature-grid-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  margin-top: 60px;
}

.feature-text {
  font-family: var(--font-primary);
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.content-image-wrap {
  background-image: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 700px;
  position: relative;
}

.feature-wrap {
  align-items: center;
  display: flex;
}

.content-grid-info {
  grid-column-gap: 100px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-items: center start;
}

.content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  max-width: 700px;
  display: flex;
}

.content-paragraph {
  font-family: var(--font-primary);
  color: #000;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.content-paragraph.on-black {
  color: var(--white);
  margin-bottom: 24px;
}

.content-container {
  max-width: 1070px;
  margin-left: auto;
  margin-right: auto;
}

.square-point {
  background-color: var(--sky-blue);
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
  margin-right: 14px;
}

.content-image.realtive {
  border-radius: 16px;
  position: relative;
}

.background-content {
  background-color: var(--cream-white);
  border-radius: 16px;
  padding: 40px;
}

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

.grid.background {
  z-index: 0;
  height: 100%;
  position: absolute;
  inset: 0% auto auto -5%;
}

.grid.background.right {
  inset: 0% -5% 0% auto;
}

.bullet-point {
  aspect-ratio: 1;
  background-color: var(--sky-blue);
  justify-content: center;
  align-items: center;
  width: 6px;
  height: 6px;
  margin-right: 14px;
}

.video-thumbnail-wrapper {
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  height: 500px;
  display: flex;
  overflow: hidden;
}

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

.video-section {
  padding: 80px 3%;
}

.video-heading {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
}

.title-grid {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  margin-bottom: 72px;
}

.video-lightbox-link {
  background-color: var(--sky-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 102px;
  height: 102px;
  display: flex;
  position: absolute;
}

.container-3 {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

.heading-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-wrapper.margin-bottom-64 {
  margin-bottom: 64px;
}

.cta-card {
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  flex-direction: column;
  padding: 24px;
  transition: box-shadow .3s;
  display: flex;
}

.cta-card:hover {
  box-shadow: 15px 32px 64px -14px #4d4d4d29;
}

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

.cta-card-02 {
  background-color: #b3e5c3;
  border-radius: 14px;
  height: 180px;
  margin-top: 32px;
  overflow: hidden;
}

.h6-heading {
  margin-top: 0;
  font-size: 28px;
  line-height: 34px;
}

.integration-detail-wrapper {
  color: #1a1a1a;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.cta-card-03 {
  background-color: #fcd49c;
  border-radius: 14px;
  height: 180px;
  margin-top: 32px;
  overflow: hidden;
}

.heading-detail-section {
  color: var(--sky-blue);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: normal;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.container-large {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

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

.icon-small {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  display: flex;
}

.cta-card-01 {
  background-color: #b3bbe5;
  border-radius: 14px;
  height: 180px;
  margin-top: 32px;
  overflow: hidden;
}

.cta-title-wrapper {
  color: #1a1a1a;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.button.realtive {
  position: relative;
}

.text {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}

.text._16-px {
  font-size: 16px;
}

.text._16-px.black {
  color: #000;
}

.text._16-px.arw {
  justify-content: flex-end;
  margin-left: 10px;
  padding-right: 70px;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text._16-px.arw:hover {
  padding-right: 60px;
}

.footer-grid-top-bar {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin-bottom: 32px;
}

.footer-social-link {
  color: #94a5a8;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.footer-social-link:hover {
  color: #323c3e;
  overflow: hidden;
}

.footer-legal-button {
  color: #607276;
  padding: 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: underline;
  transition: all .3s;
}

.footer-legal-button:hover {
  color: #1c2122;
}

.footer-link {
  font-family: var(--font-primary);
  color: #323c3e;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

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

.footer-bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.footer-legal-wrap {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-social-wrapper {
  grid-column-gap: 16px;
  align-items: center;
  display: flex;
}

.footer-link-button {
  color: #607276;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
}

.footer-link-button:hover {
  color: #1c2122;
}

.footer-title-bold {
  font-family: var(--font-primary);
  letter-spacing: -.02em;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

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

.icon-medium:hover {
  color: #3b24b2;
}

.caption-medium {
  color: #1c2122;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.caption-medium.text-color-gray-600 {
  color: #607276;
  font-weight: 400;
}

.section-footer {
  padding: 120px 5% 32px;
}

.footer-social-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.footer-line {
  background-color: #ccd4d6;
  width: 100%;
  height: 1px;
  margin-bottom: 10px;
}

.footer-logo-wrapper {
  grid-column-gap: 16px;
  align-items: center;
  display: flex;
}

.footer-grid-primary {
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 48px;
}

.footer-column {
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  display: flex;
}

.logo {
  font-family: var(--font-secondary);
  color: var(--black);
  font-size: 24px;
  font-weight: 800;
  text-decoration: none;
}

.image {
  max-height: 40px;
}

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

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

.text-field {
  font-family: var(--font-primary);
}

.field-label {
  font-family: var(--font-primary);
  text-align: left;
  width: 200px;
  margin-bottom: 0;
}

.input-text-field {
  font-family: var(--font-primary);
  color: var(--black);
  border-radius: 6px;
  margin-bottom: 0;
}

.form-block {
  width: 100%;
}

.div-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .logo-link {
    margin-right: 0;
  }

  .navigation-wrapper {
    align-items: center;
    width: auto;
    display: flex;
  }

  .navigation-menu {
    color: #393b6a;
    background-color: #fff;
    border-radius: 8px;
    padding: 12px;
    position: absolute;
  }

  .navigation-menu.w--open {
    background-color: #282556;
    border-color: #fff;
  }

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

  .menu-button:hover {
    color: var(--purple);
  }

  .menu-button.w--open {
    background-color: #07090d;
    justify-content: center;
    align-items: center;
  }

  .menu-button.w--open:hover {
    color: var(--purple);
  }

  .navigation-link {
    width: 100%;
  }

  .menu-icon:hover {
    color: #333;
  }

  .header-card {
    left: 32px;
  }

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

  .navigation {
    min-height: 80px;
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
  }

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

  .content-image-double {
    justify-content: flex-start;
  }

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

  .video-thumbnail-wrapper {
    height: 430px;
  }

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

  .button.realtive {
    width: 250px;
  }

  .footer-grid-top-bar, .footer-grid-primary {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .navigation-secondary {
    display: none;
  }

  .h3-heading {
    font-size: 36px;
    line-height: 52px;
  }

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

  .content-grid-info {
    grid-row-gap: 60px;
  }

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

  .cta-card {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-three-column, .footer-grid-top-bar, .footer-grid-primary {
    grid-template-columns: 1fr;
  }

  .div-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 479px) {
  .section-header {
    flex-direction: row;
  }

  .navigation-secondary {
    display: none;
  }

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

  .button-primary {
    width: 90%;
  }

  .button-primary.on-black {
    width: 100%;
  }

  .paragraph-regular {
    font-size: 18px;
    line-height: 30px;
  }

  .header-card-title {
    font-size: 16px;
  }

  .header-grid {
    flex-direction: column;
    display: flex;
  }

  .navigation-button {
    display: none;
  }

  .header-icon-wrapper {
    font-size: 28px;
  }

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

  .header-card {
    max-width: 80%;
    padding: 16px;
    bottom: 16px;
    left: 16px;
  }

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

  .hero-heading {
    font-size: 44px;
    line-height: 62px;
  }

  .button-secondary-arrow {
    width: 90%;
  }

  .navigation {
    min-height: 66px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

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

  .content-image-right {
    height: 220px;
    top: 32px;
  }

  .paragraph-regular-2 {
    font-size: 18px;
    line-height: 30px;
  }

  .content-image-double {
    grid-column-gap: 24px;
  }

  .content-image-left {
    height: 220px;
  }

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

  .content-grid-info {
    overflow: visible;
  }

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

  .grid.background.right {
    overflow: visible;
  }

  .video-thumbnail-wrapper {
    height: 320px;
  }

  .button.realtive {
    justify-content: center;
    width: 230px;
  }

  .text._16-px.arw {
    padding-right: 50px;
  }

  .text._16-px.arw:hover {
    padding-right: 40px;
  }

  .text._16-px.arw.black {
    padding-right: 50px;
  }

  .text._16-px.arw.black:hover {
    padding-right: 40px;
  }

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

  .footer-bottom-wrapper {
    grid-row-gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer-legal-wrap {
    flex-wrap: wrap;
    justify-content: center;
  }

  .icon-medium:hover {
    color: var(--purple);
  }
}

#w-node-_10b4d695-97a8-378d-19e0-e449854b73d6-434d5642 {
  place-self: center;
}

#w-node-_10b4d695-97a8-378d-19e0-e449854b73e3-434d5642, #w-node-fbfcb50e-0d2b-139f-2aae-5f7c69c0f09c-434d5642, #w-node-c7ce1f39-93fa-9082-cc93-b0d54b660271-434d5642, #w-node-_772d9f97-bd76-6b21-9b84-e9aadaa9e5de-434d5642, #w-node-_75a23fbe-eaa3-c2f3-e8a6-37561edb44f6-434d5642, #w-node-_75a23fbe-eaa3-c2f3-e8a6-37561edb44fd-434d5642, #w-node-_75a23fbe-eaa3-c2f3-e8a6-37561edb4503-434d5642, #w-node-_75a23fbe-eaa3-c2f3-e8a6-37561edb4509-434d5642, #w-node-_75a23fbe-eaa3-c2f3-e8a6-37561edb450f-434d5642, #w-node-_75a23fbe-eaa3-c2f3-e8a6-37561edb4515-434d5642, #w-node-d1f5adcf-e1bc-71f3-8d97-af36bbcf2556-434d5642, #w-node-d1f5adcf-e1bc-71f3-8d97-af36bbcf255d-434d5642, #w-node-d1f5adcf-e1bc-71f3-8d97-af36bbcf2564-434d5642 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_59b4a26b-94f2-d307-c8c2-3fbfa1a091f5-434d5642, #w-node-_5a8422f4-7087-d6b9-d378-4ec7a7da7eb1-434d5642 {
  justify-self: end;
}

#w-node-_881ca3b3-f714-34a9-5e95-e21284878102-434d5642, #w-node-_881ca3b3-f714-34a9-5e95-e21284878111-434d5642, #w-node-_881ca3b3-f714-34a9-5e95-e21284878120-434d5642, #w-node-d6537ab1-b5e3-8d46-457e-f2babaf36722-434d5642, #w-node-d6537ab1-b5e3-8d46-457e-f2babaf3672d-434d5642, #w-node-d6537ab1-b5e3-8d46-457e-f2babaf36738-434d5642 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_59b4a26b-94f2-d307-c8c2-3fbfa1a091f5-434d5642, #w-node-_5a8422f4-7087-d6b9-d378-4ec7a7da7eb1-434d5642 {
    order: -9999;
    justify-self: start;
  }
}