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

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

@font-face {
  font-family: Pretendard;
  src: url('../fonts/Pretendard-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --gray--gray1000: #212121;
  --gray--gray600: #707070;
  --gray--gray25: whitesmoke;
  --gray--gray400: #999;
  --amber-yellow--amberyellow400: #ffc533;
  --gray--gray100: #e6e6e6;
  --untitled-ui--gray900\<deleted\|variable-f63dbb51\>: #101828;
  --gray--gray800: #474747;
  --untitled-ui--primary\<deleted\|variable-35a3c723\>: #ffcb4c;
  --amber-yellow--amberyellow50: #fff8e6;
  --gray--gray300: #b3b3b3;
  --untitled-ui--gray100\<deleted\|variable-4a47ec41\>: #f2f4f7;
  --untitled-ui--gray200\<deleted\|variable-bad2ea62\>: #eaecf0;
  --untitled-ui--gray500\<deleted\|variable-68f29e84\>: #667085;
  --amber-yellow--amberyellow100: #fff1cc;
  --gray--gray50: #f0f0f0;
  --gray--white: white;
  --gray--gray900: #333;
  --gray--gray200: #ccc;
  --gray--gray700: #5c5c5c;
  --blue--blue50: #cfdbfc;
  --blue--blue200: #7596f0;
  --amber-yellow--amberyellow500: #ffb90a;
  --blue--blue300: #4b75e7;
  --gray--gray500: #858585;
  --gray--black: #000;
  --gray--white\<deleted\|variable-52233cee-eea6-ce99-3258-667bf7caa793\>: white;
  --amber-yellow--amberyellow300: #fed05f;
  --yellow--yellow400: #ffd80a;
  --gray--gray10: #fafafa;
  --gray--black-2: black;
  --amber-yellow--amberyellow20: #fffcf5;
  --blue--blue20: #e2e9fe;
  --yellow--yellow20: #fffae0;
  --blue--blue10: #f5f8ff;
  --yellow--yellow300: #ffde33;
  --amber-yellow--amberyellow200: #ffe299;
  --blue--blue400: #2c5bdd;
  --red--red300: #ef5d43;
  --green400: #47c25b;
  --green300: #62d074;
  --green200: #85e093;
  --green100: #abedb6;
  --green50: #d4f7da;
  --green20: #e5fbe8;
  --green10: #f5fff6;
  --amber-yellow--amberyellow600: #e0a100;
  --amber-yellow--amberyellow700: #b88300;
  --amber-yellow--amberyellow800: #8f6600;
  --amber-yellow--amberyellow900: #664900;
  --blue--blue100: #a1b8f7;
  --gray--gray1100: #1a1a1a;
  --navy--navy400: #0b1b46;
  --red--red400: #e74023;
  --red--red200: #f6836f;
  --red--red100: #fbab9d;
  --red--red50: #fed4cd;
  --red--red20: #ffe5e0;
  --red--red10: #fff6f5;
  --yellow--yellow200: #ffe666;
  --yellow--yellow100: #ffef99;
  --yellow--yellow50: #fff7cc;
}

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

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

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

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

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

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

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

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

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

body {
  letter-spacing: -.4px;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
  line-height: 160%;
}

h1 {
  letter-spacing: -.4px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 140%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 700;
  line-height: 140%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 140%;
}

h4 {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 140%;
}

p {
  color: var(--gray--gray1000);
  margin-bottom: 0;
  line-height: 150%;
}

.nav-dropdown-list-description {
  color: var(--gray--gray400);
  letter-spacing: normal;
  white-space: pre;
  font-size: 14px;
}

.nav-dropdown-list-icon {
  color: var(--amber-yellow--amberyellow400);
  width: 24px;
  height: 24px;
}

.nav-mb-hamburger {
  padding: 0;
}

.nav-menu-right {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.nav-menu-item {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-color: var(--gray--gray100);
  color: #000;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 16px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.nav-menu-item:hover {
  font-weight: 700;
}

.nav-menu-item.w--current {
  color: #000;
}

.nav-menu-item.w--open {
  border-style: none;
  border-width: 0;
  font-weight: 700;
}

.nav-menu-item.nav-menu-with-icon {
  padding-left: 4px;
}

.nav-menu-item.mobile-login {
  display: none;
}

.nav-menu-item.login {
  align-items: stretch;
  padding-left: 12px;
  padding-right: 12px;
  display: none;
}

.nav-menu-item.login:hover {
  font-weight: 700;
  text-decoration: none;
}

.nav-menu-item.display-none {
  display: none;
}

.nav-dropdown-list-title {
  color: var(--gray--gray1000);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

.nav-dropdown-list-text {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.nav-dropdown-menu-icon {
  flex: none;
}

.nav-dropdown-list-menu {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: 16px;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.nav-dropdown-list-menu:hover {
  background-color: var(--amber-yellow--amberyellow50);
}

.nav-dropdown-list-menu.display-none {
  display: none;
}

.nav-dropdown-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: flex;
}

.nav-dropdown-wrapper {
  z-index: 999999;
  width: 400px;
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.nav-dropdown-wrapper.w--open {
  border: 1px solid var(--gray--gray25);
  background-color: #fff;
  border-radius: 8px;
  margin-top: 0;
  padding: 8px;
  position: absolute;
  right: -287.953px;
  box-shadow: 0 18px 24px -4px #0000001a;
}

.nav-dropdown-icon {
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 18px;
  margin-right: 0;
  display: none;
  position: static;
  inset: auto 0% auto auto;
}

.nav-dropdown.nav-mb-menu-styling.display-none {
  display: none;
}

.nav-menu-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-left: 12px;
  display: flex;
}

.nav-logo-wrapper {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 4px;
  display: flex;
}

.nav-logo-wrapper.w--current {
  align-items: center;
}

.container-nav {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 1128px;
  height: 100%;
  min-height: 72px;
  padding: 0 24px;
  display: flex;
}

.navigation {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--untitled-ui--gray100\<deleted\|variable-4a47ec41\>);
  white-space: normal;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 80px;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.nav-logo {
  vertical-align: middle;
  align-self: stretch;
  padding-left: 6px;
  padding-right: 6px;
}

.nav-menu-with-icon-wrapper {
  padding-left: 2px;
  display: flex;
}

.image {
  width: 22px;
}

.nav-btn-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.nav-mb-fixed {
  font-size: 14px;
  display: none;
}

.nav-menu-left {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  margin-left: 4px;
  display: flex;
  overflow: visible;
}

.nav-mb-btn, .nav-mb-menu-right {
  display: none;
}

.footer-logo {
  flex-wrap: nowrap;
  flex: 0 auto;
  width: auto;
  max-width: none;
  height: auto;
  display: flex;
}

.footer-info-left {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  padding-left: 0;
  display: flex;
}

.footer-info-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-top: 1px solid var(--untitled-ui--gray200\<deleted\|variable-bad2ea62\>);
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 24px;
  padding-top: 40px;
  display: none;
}

.footer-menu {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--gray--gray800);
  flex-wrap: nowrap;
  align-items: center;
  padding: 6px;
  font-size: 14px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.footer-menu:hover {
  text-decoration: underline;
}

.footer-menu.hovering {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-self: auto;
}

.footer-grid-title {
  color: var(--gray--gray400);
  letter-spacing: normal;
  margin-bottom: 8px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 14px;
}

.icon-new-badge {
  grid-column-gap: .25rem;
  background-color: var(--amber-yellow--amberyellow50);
  color: var(--amber-yellow--amberyellow400);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: 2px 8px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.footer-column-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: baseline;
  padding-bottom: 30px;
  display: none;
}

.footer-info {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--gray--gray400);
  flex-flow: column;
  order: 0;
  font-size: 14px;
  display: flex;
}

.container-footer {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 24px 80px;
  display: flex;
}

.footer {
  text-align: left;
}

.footer-row-grid {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: row;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 100%;
  justify-content: flex-start;
  place-items: baseline start;
  display: none;
}

.footer-info-right {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--gray--gray400);
  flex-flow: column;
  align-items: flex-end;
  font-size: 14px;
  display: flex;
}

.h1-med {
  font-size: 56px;
  font-weight: 500;
  line-height: 140%;
}

.h1-big {
  letter-spacing: -1.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 68px;
  line-height: 140%;
}

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

.h1-big.center.mobile {
  display: block;
}

.h2-med {
  font-size: 45px;
  font-weight: 500;
  line-height: 140%;
}

.h3-med {
  font-weight: 500;
  line-height: 140%;
}

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

.footer-link {
  color: var(--gray--gray600);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.footer-link:hover {
  font-weight: 500;
  text-decoration: underline;
}

.footer-sns-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.footer-term {
  flex-flow: column;
  align-items: flex-end;
  display: flex;
}

.footer-sns-logo {
  width: 36px;
  height: 36px;
}

.footer-sns-logo:hover {
  background-color: var(--gray--gray50);
  border-radius: 100px;
}

.icon-external-link {
  height: 18px;
  margin-bottom: auto;
  padding-bottom: 0;
  display: none;
}

.test---heading {
  margin-bottom: 80px;
}

.footer-icon-padding {
  padding-bottom: 4px;
}

.test---paragraph {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  margin-bottom: 80px;
  display: flex;
}

.text-xl-bold {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
  display: block;
}

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

.text-xl-bold.gray900 {
  color: var(--gray--gray900);
}

.text-xl-bold.gray10 {
  color: #fafafa;
}

.text-xl-reg {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 160%;
  display: block;
}

.text-md-bold {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
}

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

.text-md-bold.gray900 {
  color: var(--gray--gray900);
}

.text-md-med {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
}

.text-md-med.white {
  color: #fff;
}

.text-md-reg {
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
}

.text-md-reg.gray600 {
  color: var(--gray--gray600);
  white-space: normal;
}

.text-md-reg.gray600.for-features-mobile {
  display: none;
}

.text-md-reg.gray200 {
  color: var(--gray--gray200);
}

.text-md-reg.gray900 {
  color: var(--gray--gray900);
}

.text-md-reg.gray900.display-none {
  display: none;
}

.text-md-reg.gray700 {
  color: var(--gray--gray700);
}

.text-md-reg.blue50 {
  color: var(--blue--blue50);
}

.text-md-reg.gray400 {
  color: var(--gray--gray400);
}

.text-md-reg.gray300 {
  color: var(--gray--gray300);
}

.text-md-reg.gray800 {
  color: var(--gray--gray800);
}

.text-md-reg.gray50 {
  color: var(--gray--gray50);
}

.text-sm-bold {
  margin-bottom: 0;
  font-weight: 700;
  line-height: 160%;
}

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

.text-sm-bold.display-none {
  display: block;
}

.text-sm-med {
  margin-bottom: 0;
  font-weight: 500;
  line-height: 160%;
}

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

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

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

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

.text-sm-med.gray700.disable {
  text-decoration: line-through;
}

.text-sm-med.amber500 {
  color: #ffb90a;
}

.text-sm-med.text-white {
  color: #fff;
}

.text-sm-med.purple {
  color: #ac72c8;
}

.text-sm-med.gray500 {
  color: #858585;
  width: auto;
}

.text-sm-med.amber600 {
  color: #e0a100;
}

.text-sm-med-u {
  margin-bottom: 0;
  font-weight: 500;
  line-height: 160%;
  text-decoration: underline;
}

.text-sm-reg {
  margin-bottom: 0;
  line-height: 160%;
}

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

.text-sm-reg.white:hover {
  text-decoration: underline;
}

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

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

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

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

.text-sm-reg.display-none {
  display: none;
}

.text-xs-bold {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 160%;
}

.text-xs-med {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
}

.text-xs-med-u {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: underline;
}

.text-xs-reg {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 160%;
  display: block;
}

.text-xs-reg.white {
  color: var(--gray--white);
  letter-spacing: -.2px;
}

.text-xs-reg.white.mobile {
  display: block;
}

.text-xs-reg.gray900 {
  color: var(--gray--gray900);
  padding-left: 48px;
  padding-right: 12px;
}

.text-xs-reg.gray500 {
  color: var(--gray--gray500);
}

.text-xs-reg.gray500.center {
  text-align: center;
}

.text-xl-med {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 160%;
}

.top-w-banner {
  background-color: var(--gray--black);
  color: #fff;
  text-align: center;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: static;
}

.top-w-banner.notice-banner-bar {
  background-image: linear-gradient(79deg, #1243bf, #0a84e9);
}

.top-w-banner.notice-banner-bar.display-none {
  display: none;
}

.container-top-w-b {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1128px;
  padding: 8px 24px;
  display: flex;
  position: relative;
}

.top-w-b-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--gray--white\<deleted\|variable-52233cee-eea6-ce99-3258-667bf7caa793\>);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.top-w-b-wrapper:hover {
  text-decoration: underline;
}

.mid-w-banner {
  color: #fff;
  text-align: center;
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: static;
}

.container-mid-w-b {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1128px;
  display: flex;
  position: relative;
}

.mid-w-b-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--gray--white\<deleted\|variable-52233cee-eea6-ce99-3258-667bf7caa793\>);
  justify-content: center;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.mid-w-b-wrapper:hover {
  text-decoration: underline;
}

.test---button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
  display: flex;
}

.nav-btn {
  border: 1px solid var(--amber-yellow--amberyellow400);
  background-color: var(--amber-yellow--amberyellow300);
  color: var(--gray--black);
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.nav-btn.primary {
  border-radius: 6px;
}

.nav-btn.primary:hover {
  background-color: var(--yellow--yellow400);
}

.nav-btn.secondary {
  border-color: var(--gray--gray200);
  background-color: var(--gray--white);
}

.nav-btn.secondary:hover {
  background-color: var(--gray--gray25);
}

.btn-primary {
  border: 1px solid var(--amber-yellow--amberyellow400);
  background-color: var(--amber-yellow--amberyellow300);
  color: var(--gray--black);
  text-align: center;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 700;
}

.btn-primary:hover {
  background-color: var(--yellow--yellow400);
}

.btn-secondary {
  border: 1px solid var(--gray--black);
  background-color: var(--gray--black);
  color: var(--gray--white);
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 700;
}

.btn-secondary:hover {
  background-color: var(--gray--gray900);
}

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

.btn-nav-primary {
  border: 1px solid var(--amber-yellow--amberyellow400);
  background-color: var(--amber-yellow--amberyellow300);
  color: var(--gray--black);
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.btn-nav-primary:hover {
  background-color: var(--yellow--yellow400);
}

.btn-nav-secondary {
  border: 1px solid var(--gray--gray200);
  background-color: var(--gray--white);
  color: var(--gray--black);
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.btn-nav-secondary:hover {
  background-color: var(--gray--gray25);
}

.btn-nav-basic {
  border: 1px solid var(--gray--white);
  background-color: var(--gray--white);
  color: var(--gray--black);
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.btn-nav-basic:hover {
  font-weight: 700;
}

.textbtn-regular-no-icon {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.textbtn-regular-no-icon.box-style {
  border-radius: 6px;
}

.textbtn-regular-no-icon.box-style:hover {
  background-color: var(--gray--gray25);
}

.textbtn-regular-icon {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  cursor: pointer;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  padding-right: 4px;
  text-decoration: none;
  display: block;
}

.textbtn-regular-icon.box-style {
  flex: 0 auto;
  align-self: flex-start;
  padding-right: 4px;
}

.textbtn-regular-icon.box-style.hover-darker:hover {
  background-color: var(--gray--gray50);
  padding-right: 4px;
}

.textbtn-regular-icon.box-style {
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  padding-right: 4px;
}

.textbtn-regular-icon.box-style:hover {
  background-color: #f5f5f5;
  padding-right: 4px;
}

.textbtn-regular-icon.gov {
  display: flex;
}

.textbtn-small-icon {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-radius: 6px;
  margin-right: 0;
  padding-right: 4px;
  display: flex;
}

.textbtn-small-icon.box-style {
  padding-right: 4px;
}

.textbtn-small-icon.box-style:hover {
  background-color: var(--gray--gray25);
}

.btn-basic {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 1px solid var(--gray--gray200);
  background-color: var(--gray--white);
  color: var(--gray--black);
  border-radius: 8px;
  justify-content: center;
  width: auto;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: none;
}

.btn-basic:hover {
  background-color: var(--gray--gray25);
}

.btn-basic-text {
  color: var(--gray--black);
  padding-top: 0;
  text-decoration: none;
}

.btn-basic-left-icon {
  justify-content: flex-end;
  width: 18px;
  height: 20px;
  display: flex;
}

.hero-sec {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.hero-sec.bg-gradation-yellow {
  background-image: linear-gradient(#fff8e6, #fff);
}

.hero-sec.bg-gradation-yellow.overflow-hidden {
  overflow: hidden;
}

.hero-sec.bg-gradation-yellow.overflow-hidden.position-relative {
  position: relative;
}

.hero-sec.bg-gradation-blue {
  background-image: linear-gradient(#f5f8ff, #fff);
}

.hero-sec.bg-gradation-purple {
  background-color: #000;
  background-image: linear-gradient(173deg, #000, #0000 20%), radial-gradient(circle closest-corner at 64% 57%, #6001fe, #0000 82%), radial-gradient(circle at 100% 130%, #9501ff, #6001fe00 87%);
  border-radius: 0;
  margin: 0;
}

.hero-sec.bg-gradation-navy {
  background-color: #fff;
  background-image: radial-gradient(circle at 50% -10%, #01c0ff, #0b57d8 37%, #1538b0 69%, #2c0361);
  border-radius: 0;
  height: 840px;
  margin: 0;
}

.hero-sec.bg-gradation-purple2 {
  background-image: linear-gradient(#fbf5ff, #fff);
}

.main-hero-bg-wrapper {
  float: right;
  clear: left;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.side-btn-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.main-hero-bg-container {
  z-index: -999;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0%;
}

.mid-w-b-right {
  padding-bottom: 2px;
}

.top-w-b-left {
  padding-bottom: 0;
}

.hero-badge-wrapper {
  background-color: #ffffff1a;
  border-radius: 70px;
  padding: 4px;
  display: flex;
}

.hero-badge-wrapper.bg-color-opacity20 {
  background-color: #fff3;
}

.hero-badge-wrapper.bg-color-opacity20.display-none {
  display: none;
}

.hero-badge-wrapper.bg-color-badge-gov {
  background-color: #0b1b46;
  background-image: linear-gradient(120deg, #005fe4, #0b1b46 63%);
  border: 1px #0b55d4;
}

.hero-badge-wrapper.bg-color-badge-gov.display-none {
  display: none;
}

.hero-badge-wrapper.bg-color-badge-gov.padding-8 {
  padding-right: 8px;
}

.badge-new {
  grid-column-gap: 10px;
  background-color: #5f14db;
  border-radius: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  text-decoration: none;
  display: flex;
}

.badge-new.test {
  background-color: #2e4dff;
}

.badge-new.bg-yellow {
  background-color: var(--amber-yellow--amberyellow400);
}

.badge-new.bg-yellow.display-none {
  display: none;
}

.icon-arrow-right-small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 4px;
  text-decoration: none;
}

.badge-link-flex {
  grid-column-gap: 6px;
  border-radius: 70px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px 12px 4px 8px;
  text-decoration: none;
  display: flex;
}

.badge-link-flex:hover {
  text-decoration: underline;
}

.badge-link-flex.typo-deco-none {
  padding-left: 4px;
}

.badge-link-flex.typo-deco-none:hover {
  text-decoration: none;
}

.main-hero-title-wrapper {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.badge-link {
  color: var(--gray--gray1000);
  text-decoration: none;
}

.badge-link.flex-align-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-sec {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.content-sec.bg-black {
  background-color: var(--gray--black);
  flex-flow: column;
  display: block;
}

.content-sec.gray10 {
  background-color: var(--gray--gray10);
}

.content-sec.gray10.overflow-hidden.flex-column {
  flex-flow: column;
}

.content-sec.gray10.overflow-hidden.flex-column.align-center {
  display: flex;
}

.content-sec.bg-gradation-gray25 {
  background-image: linear-gradient(#f5f5f5, #fff 16%);
}

.content-sec.bg-gradation-purple {
  background-color: var(--gray--black-2);
  background-image: radial-gradient(circle at 100% 120%, #1affe8b3, #fff0 45%), linear-gradient(173deg, #000, #fff0 25%), radial-gradient(circle at 60% 70%, #6001fe, #fff0 82%), radial-gradient(circle at 100% 130%, #0176ff, #fff0 63%);
  display: none;
}

.content-sec.bg-gradation-blue {
  background-color: #051131;
  background-image: radial-gradient(circle at 100% 100%, #5300b1d9, #fff0 73%), linear-gradient(173deg, #051131, #fff0 25%), radial-gradient(circle at 66% 40%, #154adb, #fff0 68%), radial-gradient(circle at 100% 130%, #0176ff, #fff0 49%);
}

.content-sec.bg-gradation-gray10 {
  background-image: linear-gradient(#f5f5f5, #fff 68%);
}

.content-sec.gray25 {
  background-color: var(--gray--gray25);
}

.content-sec.bg-gray10 {
  background-color: var(--gray--gray10);
}

.content-sec.overflow-hidden {
  overflow: hidden;
}

.content-sec.display-none {
  display: none;
}

.container-large {
  z-index: 0;
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-flow: row;
  align-items: flex-start;
  width: 100%;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  padding: 156px 24px;
  display: block;
}

.container-large.width800 {
  max-width: 800px;
}

.container-large.flex-row {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  display: flex;
}

.container-large.flex-row.tablet-display {
  display: none;
}

.container-large.no-padding-btm {
  padding-bottom: 0;
}

.container-large.main-hero {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-flow: column;
  padding-top: 96px;
  padding-bottom: 156px;
  display: flex;
}

.container-large.display-block-tablet {
  display: none;
}

.container-large.grid-2-0 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container-large.grid-2-0.display-block-tablet {
  display: none;
}

.gray600 {
  color: var(--gray--gray600);
}

.hero-tab-title {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.main-hero-tab-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.main-hero-tab-button {
  border: 1px solid var(--gray--white);
  background-color: var(--gray--white);
  border-radius: 8px;
  margin-right: 0;
  padding: 24px 24px 36px;
}

.main-hero-tab-button:hover {
  border-color: var(--gray--gray10);
  background-color: var(--gray--gray10);
}

.main-hero-tab-button.w--current {
  border: 1px solid var(--gray--gray100);
  background-color: var(--gray--gray25);
  border-radius: 8px;
  margin-right: 0;
  padding: 24px 24px 36px;
}

.main-hero-tabs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.main-hero-tabs-content {
  width: 100%;
  margin-bottom: 36px;
}

.tab-timer-line {
  background-color: var(--gray--black);
  height: 2px;
  position: static;
  inset: auto auto 0% 0%;
}

.tab-timer {
  background-color: #fff;
  border-radius: 3px;
  height: 2px;
  margin-top: 30px;
}

.main-hero-tab-mobile {
  display: none;
}

.tab-menu-link {
  background-color: var(--gray--white);
  color: var(--gray--gray400);
  text-align: center;
  border-radius: 8px;
  padding: 12px 16px 0;
  font-size: 24px;
  font-weight: 400;
}

.tab-menu-link:hover {
  background-color: var(--amber-yellow--amberyellow20);
  color: var(--gray--gray1000);
}

.tab-menu-link.w--current {
  background-color: var(--gray--white);
  color: var(--gray--gray1000);
  text-align: center;
  width: auto;
  padding: 12px 16px 0;
  font-size: 24px;
  font-weight: 700;
  overflow: visible;
}

.tab-selectedbar {
  background-color: var(--amber-yellow--amberyellow300);
  height: 3px;
  margin-top: 16px;
}

.tab-content-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  margin-top: 0;
  display: flex;
}

.tab-menu-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 48px;
  display: none;
}

.tab-industry-img {
  border-radius: 12px;
  width: 100%;
}

.tab-pane {
  border-radius: 12px;
}

.tab-industry-text-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  word-break: keep-all;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  padding: 0 4px 4px 0;
  display: flex;
}

.text-link {
  color: var(--gray--gray1000);
  margin-left: 0;
  margin-right: 0;
  padding: 2px;
  text-decoration: none;
}

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

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

.text-link.white {
  color: var(--gray--white);
  font-weight: 500;
}

.title-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  word-break: keep-all;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 72px;
  display: flex;
}

.title-wrapper.align-center {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 72px;
  display: flex;
}

.title-wrapper.align-center.consult {
  margin-bottom: 48px;
}

.title-wrapper.align-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.title-wrapper.align-left.mobile-align-center {
  width: 100%;
}

.title-wrapper.no-padding-btm {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 100%;
  margin-bottom: 0;
}

.title-wrapper.no-padding-btm.align-center {
  margin-bottom: 0;
}

.title-wrapper.no-padding-btm.align-center.main-hero {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  margin-bottom: 0;
}

.title-wrapper.no-padding-btm.align-center.white.api-hero {
  margin-bottom: 56px;
}

.title-wrapper.no-padding-btm.align-center.main-hero {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
}

.title-wrapper.with-badge {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.title-wrapper.color-white, .title-wrapper.white {
  color: var(--gray--white);
}

.title-wrapper.feature-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  word-break: keep-all;
  margin-bottom: 0;
}

.title-wrapper.feature-card.external {
  word-break: normal;
}

.title-wrapper.color-white {
  color: #fff;
}

.title-wrapper.align-center {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 72px;
  display: flex;
}

.title-wrapper.align-center.white {
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 72px;
  display: flex;
  position: static;
}

.title-wrapper.width-344 {
  width: 344px;
  min-width: 344px;
}

.title-wrapper.white {
  color: #fff;
}

.footer-column.dt-display-none {
  display: none;
}

.footer-new-badge {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-download {
  height: 18px;
  margin-bottom: 8px;
  padding-bottom: 0;
  display: block;
}

.main-hero-tab-pane {
  border-radius: 12px;
  overflow: hidden;
}

.main-ref-grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template: ". . . . . Area"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-content: stretch;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.main-ref-grid.third {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  max-width: 1128px;
  padding-left: 0;
  padding-right: 0;
}

.main-ref-grid.second {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-content: center;
  place-items: center stretch;
  padding-left: 0;
  padding-right: 0;
}

.main-ref-grid.first {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.main-ref-grid._7columns {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.main-ref-grid._6column {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.logo-wrap {
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.main-ref {
  flex-flow: row;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: block;
  overflow: visible;
}

.main-ref.second {
  overflow: visible;
}

.main-ref.first {
  position: static;
}

.main-ref-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  align-items: stretch;
  width: 100%;
  max-width: 2000px;
  margin-bottom: 0;
  padding-bottom: 128px;
  display: flex;
}

.main-ref-wrapper.mobile {
  display: none;
}

.grid-ctas {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.cta-card-wrapper {
  display: flex;
}

.cta-card-text-wrapper {
  text-align: left;
  flex: 0 auto;
  width: 100%;
}

.cta-card {
  color: var(--gray--gray1000);
  border-radius: 12px;
  padding: 30px 36px;
  text-decoration: none;
}

.cta-card.bg-gray25 {
  border: 1px solid var(--gray--gray50);
  background-color: var(--gray--gray25);
}

.cta-card.bg-gray25:hover {
  background-color: var(--gray--gray100);
}

.cta-card.bg-amber300 {
  border: 1px solid var(--amber-yellow--amberyellow500);
  background-color: var(--amber-yellow--amberyellow300);
}

.cta-card.bg-amber300:hover {
  background-color: var(--yellow--yellow400);
}

.modal {
  z-index: 1;
  background-color: #0000003d;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal.hubspot {
  z-index: 999;
  border-radius: 12px;
  display: none;
  overflow: hidden;
}

.modal-inner-wrapper {
  z-index: 3;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--gray--white);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 432px;
  height: 600px;
  margin: 24px;
  padding: 36px;
  display: block;
  position: relative;
  bottom: 30px;
  overflow: auto;
  box-shadow: 0 4px 20px 2px #00000014;
}

.modal-close-btn {
  cursor: pointer;
  padding: 18px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.modal-close-btn:hover {
  opacity: .36;
}

.modal-click-outside-wrapper {
  z-index: 2;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.btn-basic-with-icon {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 1px solid var(--gray--gray200);
  background-color: var(--gray--white);
  color: var(--gray--black);
  border-radius: 8px;
  justify-content: center;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.btn-basic-with-icon:hover {
  background-color: var(--gray--gray25);
}

.text-lg-bold {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
}

.text-lg-bold.gray900 {
  color: var(--gray--gray900);
}

.text-lg-bold.gray800 {
  color: var(--gray--gray800);
}

.text-lg-med {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
}

.text-lg-med.gray900 {
  color: var(--gray--gray900);
}

.text-lg-reg {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 160%;
  display: block;
}

.modal-title-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: none;
}

.hs-embed-code {
  margin-top: 0;
  overflow: auto;
}

.main-legal-card--title-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.gray200 {
  color: var(--gray--gray200);
}

.cta-section {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.hero-tab-description {
  padding-left: 4px;
}

.legal-accordian-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
  position: static;
  inset: 0% 0% auto 50%;
}

.container-medium {
  z-index: 0;
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  padding: 128px 24px;
  display: block;
}

.container-medium.flex-row {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.container-medium.no-padding-btm {
  padding-bottom: 0;
}

.container-small {
  width: 100%;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  padding: 72px 24px;
}

.container-small.no-padding-btm {
  padding-bottom: 0;
}

.container-small.bg-gradation-purple {
  background-image: linear-gradient(#fbf5ff, #fff);
}

.badge {
  background-color: var(--blue--blue20);
  border-radius: 24px;
  padding: 4px 12px;
}

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

.h4-med {
  line-height: 140%;
}

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

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

.legal-accordian-description-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.accordian-toggle-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 30px;
  display: flex;
}

.accordian-toggle-wrapper.blue {
  mix-blend-mode: luminosity;
}

.accordian-toggle-wrapper.blue:hover {
  background-color: var(--blue--blue10);
  mix-blend-mode: normal;
}

.legal-accordian-description-1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-top: 0;
  display: flex;
}

.accordian-title {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.icon-accordian-chevron {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.legal-accordian-paragraph-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px dotted #0b1b464a;
  flex-flow: column;
  padding: 36px 36px 40px;
  display: flex;
}

.icon-list-check {
  width: 29px;
  height: 30px;
  display: block;
}

.icon-circle-check {
  opacity: .2;
  padding: 0 4px 4px;
}

.accordian-title-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.legal-accordian {
  border: 0px solid var(--blue--blue20);
  background-color: var(--gray--gray10);
  cursor: pointer;
  mix-blend-mode: luminosity;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.legal-accordian:hover {
  background-color: var(--blue--blue10);
  mix-blend-mode: normal;
}

.banner-sec {
  padding-top: 0;
  padding-bottom: 0;
}

.container-banner {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  justify-content: space-between;
  align-items: center;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 36px 24px;
  display: flex;
}

.light-banner-title-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  display: flex;
}

.light-banner-title-wrapper.no-description {
  justify-content: flex-start;
  align-items: center;
}

.light-banner-title-wrapper.align-center {
  justify-content: center;
  align-items: center;
}

.ref-collection-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ref-sticky-nav {
  cursor: pointer;
  width: 251px;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: sticky;
  top: 36px;
  bottom: 36px;
}

.ref-page--tab {
  grid-template-rows: 0;
  grid-template-columns: .25fr 1fr;
  grid-auto-rows: 0;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.ref-page--tab-menu-and-dropdown {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  margin-top: 12px;
  margin-right: 48px;
  display: flex;
  position: sticky;
  top: 100px;
  bottom: 36px;
}

.ref-tab-menu {
  color: #999;
  background-color: #fff;
  border-radius: 12px;
  align-self: stretch;
  padding: 8px 12px;
  font-size: 15px;
}

.ref-tab-menu:hover {
  background-color: #fafafa;
}

.ref-tab-menu.w--current {
  color: #212121;
  background-color: #fafafa;
  border-radius: 12px;
  flex: 0 auto;
  align-self: auto;
  width: 251px;
  padding: 8px 12px;
  font-weight: 700;
}

.ref-tab-menu.for-gov {
  display: none;
}

.ref-content-grid-wrapper {
  flex: 1;
  width: 99.9996%;
}

.ref-page--content-tab {
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 12px;
  padding: 0;
  display: block;
}

.ref-collection-item {
  padding-left: 0;
  padding-right: 0;
}

.content-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-wrapper.position-relative, .content-wrapper.mobile-flex-column.position-relative {
  position: relative;
}

.content-wrapper.flex-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: stretch;
}

.content-wrapper.flex-column.gap30 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.content-wrapper.flex-column.gap24 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.content-wrapper.flex-column.center {
  justify-content: space-between;
  align-items: center;
}

.content-wrapper.flex-column.gap-for-api, .content-wrapper.flex-column.gap-for-main {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.content-wrapper.flex-column.gap0 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.content-wrapper.flex-column.gap16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.content-wrapper.flex-column.gap48 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.content-wrapper.grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content-wrapper.display-block {
  display: block;
}

.content-wrapper.form-align-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-wrapper.api-flex-row {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  align-items: stretch;
}

.content-wrapper.api-flex-column.gap-for-api.tablet-display {
  display: none;
}

.content-wrapper.test {
  justify-content: flex-start;
  align-items: flex-start;
}

.ref-mobile-dropdown {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  padding: 16px;
  display: none;
}

.ref-mobile-dropdown:hover {
  background-color: #fafafa;
  border-color: #5c5c5c;
}

.ref-number-wrapper {
  z-index: 1;
  flex-flow: column;
  margin-right: 80px;
  position: relative;
}

.cta-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.ref-hero-description-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: 18px;
  display: flex;
}

.ref-hero-description-wrapper.display-none {
  display: none;
}

.bg-point {
  z-index: 0;
  background-color: var(--yellow--yellow300);
  filter: blur(180px);
  width: 400px;
  height: 400px;
  position: absolute;
  inset: -20% 5% auto auto;
}

.ref-logo-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 6px;
  flex-flow: column;
  align-items: center;
  margin-bottom: 18px;
  padding: 8px 8px 12px;
  display: flex;
}

.ref-logo-card:hover {
  background-color: #fafafa;
}

.ref-logo-container {
  background-color: #fff;
  border-radius: 6px;
  align-self: center;
  overflow: hidden;
}

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

.ref-card-title {
  font-size: 16px;
  font-weight: 500;
}

.ref-number {
  display: flex;
}

.ref-counter {
  font-size: 56px;
  font-weight: 700;
  line-height: 150%;
  display: flex;
}

.empty-state {
  width: 800px;
}

.main-title-badge {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.tabs {
  flex-flow: column;
  display: flex;
}

.tabs.flex-column {
  flex-flow: column;
  margin-bottom: 96px;
  display: flex;
}

.tab-card-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.tab-card {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  max-width: 346px;
  padding: 12px 12px 24px;
  display: flex;
}

.tab-card:hover {
  border-radius: 16px;
}

.tab-card.flex-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: default;
  flex-flow: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 18px 18px 24px;
}

.tab-card.flex-column:hover {
  padding-bottom: 24px;
}

.industry-img {
  border-radius: 12px;
  width: 344px;
}

.mid-banner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--amber-yellow--amberyellow300);
  color: var(--gray--gray1000);
  background-image: url('../images/mid-banner-bg.png');
  background-position: 0 0;
  background-size: 100% 100%;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch space-between;
  place-items: center stretch;
  width: 100%;
  padding: 72px 96px;
  display: flex;
  position: static;
}

.mid-banner.from-tablet-align-center {
  background-image: url('../images/main-mid-banner-wrapper.png');
  display: none;
}

.mid-banner.from-tablet-align-center.bg-blue {
  background-image: url('../images/main-mid-banner-wrapper-blue.png');
  display: flex;
}

.tab-industry-icon {
  flex: none;
  width: 32px;
}

.main-title-badge-icon {
  width: 30px;
  height: 30px;
}

.main-hero-title-wrapper-mobile {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.feature-basic-left {
  z-index: 99;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 251px;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
  position: sticky;
  top: 200px;
  bottom: 100px;
}

.feature-basic-right {
  word-break: keep-all;
  margin-top: 18px;
  padding: 0 0 48px;
  display: block;
}

.features-basic-title-wrapper {
  margin-bottom: 30px;
}

.feature-sticky-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--gray--white);
  color: var(--gray--gray700);
  border-radius: 12px;
  align-self: stretch;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 16px;
  font-size: 18px;
  text-decoration: none;
  display: flex;
}

.feature-sticky-menu:hover {
  background-color: var(--yellow--yellow20);
}

.feature-sticky-menu.w--current {
  background-color: var(--yellow--yellow20);
  color: var(--gray--gray1000);
  font-weight: 700;
}

.features-card-column {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  display: flex;
}

.features-card-text-wrapper {
  padding-left: 8px;
}

.features-card-img {
  border-radius: 12px;
}

.features-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  cursor: default;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: minmax(280px, 1fr) 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 8px;
  display: grid;
}

.features-card:hover {
  background-color: var(--gray--gray10);
  padding: 8px;
}

.features-card-title-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.features-card-description-wrapper {
  margin-top: 8px;
  margin-left: 40px;
  margin-right: 4px;
}

.features-card-description {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding-bottom: 8px;
  display: flex;
}

.features-card-img--each {
  border: 1px solid var(--gray--gray25);
  border-radius: 12px;
  width: auto;
  height: auto;
}

.icon-features-check-blue {
  opacity: .3;
}

.feature-basic-content {
  margin-bottom: 156px;
}

.feature-basic-content.no-padding-btm {
  margin-bottom: 0;
}

.text-link--box-style {
  color: var(--gray--gray1000);
  padding: 2px 4px;
  text-decoration: none;
}

.text-link--box-style:hover {
  font-weight: 500;
  text-decoration: none;
}

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

.text-link--box-style.small:hover {
  text-decoration: none;
}

.textbtn-small-icon-no-icon {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-radius: 6px;
  display: flex;
}

.textbtn-small-icon-no-icon.box-style:hover {
  background-color: var(--gray--gray25);
}

.feature-request-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
}

.feature-request-left {
  grid-column-gap: 600px;
  grid-row-gap: 600px;
  flex-flow: column;
  display: flex;
}

.feature-request-text {
  margin-top: 18px;
  padding: 12px;
}

.feature-request--title-wrapper {
  justify-content: space-between;
  margin-bottom: 24px;
  display: flex;
}

.features-hashtag-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.feature-hashtag {
  background-color: var(--blue--blue10);
  border-radius: 24px;
  padding: 4px 12px;
}

.feature-request-img--each {
  border: 1px solid var(--gray--gray25);
  border-radius: 12px;
  width: 100%;
}

.feature-request-right {
  grid-column-gap: 600px;
  grid-row-gap: 600px;
  flex-flow: column;
  margin-top: 600px;
  margin-bottom: 128px;
  display: flex;
}

.feature-advanced-card-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.feature-advanced-card-wrapper.grid-1-row {
  grid-template-columns: 1fr;
}

.feature-advanced-card-wrapper.grid-2-row--left {
  grid-template-columns: 2.25fr 1fr;
}

.feature-advanced-card-wrapper.grid-2-row--right {
  grid-template-columns: 1.75fr 3.25fr;
}

.feature-advanced-card {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--gray--gray10);
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  padding: 48px 56px 64px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.feature-advanced-description-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.feature-advanced-img-wrapper {
  width: 100%;
  overflow: visible;
}

.feature-advanced-img {
  position: absolute;
}

.feature-advanced-img.workspace {
  max-width: 50%;
  inset: 0% 0% auto auto;
}

.feature-advanced-img.api {
  inset: 0% 0% 0% auto;
}

.feature-advanced-img.branding {
  max-width: 100%;
  inset: auto 0% -12% auto;
}

.accordian-wrapper {
  cursor: pointer;
  flex-direction: column;
  display: flex;
}

.accordian-wrapper:hover {
  mix-blend-mode: normal;
}

.accordian-opened-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.accordian-opened-wrapper.feature-all-features {
  border-top: .3px dashed var(--gray--gray300);
  border-top: .3px dashed #b3b3b3;
}

.feature-accordian-accordian-description {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.accordian {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 36px 12px;
  font-weight: 600;
  display: flex;
}

.accordian:hover {
  mix-blend-mode: normal;
}

.feature-accordian-title-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.feature-accordian-title {
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.feature-list-item-title {
  width: 220px;
}

.feature-list-item-description {
  flex: 1;
}

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

.legal-accordian-description-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: 0;
  display: flex;
}

.legal-accordian-description-sub {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 0;
  display: flex;
}

.flex-row {
  display: flex;
}

.tab-menu-link-2 {
  color: #999;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  padding: 12px 16px 0;
  font-size: 24px;
  font-weight: 400;
}

.tab-menu-link-2:hover {
  color: #212121;
  background-color: #fffcf5;
}

.tab-menu-link-2.w--current {
  color: #212121;
  text-align: center;
  background-color: #fff;
  width: auto;
  padding: 12px 16px 0;
  font-size: 24px;
  font-weight: 700;
  overflow: visible;
}

.wide-banner-sec {
  background-color: var(--gray--gray10);
  margin-top: 0;
  margin-bottom: 24px;
}

.wide-banner-sec.bg-white {
  background-color: var(--gray--white);
}

.wide-banner-sec.margin-top {
  margin-top: 24px;
}

.wide-banner-sec.no-margin-btm {
  margin-bottom: 0;
}

.wide-banner-sec.no-margin-btm.bg-yellow200 {
  background-color: var(--amber-yellow--amberyellow200);
}

.wide-banner-sec.no-margin-btm.bg-blue400 {
  background-color: var(--blue--blue400);
}

.wide-banner-sec.no-margin-btm.bg-blue400.display-none {
  display: none;
}

.anchor-sec {
  z-index: 12;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  top: 88px;
  bottom: auto;
}

.container-anchor {
  border: 1px solid var(--gray--gray100);
  background-color: var(--gray--gray10);
  border-radius: 12px;
  max-width: 1128px;
  margin-bottom: 72px;
  padding-left: 24px;
  padding-right: 24px;
  box-shadow: 0 4px 12px #00000008;
}

.container-anchor.yellow {
  border-color: var(--amber-yellow--amberyellow50);
  background-color: var(--amber-yellow--amberyellow20);
}

.container-anchor.yellow.diaplay-block-tablet {
  display: none;
}

.container-anchor.purple {
  background-color: #fefcff;
  border-color: #f3f3f3;
}

.anchor-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.anchor-menu {
  color: var(--gray--gray600);
  text-align: center;
  border-radius: 12px;
  width: 252px;
  padding: 12px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}

.anchor-menu:hover {
  background-color: var(--gray--gray25);
}

.anchor-menu.w--current {
  background-color: var(--gray--gray50);
  color: var(--gray--gray1000);
  font-weight: 700;
}

.anchor-menu.mobile-width-200 {
  background-color: var(--gray--gray10);
  font-size: 18px;
  font-weight: 500;
}

.anchor-menu.mobile-width-200:hover {
  background-color: var(--gray--gray25);
}

.anchor-menu.yellow:hover, .anchor-menu.yellow.w--current {
  background-color: var(--amber-yellow--amberyellow100);
}

.anchor-menu.purple {
  color: #7b528f;
}

.anchor-menu.purple:hover {
  background-color: #fdf6ff;
}

.anchor-divider {
  background-color: var(--gray--gray100);
  width: 1px;
  height: 24px;
}

._1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

._00 {
  max-width: 700px;
}

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

.div {
  width: 800px;
}

.test-tab-mobile {
  display: none;
}

.pricing-card-box {
  border-top: 1px solid var(--gray--gray100);
  border-bottom: 1px solid var(--gray--gray100);
  flex-flow: column;
  padding: 24px 30px;
  display: flex;
}

.pricing-card-box.top {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top-width: 0;
  border-bottom-width: 0;
  padding-top: 30px;
  padding-bottom: 48px;
}

.pricing-card-box.btm {
  border-top-width: 0;
  border-bottom-width: 0;
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
}

.pricing-card-title {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  margin-bottom: 2px;
  display: flex;
}

.pricing-card-badge {
  background-color: var(--gray--gray100);
  border-radius: 6px;
  padding-left: 8px;
  padding-right: 8px;
}

.pricing-card-price-description {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: flex-start;
  height: 29px;
  display: flex;
}

.pricing-card-price {
  align-items: flex-end;
  display: flex;
}

.pricing-card-price-text-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-card-price-won {
  color: var(--gray--black);
  padding-bottom: 1px;
  padding-left: 2px;
  font-size: 42px;
  font-weight: 700;
  line-height: 100%;
}

.pricing-card-price-number {
  color: var(--gray--black);
  font-size: 45px;
  font-weight: 700;
  line-height: 130%;
}

.pricing-card-price-sub-text {
  padding-bottom: 10px;
  padding-left: 8px;
}

.pricing-dropdown-list {
  max-width: 300px;
  inset: auto 0% 90%;
}

.pricing-dropdown-list.w--open {
  background-color: #ddd0;
  align-self: stretch;
  min-width: 280px;
  inset: auto 0% 140% -588%;
  box-shadow: 0 12px 24px #00000014;
}

.pricing-tooltip {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--blue--blue300);
  word-break: keep-all;
  border-radius: 12px;
  flex-flow: column;
  max-width: 300px;
  padding: 16px 24px 20px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.pricing-tooltip-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  padding: 0;
  display: flex;
}

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

.pricing-card-list-item-group {
  margin-bottom: 18px;
}

.pricing-card-price-before-discount {
  color: var(--gray--gray400);
  font-size: 18px;
  font-weight: 500;
  position: relative;
}

.pricing-strike-through-line {
  background-color: var(--red--red300);
  opacity: .5;
  width: 77px;
  height: 2px;
  position: absolute;
  inset: 49% 0% auto -3%;
}

.pricing-card-price-discount {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--red--red300);
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.icon-pricing-arrow-down-red {
  margin-top: -4px;
}

.pricing-card-box-price {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.pricing-card-list-tooltip {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  margin-left: 0;
  margin-right: 0;
  font-weight: 500;
  display: flex;
}

.pricing-card-list-tooltip.w--open {
  justify-content: flex-start;
  align-items: center;
}

.pricing-card-list-tooltip.disable {
  display: none;
}

.pricing-card-list-tooltip-icon {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex: 0 auto;
  margin-left: 0;
  margin-right: 0;
  padding: 2px 4px;
  font-weight: 500;
  display: flex;
}

.pricing-card-list-tooltip-icon.w--open {
  justify-content: flex-start;
  align-items: center;
}

.pricing-card-list-item {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-bottom: 1px solid var(--gray--gray50);
  cursor: pointer;
  padding: 18px 30px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.pricing-card-list-item.stroke-top {
  border-top: 1px solid var(--gray--gray50);
}

.pricing-card-list-item.last {
  border-bottom-width: 0;
}

.pricing-card-list-item-sub {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  cursor: pointer;
  padding: 12px 40px;
  display: flex;
  position: relative;
}

.pricing-card-list-item-sub.first {
  margin-top: 8px;
}

.pricing-card-list-item-sub.disable {
  opacity: .2;
  cursor: auto;
}

.image-3 {
  max-width: 100%;
}

.main-legal-card {
  background-color: #ffffff0d;
  border: .8px solid #fff3;
  border-radius: 12px;
  padding: 40px 36px;
}

.main-legal-card.main-flex-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-color: #fff3;
  justify-content: center;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.main-legal-card.gov {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-around;
  display: flex;
}

.main-legal-card-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 56px;
  display: grid;
}

.main-legal-img {
  max-width: 20%;
}

.legal-icon-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.main-certification-img {
  max-width: 114px;
  transform: translate(0);
}

.main-certification-img:hover {
  transform: translate(0, 4px);
}

.footer-info-wrapper-beta {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 24px;
  padding-top: 0;
  display: block;
}

.footer-wrapper {
  display: flex;
}

.footer-info-right-beta {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--gray--gray400);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  font-size: 14px;
  display: flex;
}

.cta-title-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  word-break: keep-all;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.main-hero-tab-button-2 {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  margin-right: 0;
  padding: 24px 24px 36px;
}

.main-hero-tab-button-2:hover {
  background-color: #fafafa;
  border-color: #fafafa;
}

.main-hero-tab-button-2.w--current {
  background-color: #f5f5f5;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  margin-right: 0;
  padding: 24px 24px 36px;
}

.footer-info-left-beta {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  padding-left: 0;
  display: flex;
}

.main-hero-tab-button-3 {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  margin-right: 0;
  padding: 24px 24px 36px;
}

.main-hero-tab-button-3:hover {
  background-color: #fafafa;
  border-color: #fafafa;
}

.main-hero-tab-button-3.w--current {
  background-color: #f5f5f5;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  margin-right: 0;
  padding: 24px 24px 36px;
}

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

.cta-banner-wrapper {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: #4102aa;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 96px;
  display: none;
}

.cta-banner-wrapper.blue {
  background-color: #2c5bdd;
  display: flex;
}

.consult-form-wrapper {
  width: 100%;
}

.consult-form-group-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
  display: flex;
}

.name-field, .phone-field {
  border-radius: 4px;
}

.form-block {
  width: 800px;
  display: none;
}

.company-field, .email-field, .count-field, .qna-field {
  border-radius: 4px;
}

.form {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.checkbox-field {
  grid-column-gap: 14px;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.text-field {
  color: var(--gray--gray1000);
  background-color: #0000;
  border: 2px solid #0003;
  border-radius: 4px;
  height: 56px;
  margin-top: 4px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  transition: border-color .3s;
}

.text-field:hover {
  border-color: #00000080;
}

.text-field:focus {
  border-color: #0500ff;
}

.text-field.area {
  height: 120px;
}

.form-wrapper {
  margin-bottom: 0;
}

.form-group-wrapper {
  opacity: 1;
  text-align: left;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 500px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 56px;
  display: flex;
}

.form-success {
  background-color: #0000;
}

.form-field-error {
  color: #fff;
  text-align: right;
  background-color: #ff5d70;
  border-radius: 5px;
  max-width: 95%;
  padding: 2px 7px;
  font-size: 13px;
  line-height: 130%;
  display: none;
  position: absolute;
  inset: auto 10px -10px auto;
}

.form-field-error.for-checkbox {
  text-align: left;
  flex: none;
  margin-top: 7px;
  margin-left: auto;
  font-weight: 400;
  display: none;
  position: absolute;
  bottom: -22px;
  left: auto;
  right: 10px;
}

.form-field-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.checkbox {
  border-width: 2px;
  border-color: #0003;
  border-radius: 6px;
  flex: none;
  width: 24px;
  height: 24px;
  margin-left: -14px;
  transition: background-color .3s, border-color .3s;
}

.checkbox:hover {
  border-color: #00000080;
}

.checkbox.w--redirected-checked {
  background-color: #0500ff;
  background-size: 14px;
  border-color: #0500ff;
}

.checkbox.error {
  border-color: var(--gray--gray600);
}

.tos-text-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-bottom: 36px;
  display: flex;
}

.submit-button {
  border: 1px solid var(--amber-yellow--amberyellow400);
  background-color: var(--amber-yellow--amberyellow300);
  color: var(--gray--black);
  border-radius: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 700;
}

.browser-support-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--gray--gray100);
  background-color: var(--gray--white);
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 500px;
  margin-bottom: 8px;
  padding: 30px 40px 40px;
  display: flex;
}

.browser-support-card-title-wrapper {
  border-bottom: 1px solid var(--gray--gray200);
  width: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}

.browser-support-card-content-wrapper-copy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  display: flex;
}

.browser-support-card-chrome-img {
  border: 1px solid var(--gray--gray200);
}

.browser-support-card-warning-img {
  justify-content: center;
  align-items: center;
  display: flex;
}

.browser-download-link-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 500px;
  margin-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.browser-download-link-grid-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 100%;
  display: grid;
}

.browser-support-footer {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  max-width: 500px;
  display: none;
}

.browser-support-tos-link-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.tos-table-wrapper {
  border-top: 1px solid var(--gray--gray200);
  border-right: 1px solid var(--gray--gray200);
  border-left: 1px solid var(--gray--gray200);
  margin-bottom: 24px;
}

.tos-table-wrapper.borers-none {
  border: 1px #000;
}

.tos-table-wrapper.borers-none.tos-table-wrapper-spacing {
  margin-top: 5px;
  margin-bottom: 5px;
}

.tos-table-row5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--gray--gray200);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tos-table-row5.table-spacing5 {
  grid-template-columns: .35fr 1fr 1fr 1fr 1fr;
}

.tos-table-title-row5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--gray--gray200);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tos-table-title-row5.table-spacing5 {
  grid-template-columns: .35fr 1fr 1fr 1fr 1fr;
}

.tos-table-cell {
  padding: 8px 4px;
}

.tos-table-cell.border-right {
  border-right: 1px solid var(--gray--gray200);
}

.tos-table-cell.border-right.color-gray {
  background-color: #f5f5f5;
  border-right-style: none;
  padding: 15px;
}

.tos-table-title-cell {
  border-bottom: 1px none var(--gray--gray200);
  padding: 8px 4px;
}

.tos-table-title-cell.boder-right {
  border-right: 1px solid var(--gray--gray200);
  border-bottom-style: none;
}

.tos-table-title-row3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--gray--gray200);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

.tos-table-row3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--gray--gray200);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.badge-2 {
  background-color: #e2e9fe;
  border-radius: 24px;
  padding: 4px 12px;
}

.badge-2.bg-color-yellow-opacity {
  background-color: #fed05f3d;
}

.badge-2.bg-color-purple {
  background-color: #811ed8;
}

.badge-2.bg-color-blue {
  background-color: #2c5bdd;
}

.badge-2.bg-color-green {
  background-color: #47c25b;
}

.badge-2.bg-color-amberyellow400 {
  background-color: #ffc533;
}

.badge-2.amber100 {
  background-color: #fff1cc;
}

.badge-2.purple {
  background-color: #fbeaff;
}

.badge-2.bg-color-yellow {
  background-color: #fffae0;
}

.badge-2.bg-white {
  background-color: #fff;
}

.textbtn-regular-icon-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  cursor: pointer;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  padding-right: 4px;
  text-decoration: none;
  display: flex;
}

.feature-advanced-card-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #fafafa;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  padding: 48px 56px 64px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.feature-advanced-card-2.external {
  background-color: #fff1cc;
  grid-template-columns: .5fr;
  display: block;
}

.feature-advanced-card-2.workspace {
  background-image: linear-gradient(105deg, #ffde8a, #ffb648);
  grid-template-columns: 1.25fr 1fr;
}

.feature-advanced-card-2.branding {
  background-color: #fffcf5;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-flow: row;
  overflow: hidden;
}

.feature-advanced-card-2.api {
  color: #fff;
  background-color: #333;
  grid-template-columns: 2fr 1fr;
}

.feature-advanced-card-2.security {
  background-color: #fff8e6;
  grid-template-columns: .5fr;
  display: block;
}

.feature-advanced-title-wrapper-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  color: #000;
  flex-flow: column;
  display: flex;
}

.feature-advanced-title-wrapper-2.api {
  color: #fff;
}

.accordian-paragraph-wrapper-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  cursor: default;
  border-top: 1px solid #e2e9fe;
  flex-flow: column;
  padding: 30px 48px;
  display: flex;
}

.accordian-paragraph-wrapper-2:hover {
  background-color: #f5f8ff;
}

.accordian-paragraph-wrapper-2.last {
  margin-bottom: 48px;
}

.accordian-paragraph-wrapper-2.last.very-last {
  margin-bottom: 0;
}

.accordian-paragraph-wrapper-2.first {
  word-break: keep-all;
  cursor: default;
  border: 1px solid #fff;
}

.container-banner-3 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  justify-content: space-between;
  align-items: center;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 36px 24px;
  display: flex;
}

.btn-basic-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #000;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  justify-content: center;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.btn-basic-2:hover {
  background-color: #f5f5f5;
}

.api-card-title-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  word-break: keep-all;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.api-card-purple-img {
  border-radius: 0;
  width: 436px;
  min-width: 436px;
}

.api-card-description-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.image-20 {
  width: 20px;
  max-width: none;
}

.api-card-group-wrapper {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.api-card-group-wrapper.api-flex-column {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.api-card-purple {
  background-image: linear-gradient(328deg, #0e0e0e, #1a1a1a);
  border: 1px solid #1d1d1d;
  border-radius: 12px;
  max-width: 100%;
  padding: 36px 36px 30px;
}

.api-card-purple:hover {
  background-image: linear-gradient(328deg, #1f0238, #180727);
  border-color: #2f0257;
}

.api-card-wrapper {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: grid;
}

.api-card-wrapper.flex-row {
  flex-flow: row;
  display: flex;
}

.api-card-wrapper.flex-row.align-left-stretch.gap-for-api {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.image-21 {
  border-radius: 12px;
}

.api-card-blue {
  background-image: linear-gradient(328deg, #0e0e0e, #1a1a1a);
  border: 1px solid #1d1d1d;
  border-radius: 12px;
  max-width: 100%;
  padding: 36px;
}

.api-card-blue:hover {
  background-image: linear-gradient(328deg, #0e0c31, #11111c);
  border-color: #0a1442;
}

.image-22 {
  border-radius: 12px;
}

.api-card-blue-img {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 716px;
  min-width: 716px;
  display: grid;
}

.api-card-green {
  background-image: linear-gradient(328deg, #0e0e0e, #1a1a1a);
  border: 1px solid #1d1d1d;
  border-radius: 12px;
  max-width: 100%;
  padding: 36px;
}

.api-card-green:hover {
  background-image: linear-gradient(328deg, #07220a, #111c12);
  border-color: #0f2913;
}

.image-23 {
  border-radius: 12px;
}

.white {
  color: #fff;
}

.security-package-icon-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  word-break: keep-all;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.security-package-logo-card-copy {
  background-image: linear-gradient(328deg, #0e0e0e, #1a1a1a);
  border: 1px solid #1d1d1d;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  padding: 30px 36px;
}

.image-24 {
  border-radius: 2px;
  max-width: 40%;
  display: block;
}

.security-package-icon-title-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.api-img-shadow {
  box-shadow: 70px 64px 74px #0d03254d;
}

.main-hero-tab-button-4 {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  margin-right: 0;
  padding: 24px 24px 36px;
}

.main-hero-tab-button-4:hover {
  background-color: #fafafa;
  border-color: #fafafa;
}

.main-hero-tab-button-4.w--current {
  background-color: #f5f5f5;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  margin-right: 0;
  padding: 24px 24px 36px;
}

.tabs-menu-main-hero {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.tabs-menu-main-hero.grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.for-features-mobile {
  display: none;
}

.civil-interview-card-wrapper {
  background-color: var(--gray--gray25);
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  padding: 56px 48px;
  display: block;
}

.civil-interview-card-wrapper.display-desktop-none {
  display: none;
}

.civil-interview-card-content-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.civil-interview-description-wrapper-copy {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  min-width: 560px;
  max-width: 700px;
  display: flex;
}

.gov-interview-description-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 200px;
  display: flex;
}

.civil-interview-title-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.image-25, .image-26 {
  border-radius: 12px;
}

.security-aws-card {
  background-color: #fafafa;
  border: 1px solid #f5f5f5;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  padding: 30px 36px;
}

.security-aws-card.for-security-display-none {
  display: none;
}

.security-aws-card-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  word-break: keep-all;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.main-security-card-logo-img {
  border-radius: 2px;
  max-width: 48%;
  display: block;
}

.security-aws-card-text-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.civil-document-download-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.civil-document-download-card-list-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.civil-document-download-card-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: flex-start;
  place-items: flex-start start;
  width: 100%;
  display: flex;
}

.civil-document-download-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--gray--gray50);
  background-color: var(--gray--gray10);
  border-radius: 12px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px 36px;
  display: flex;
}

.civil-document-download-card:hover {
  border-color: var(--gray--gray200);
}

.civil-reference-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  display: flex;
}

.civil-reference-card-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.civil-reference-card {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.civil-reference-card-description-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.civil-reference-img {
  border: 1px solid var(--gray--gray200);
  border-radius: 12px;
  width: 100%;
}

.civil-reference-card-text-wrapper {
  padding-left: 8px;
}

.civil-reference-card-title-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.features-card-description-wrapper-copy {
  margin-top: 8px;
  margin-left: 40px;
  margin-right: 4px;
}

.civil-reference-card-description {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding-bottom: 8px;
  padding-left: 40px;
  display: flex;
}

.security-package-logo-card-copy-2 {
  background-image: linear-gradient(328deg, #0e0e0e, #1a1a1a);
  border: 1px solid #1d1d1d;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  padding: 30px 36px;
}

.security-package-logo-card-copy-2:hover {
  border-color: #333;
}

.civil-effect-card {
  border: 1px solid var(--gray--gray50);
  background-color: var(--gray--white);
  border-radius: 12px;
  width: 100%;
  max-width: none;
  padding: 30px 36px;
}

.civil-effect-card:hover {
  border-color: var(--gray--gray200);
}

.civil-effect-icon-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  word-break: keep-all;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.civil-effect-card-icon {
  border-radius: 2px;
  max-width: 40%;
  display: block;
}

.civil-effect-icon-title-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.civil-effect-card-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.civil-interview-img-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 200px;
  display: flex;
}

.civil-interview-img-wrapper.br-for-mobile {
  display: none;
}

.civil-interview-img {
  border-radius: 8px;
}

.civil-interview-img-wrapper-copy {
  justify-content: center;
  align-items: flex-start;
  width: 200px;
  display: flex;
}

.civil-interview-img-wrapper-copy.br-for-mobile {
  display: none;
}

.civil-hero-img, .industry-hero-img {
  border-radius: 12px;
}

.facility-reference-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero-sec-2 {
  margin-left: auto;
  margin-right: auto;
}

.hero-sec-2.bg-gradation-yellow {
  background-image: linear-gradient(#fffff5, #fff);
}

.hero-sec-2.bg-gradation-blue {
  background-image: linear-gradient(#f5f8ff, #fff);
}

.container-anchor-2 {
  background-color: #fafafa;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  max-width: 1128px;
  margin-top: 18px;
  margin-bottom: 72px;
  padding-left: 24px;
  padding-right: 24px;
  box-shadow: 0 4px 12px #00000008;
}

.container-anchor-2.yellow {
  background-color: #fffcf5;
  border-color: #fff8e6;
}

.container-anchor-2.yellow.display-block-tablet {
  display: none;
}

.container-anchor-2.purple {
  background-color: #fefcff;
  border-color: #f3f3f3;
  margin-left: 24px;
  margin-right: 24px;
}

.anchor-sec-2 {
  z-index: 12;
  justify-content: center;
  align-items: center;
  display: flex;
}

.anchor-sec-2.flex-column {
  flex-flow: column;
}

.anchor-divider-2 {
  background-color: #e6e6e6;
  width: 1px;
  height: 24px;
}

.anchor-menu-2 {
  color: #707070;
  text-align: center;
  border-radius: 12px;
  width: 252px;
  padding: 12px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}

.anchor-menu-2:hover {
  background-color: #f5f5f5;
}

.anchor-menu-2.w--current {
  color: #212121;
  background-color: #f0f0f0;
  font-weight: 700;
}

.anchor-menu-2.yellow:hover {
  color: #212121;
  background-color: #fff1cc;
}

.anchor-menu-2.yellow.w--current {
  background-color: #fff1cc;
}

.anchor-menu-2.purple {
  color: #7b528f;
}

.anchor-menu-2.purple:hover, .anchor-menu-2.purple.w--current {
  background-color: #fdf6ff;
}

.container-large-2 {
  z-index: 0;
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-flow: row;
  align-items: flex-start;
  width: 100%;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  padding: 156px 24px;
  display: block;
}

.container-large-2.tablet-display {
  display: none;
}

.container-large-2.flex-row {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  display: flex;
}

.container-large-2.flex-row.tablet-display, .container-large-2.flex-row.tablet-display.no-padding-btm {
  display: none;
}

.container-large-2.grid-2-0 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  display: grid;
}

.security-certification-badge-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.security-certification-badge-wrapper.display-none {
  display: none;
}

.security-certification-badge-wrapper.opacity0 {
  opacity: 0;
}

.text-md-reg-2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  overflow: hidden;
}

.text-md-reg-2.gray600 {
  color: #707070;
  white-space: normal;
}

.text-md-reg-2.gray400 {
  color: #999;
}

.text-md-reg-2.gray800 {
  color: #474747;
}

.security-certification-card-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.security-certification-card-wrapper.align-center {
  justify-content: center;
}

.tooltip-dropdown-icon {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex: 0 auto;
  margin-left: 0;
  margin-right: 0;
  padding: 2px 4px;
  font-weight: 500;
  display: flex;
}

.tooltip-dropdown-icon.w--open {
  justify-content: flex-start;
  align-items: center;
}

.security-certification-card-btm {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: space-between;
  padding: 24px 30px 30px;
  display: flex;
}

.security-certification-card-btm.for-smpp {
  justify-content: flex-start;
  height: 39svh;
}

.tooltip-text {
  color: #fff;
  letter-spacing: -.2px;
  line-height: 160%;
}

.tooltip-dropdown {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  margin-left: 0;
  margin-right: 0;
  font-weight: 500;
  display: flex;
}

.tooltip-dropdown.w--open {
  justify-content: flex-start;
  align-items: center;
}

.image-8 {
  border-radius: 12px 12px 0 0;
}

.content-wrapper-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.security-certification-img {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tooltip-wrapper {
  max-width: 300px;
  inset: auto 0% 90%;
}

.tooltip-wrapper.w--open {
  background-color: #ddd0;
  align-self: stretch;
  min-width: 280px;
  inset: auto 0% 110% -588%;
  box-shadow: 0 12px 24px #00000014;
}

.security-text-wrapper {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  height: 25svh;
  display: flex;
}

.security-text-wrapper.height-fill.for-smpp {
  height: 100%;
}

.tooltip {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  word-break: keep-all;
  background-color: #4b75e7;
  border-radius: 12px;
  flex-flow: column;
  max-width: 300px;
  padding: 16px 24px 20px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.security-certification-badge {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f5f5f5;
  border-radius: 24px;
  align-items: center;
  padding: 4px 4px 4px 12px;
  display: flex;
}

.br-for-desktop {
  display: block;
}

.security-certification-card {
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.security-certification-card.width342 {
  width: 342px;
}

.text-md-bold-2 {
  color: #212121;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 160%;
}

.security-text-description-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.content-sec-2 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.content-sec-2.bg-gray10 {
  background-color: #fafafa;
  flex-flow: column;
  display: block;
}

.content-sec-2.bg-black {
  background-color: #000;
  flex-flow: column;
  display: block;
}

.content-sec-2.bg-black.overflow-hidden {
  overflow: hidden;
}

.security-accordian-description-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.security-accordian-paragraph-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px dotted #0b1b464a;
  flex-flow: column;
  padding: 36px 36px 40px;
  display: flex;
}

.security-accordian-description-1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-top: 0;
  display: flex;
}

.content-wrapper-3 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-wrapper-3.flex-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.content-wrapper-3.flex-column.gap16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.text-sm-reg-2 {
  margin-bottom: 0;
  line-height: 160%;
}

.text-sm-reg-2.gray900 {
  color: #333;
}

.security-accordian {
  cursor: pointer;
  mix-blend-mode: luminosity;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 12px;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.security-accordian:hover {
  mix-blend-mode: normal;
  border-width: 1px;
  border-color: #e6e6e6;
}

.accordian-toggle-wrapper-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 30px;
  display: flex;
}

.accordian-toggle-wrapper-2.blue {
  mix-blend-mode: luminosity;
}

.accordian-toggle-wrapper-2.blue:hover {
  mix-blend-mode: normal;
}

.content-wrapper-4 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-wrapper-4.flex-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.content-wrapper-4.flex-column.gap16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.content-wrapper-4.flex-column.shrink {
  flex: 0 auto;
}

.content-wrapper-4.flex-column.shrink.gap64 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  display: flex;
}

.text-sm-reg-3 {
  margin-bottom: 0;
  line-height: 160%;
}

.text-sm-reg-3.gray900 {
  color: #333;
}

.text-lg-bold-2 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
}

.text-lg-bold-2.gray10 {
  color: #fafafa;
}

.tab-card-row-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.tab-card-row-2.for-security-package-icon-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.tab-content-wrapper-2 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.tab-content-wrapper-2.for-security {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.icon-numbering-dark {
  text-align: center;
  background-color: #212121;
  border-radius: 100px;
  margin-top: 5px;
  padding: 1px 8px;
}

.card-text-wrapper {
  padding-left: 8px;
}

.card-text-wrapper.flex-column {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
  display: flex;
}

.identity-card-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.card-description {
  color: #5c5c5c;
  font-size: 18px;
}

.identity-card-text-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.card-title {
  font-size: 24px;
  font-weight: 700;
}

.icon-numbering-text {
  color: #fff;
  width: 12px;
  font-size: 15px;
  font-weight: 700;
}

.card-img {
  border-radius: 12px;
  overflow: hidden;
}

.identity-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  cursor: default;
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(280px, 1fr);
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 8px;
  display: grid;
}

.identity-card:hover {
  background-color: #fafafa;
  padding: 8px;
}

.identity-card.verification:hover {
  background-color: #f5f5f5;
}

.gray700 {
  color: #5c5c5c;
}

.text-link-2 {
  color: #212121;
  margin-left: 0;
  margin-right: 0;
  padding: 2px;
  font-weight: 700;
  text-decoration: none;
}

.text-link-2:hover {
  text-decoration: underline;
}

.icon-check-blue {
  opacity: .3;
}

.icon-check-blue.verification {
  opacity: 1;
}

.text-link-3 {
  color: #212121;
  margin-left: 0;
  margin-right: 0;
  padding: 2px;
  font-weight: 700;
  text-decoration: none;
}

.text-link-3:hover {
  text-decoration: underline;
}

.identity-badge-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.box-style {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #fafafa;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 48px 56px 64px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.box-style.identify-02 {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.box-style.identify-01 {
  background-color: #fff8e6;
  border: 1px solid #fff1cc;
}

.box-img-wrapper {
  width: 100%;
  overflow: visible;
}

.identity-badges {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr .75fr;
  grid-auto-columns: .75fr;
  grid-auto-flow: column;
  place-items: center;
  display: flex;
}

.identify-img {
  position: absolute;
}

.identify-img.attachment {
  width: 50%;
  max-width: 50%;
  inset: auto auto 0% -2%;
}

.identify-img.certificate-of-completion {
  width: 50%;
  max-width: 50%;
}

.box-title-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  color: #000;
  flex-flow: column;
  display: flex;
}

.width100 {
  width: 100%;
}

.security-2grd-banner {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  padding: 36px 24px;
  display: grid;
}

.security-2grd-banner.bg-blue400 {
  background-color: var(--blue--blue400);
  border-radius: 12px;
  max-width: none;
}

.security-2grd-banner-title-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.api-brand-card {
  background-image: linear-gradient(#1a1a1a, #0e0e0e);
  border-radius: 12px;
  margin-right: 18px;
  padding-bottom: 0;
  padding-left: 0;
}

.image-6 {
  max-width: 50%;
}

.api-brand-card-slide-arrow {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: absolute;
  inset: -112px 60px auto auto;
}

.api-brand-card-slide-arrow:hover {
  background-color: #e6e6e6;
}

.api-brand-card-slide-arrow.right {
  right: 0;
}

.api-brand-card-title-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding: 36px;
  display: flex;
}

.api-brand-card-wrapper {
  width: 345px;
  overflow: visible;
}

.api-brand-card-slider {
  cursor: default;
  background-color: #ddd0;
  height: auto;
}

.image-5 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.api-brand-card-slide-nav {
  display: none;
}

.image-7 {
  max-width: 50%;
}

.security-slide-card-title-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.gray1000 {
  color: var(--gray--gray1000);
}

.security-slide-card {
  border: 1px solid var(--gray--gray100);
  border-radius: 12px;
  margin-right: 18px;
  padding-bottom: 0;
  padding-left: 0;
}

.security-slide-card-wrapper {
  width: 345px;
  overflow: visible;
}

.security-slide-card-slider {
  cursor: default;
  background-color: #ddd0;
  height: auto;
}

.security-slide-hero-img-wrapper {
  width: 100%;
  max-width: 100%;
}

.security-slide-hero-img {
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
}

.text-xs-reg-2 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 160%;
  display: flex;
}

.text-xs-reg-2.gray600.display-none {
  display: none;
}

.main-hero-tab-content-img {
  width: 100%;
}

.tos-table-title-row4, .tos-table-row4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--gray--gray200);
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tos-table-title-row2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--gray--gray200);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

.tos-table-row2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--gray--gray200);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tos-table-row3-copy, .tos-table-row3-copy-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--gray--gray200);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.bold-text, .bold-text-2, .bold-text-3, .bold-text-4, .bold-text-5, .bold-text-6 {
  display: none;
}

.tos-table-title-row1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--gray--gray200);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tos-table-row1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--gray--gray200);
  grid-template-rows: auto;
  grid-template-columns: .5fr;
  grid-auto-columns: 1fr;
  display: block;
}

.tos-table-row1.borders-none {
  border-bottom-style: none;
}

.badge-call {
  grid-column-gap: 10px;
  border-radius: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: 12px;
  padding: 4px 0;
  text-decoration: none;
  display: flex;
}

.badge-call.test {
  background-color: #2e4dff;
}

.badge-call.bg-yellow {
  background-color: var(--amber-yellow--amberyellow400);
}

.badge-call.bg-yellow.display-none {
  display: none;
}

.icon-call {
  max-width: 80%;
}

@media screen and (max-width: 991px) {
  h2 {
    width: 100%;
  }

  .hamburger-btm {
    background-color: #344054;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger-mid-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger-mid {
    background-color: #344054;
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .hamburger-top {
    background-color: #344054;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger-icon {
    color: var(--gray--gray600);
    border: 0 #000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
  }

  .hamburger-icon:hover {
    background-color: var(--gray--gray25);
    color: var(--gray--gray600);
    border-radius: 6px;
    width: 40px;
    height: 40px;
  }

  .nav-dropdown-list-description {
    white-space: normal;
    font-family: Pretendard, sans-serif;
    font-size: 13px;
    font-weight: 400;
  }

  .nav-mb-hamburger {
    flex-flow: row;
    flex: none;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: auto;
    padding: 0;
    display: block;
  }

  .nav-mb-hamburger.w--open {
    background-color: #0000;
    flex: 0 auto;
    order: 1;
    justify-content: flex-start;
    align-items: center;
  }

  .nav-menu-right {
    z-index: 999;
    background-color: #fff;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    display: none;
    position: fixed;
    inset: auto 0% 0;
    overflow: visible;
  }

  .nav-menu-item {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    font-size: 15px;
    display: flex;
  }

  .nav-menu-item:hover {
    color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  }

  .nav-menu-item.mobile-login {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 12px;
    display: flex;
  }

  .nav-menu-item.mobile-login:hover {
    color: var(--gray--gray800);
  }

  .nav-menu-item.login {
    display: none;
  }

  .nav-dropdown-list-title {
    -webkit-text-stroke-color: #101828;
    margin-top: 0;
    margin-bottom: 2px;
    font-family: Pretendard, sans-serif;
    font-weight: 500;
  }

  .nav-dropdown-menu-icon {
    color: var(--untitled-ui--primary\<deleted\|variable-35a3c723\>);
  }

  .nav-dropdown-list-menu {
    grid-column-gap: 12px;
    padding: 12px;
    display: flex;
  }

  .nav-dropdown-list {
    padding: 18px 6px 12px;
  }

  .nav-dropdown-wrapper {
    margin-bottom: 16px;
    overflow: auto;
  }

  .nav-dropdown-wrapper.w--open {
    box-shadow: none;
    background-color: #fff;
    border: 0 #eaecf0;
    border-radius: 0;
    width: 100%;
    padding: 0;
    position: relative;
    right: auto;
    overflow: scroll;
  }

  .nav-dropdown-icon {
    color: var(--gray--gray300);
    width: 17px;
    display: flex;
    inset: auto 0% auto auto;
  }

  .nav-dropdown {
    width: 100%;
    position: relative;
  }

  .nav-dropdown.nav-mb-menu-styling {
    border-bottom: 1px solid var(--gray--gray100);
    padding-top: 8px;
    padding-bottom: 8px;
    overflow: visible;
  }

  .nav-dropdown.nav-mb-menu-styling.display-none {
    display: none;
  }

  .nav-menu-wrapper {
    border-top: 1px solid var(--untitled-ui--gray100\<deleted\|variable-4a47ec41\>);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    flex-flow: column;
    align-items: stretch;
    height: 100svh;
    margin-left: 0;
    padding: 12px 24px 140px;
    position: absolute;
    overflow: visible;
  }

  .nav-logo-wrapper {
    flex: 1;
    display: flex;
  }

  .container-nav {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: center;
    align-items: center;
    min-height: 80px;
    padding: 0 24px;
    display: flex;
  }

  .navigation {
    z-index: 100;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
    position: sticky;
  }

  .nav-logo {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .nav-menu-with-icon-wrapper {
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
  }

  .nav-btn-wrapper {
    display: none;
  }

  .nav-menu {
    width: 100%;
  }

  .nav-menu.nav-mb-menu-styling {
    border-bottom: 1px solid var(--gray--gray100);
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .nav-menu.nav-mb-menu-styling.display-none {
    display: none;
  }

  .nav-mb-fixed {
    z-index: 1000;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-color: #fff;
    flex-flow: column;
    justify-content: space-between;
    margin-top: 24px;
    padding: 24px 24px 22%;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
    box-shadow: 0 -3px 20px 5px #b3b3b333;
  }

  .nav-menu-left {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    height: 100svh;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 360px;
    display: flex;
    overflow: auto;
  }

  .nav-mb-btn {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #fff;
    flex-flow: column;
    width: 100%;
    display: flex;
    position: relative;
  }

  .nav-mb-menu-right {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    display: flex;
  }

  .footer-info-left {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-bottom: 16px;
  }

  .footer-info-wrapper {
    flex-flow: column;
    align-items: flex-start;
    padding-left: 8px;
    padding-right: 8px;
  }

  .footer-menu {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .footer-menu.hovering {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .footer-grid-title {
    margin-bottom: 4px;
    font-size: 14px;
  }

  .icon-new-badge {
    background-color: var(--amber-yellow--amberyellow100);
    color: var(--amber-yellow--amberyellow400);
  }

  .footer-column-grid {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .footer-info {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    margin-bottom: 0;
  }

  .container-footer {
    padding-top: 36px;
    padding-bottom: 80px;
  }

  .footer-info-right {
    flex-flow: column;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
  }

  .h1-med {
    font-size: 44px;
  }

  .h1-big {
    font-size: 64px;
  }

  .h2-med {
    font-size: 30px;
  }

  .h3-med {
    font-size: 36px;
  }

  .footer-link {
    font-size: 13px;
  }

  .footer-sns-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex: 1;
  }

  .footer-term {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-sns-logo {
    width: 36px;
    height: 36px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .text-xl-bold.white {
    text-align: center;
  }

  .text-xl-bold.white.align-left {
    text-align: left;
    align-self: flex-start;
  }

  .text-xl-bold.gray10 {
    text-align: left;
  }

  .text-md-reg.gray600.for-features-mobile {
    display: none;
  }

  .text-md-reg.gray700 {
    width: 100%;
  }

  .text-md-reg.gray400 {
    text-align: left;
  }

  .text-md-reg.text-white.security-banner {
    text-align: center;
  }

  .text-sm-reg {
    width: auto;
  }

  .text-sm-reg.gray200 {
    text-align: center;
  }

  .text-xs-reg.white.mobile {
    display: block;
  }

  .top-w-banner {
    background-color: #000;
    padding: 0;
  }

  .container-top-w-b {
    justify-content: center;
    align-items: center;
  }

  .mid-w-banner {
    background-color: #000;
    background-image: none;
  }

  .container-mid-w-b {
    justify-content: center;
    align-items: center;
  }

  .hero-sec.bg-gradation-purple {
    border-radius: 0;
    margin: 0;
  }

  .hero-sec.bg-gradation-navy {
    border-radius: 0;
    height: 700px;
    margin: 0;
  }

  .main-hero-bg-wrapper {
    padding: 0;
  }

  .content-sec.bg-black.overflow-hidden, .content-sec.gray10.overflow-hidden {
    overflow: hidden;
  }

  .container-large {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 128px;
    padding-bottom: 128px;
    display: block;
  }

  .container-large.flex-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .container-large.flex-row.tablet-display-none {
    display: none;
  }

  .container-large.flex-row.tablet-display {
    flex-flow: column;
    display: flex;
  }

  .container-large.main-hero {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .container-large.no-padding-btm {
    display: block;
  }

  .container-large.main-hero {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .container-large.display-none-tablet {
    display: none;
  }

  .container-large.display-block-tablet {
    display: block;
  }

  .container-large.grid-2-0 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    align-items: start;
  }

  .container-large.grid-2-0.display-block-tablet {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .hero-tab-title {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .main-hero-tab-button, .main-hero-tab-button.w--current {
    padding: 18px 24px;
  }

  .main-hero-tab-icon {
    display: none;
  }

  .tab-menu-link, .tab-menu-link.w--current {
    width: 170px;
  }

  .tab-menu-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
  }

  .tab-industry-text-wrapper {
    padding: 0 0 8px;
    position: static;
  }

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

  .title-wrapper.align-left {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .title-wrapper.no-padding-btm.align-center {
    margin-bottom: 0;
  }

  .title-wrapper.feature-card {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .title-wrapper.feature-card.external, .title-wrapper.feature-card.security {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .title-wrapper.align-center {
    margin-bottom: 72px;
  }

  .main-ref-grid.third {
    padding: 0;
  }

  .main-ref-grid.second {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    padding: 0;
  }

  .main-ref-grid.first {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: .25fr;
    padding: 0;
  }

  .logo-wrap {
    width: auto;
    padding: 4px 8px;
  }

  .logo-wrap.for-mobile {
    justify-content: center;
    align-items: center;
  }

  .main-ref {
    height: 50px;
  }

  .main-ref.first.flex-row {
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: grid;
  }

  .main-ref-wrapper {
    padding-bottom: 96px;
    display: none;
  }

  .main-ref-wrapper.mobile {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    display: block;
  }

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

  .modal, .modal.hubspot, .modal-inner-wrapper {
    display: none;
  }

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

  .hero-tab-description {
    padding-left: 0;
  }

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

  .legal-accordian-wrapper {
    width: auto;
  }

  .container-medium {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .container-medium.flex-row {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .legal-accordian {
    padding-left: 0;
    padding-right: 0;
  }

  .banner-sec {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container-banner {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    width: auto;
  }

  .light-banner-title-wrapper {
    width: auto;
  }

  .ref-collection-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .ref-sticky-nav {
    align-self: stretch;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .ref-page--tab {
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
  }

  .ref-page--tab-menu-and-dropdown {
    margin-right: 24px;
    display: flex;
    position: sticky;
    left: 0;
  }

  .ref-tab-menu {
    font-size: 15px;
  }

  .ref-tab-menu.w--current {
    width: 163px;
  }

  .ref-page--content-tab {
    margin-top: 0;
  }

  .content-wrapper {
    position: static;
  }

  .content-wrapper.flex-column.gap24 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .content-wrapper.flex-column.gap-for-main {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .content-wrapper.grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: .5fr 1fr;
  }

  .content-wrapper.api-flex-row {
    display: none;
  }

  .content-wrapper.api-flex-column {
    flex-flow: column;
    align-items: stretch;
  }

  .content-wrapper.api-flex-column.gap-for-api {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .content-wrapper.api-flex-column.gap-for-api.tablet-display {
    display: flex;
  }

  .ref-mobile-dropdown {
    justify-content: center;
  }

  .br-for-tablet {
    display: block;
  }

  .ref-number-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: 0;
    display: flex;
  }

  .bg-point {
    right: 0%;
  }

  .ref-logo-container {
    align-self: center;
  }

  .tabs.flex-column {
    margin-bottom: 96px;
  }

  .tab-card-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .tab-card {
    padding: 12px;
  }

  .industry-img {
    width: auto;
  }

  .mid-banner {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-image: none;
    flex-flow: column;
    padding: 56px;
  }

  .mid-banner.from-tablet-align-center {
    text-align: center;
    background-color: #4102aa;
    background-image: none;
  }

  .feature-basic-left {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    margin-right: 24px;
    display: flex;
    position: sticky;
    top: 170px;
    left: 0;
  }

  .feature-basic-right {
    margin-top: 0;
  }

  .feature-sticky-menu {
    align-self: stretch;
  }

  .features-card {
    grid-template-columns: minmax(280px, 1fr);
  }

  .features-card-description {
    text-align: left;
  }

  .feature-basic-content {
    margin-bottom: 96px;
  }

  .feature-basic-content.no-padding-btm {
    margin-bottom: 0;
  }

  .feature-request-left {
    grid-column-gap: 300px;
    grid-row-gap: 300px;
  }

  .feature-request-text {
    margin-top: 12px;
  }

  .feature-request--title-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    align-items: flex-start;
  }

  .feature-request-right {
    grid-column-gap: 300px;
    grid-row-gap: 300px;
    margin-top: 300px;
    margin-bottom: 96px;
  }

  .feature-advanced-card-wrapper.grid-2-row--left, .feature-advanced-card-wrapper.grid-2-row--right {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
  }

  .feature-advanced-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 36px 36px 48px;
  }

  .feature-advanced-img-wrapper {
    width: 100%;
    inset: 10% 0% 0% 50%;
  }

  .feature-advanced-img {
    left: 289px;
  }

  .feature-advanced-img.workspace {
    max-width: 70%;
    inset: 4% -17% 0% auto;
  }

  .feature-advanced-img.api {
    inset: -2% 0% 0% auto;
  }

  .feature-advanced-img.branding {
    max-width: 100%;
    inset: -19% 0% 0% auto;
  }

  .accordian-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .accordian-opened-wrapper.feature-all-features {
    border-top-width: .7px;
  }

  .accordian {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .nav-menu-link {
    flex: 1;
  }

  .anchor-sec {
    top: 81px;
  }

  .container-anchor {
    border-radius: 0;
    flex: 1;
    margin-bottom: 48px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .container-anchor.yellow.display-none-tablet {
    display: none;
  }

  .container-anchor.yellow.diaplay-block-tablet {
    display: block;
  }

  .anchor-wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .anchor-menu {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .anchor-menu:hover {
    padding-left: 8px;
    padding-right: 8px;
  }

  .anchor-menu.mobile-width-200 {
    width: 120%;
  }

  .anchor-divider {
    display: none;
  }

  .pricing-card-box {
    padding-left: 18px;
    padding-right: 18px;
  }

  .pricing-card-box.top {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    padding: 24px 18px 36px;
  }

  .pricing-card-box.btm {
    padding-top: 4px;
  }

  .pricing-card-price-won {
    font-size: 37px;
  }

  .pricing-card-price-number {
    font-size: 40px;
  }

  .pricing-card-price-sub-text {
    padding-bottom: 8px;
    padding-left: 6px;
  }

  .pricing-dropdown-list.w--open {
    left: -834%;
  }

  .pricing-card-plan-sub-title {
    height: 44px;
  }

  .pricing-card-box-price {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex;
  }

  .pricing-card-list-item {
    padding-left: 18px;
    padding-right: 18px;
  }

  .pricing-card-list-item-sub {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-legal-card.main-flex-row {
    flex-flow: column;
  }

  .main-legal-card-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
  }

  .legal-icon-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .footer-info-wrapper-beta {
    flex-flow: column;
    align-items: flex-start;
    padding-left: 8px;
    padding-right: 8px;
  }

  .footer-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .footer-info-right-beta {
    flex-flow: column;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
  }

  .cta-title-wrapper {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .main-hero-tab-button-2, .main-hero-tab-button-2.w--current {
    padding: 18px 24px;
  }

  .footer-info-left-beta {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-bottom: 16px;
  }

  .main-hero-tab-button-3, .main-hero-tab-button-3.w--current {
    padding: 18px 24px;
  }

  .cta-banner-wrapper {
    padding-left: 72px;
    padding-right: 72px;
  }

  .tos-table-cell {
    word-break: break-all;
  }

  .tos-table-title-row3, .tos-table-row3 {
    grid-template-columns: minmax(20px, 1fr) minmax(20px, 1fr) minmax(20px, 1fr);
  }

  .badge-2.gray25 {
    background-color: #f5f5f5;
  }

  .feature-advanced-card-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 36px 36px 48px;
  }

  .feature-advanced-card-2.workspace {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .feature-advanced-card-2.branding {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1.25fr 1fr;
  }

  .feature-advanced-card-2.api {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1.5fr 1fr;
  }

  .feature-advanced-title-wrapper-2 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-bottom: 0;
  }

  .container-banner-3 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    width: auto;
  }

  .api-card-title-wrapper {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .api-card-purple {
    max-width: none;
    max-height: none;
    display: block;
  }

  .api-card-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .api-card-wrapper.flex-row.align-left-stretch {
    justify-content: flex-start;
    align-items: stretch;
  }

  .api-card-blue {
    max-width: none;
    max-height: none;
    display: block;
  }

  .api-card-blue-img {
    width: auto;
    min-width: auto;
  }

  .api-card-green {
    max-width: none;
    max-height: none;
    display: block;
  }

  .security-package-icon-wrapper {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .security-package-logo-card-copy {
    max-width: none;
    max-height: none;
    display: block;
  }

  .image-24 {
    display: block;
  }

  .main-hero-tab-button-4, .main-hero-tab-button-4.w--current {
    padding: 18px 24px;
  }

  .tabs-menu-main-hero {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .security-aws-card {
    max-width: none;
    max-height: none;
    display: block;
  }

  .security-aws-card-wrapper {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .main-security-card-logo-img {
    display: block;
  }

  .security-aws-card-text-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .civil-document-download-card-list-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .civil-document-download-card {
    padding-left: 16px;
    padding-right: 16px;
  }

  .civil-reference-card-description {
    text-align: left;
  }

  .security-package-logo-card-copy-2, .civil-effect-card {
    max-width: none;
    max-height: none;
    display: block;
  }

  .civil-effect-icon-wrapper {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .civil-effect-card-icon {
    display: block;
  }

  .container-anchor-2 {
    border-radius: 0;
    flex: 1;
    margin-bottom: 48px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .container-anchor-2.yellow.tablet-display-none {
    display: none;
  }

  .container-anchor-2.yellow.display-block-tablet {
    display: block;
  }

  .anchor-sec-2 {
    top: 81px;
  }

  .anchor-divider-2 {
    display: none;
  }

  .anchor-menu-2 {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .anchor-menu-2:hover {
    padding-left: 8px;
    padding-right: 8px;
  }

  .container-large-2 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 128px;
    padding-bottom: 128px;
    display: block;
  }

  .container-large-2.tablet-display {
    display: block;
  }

  .container-large-2.tablet-display-none {
    display: none;
  }

  .container-large-2.flex-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .container-large-2.flex-row.tablet-display-none {
    display: none;
  }

  .container-large-2.grid-2-0 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    place-items: start stretch;
  }

  .text-md-reg-2.gray400 {
    text-align: left;
  }

  .security-certification-card-wrapper {
    flex-flow: column;
  }

  .content-wrapper-2 {
    flex-flow: row;
    position: static;
  }

  .security-certification-img {
    display: flex;
  }

  .tooltip-wrapper.w--open {
    left: -300%;
  }

  .security-text-wrapper {
    height: auto;
  }

  .br-for-desktop {
    display: inline;
  }

  .br-for-desktop.br-for-tablet {
    display: block;
  }

  .content-sec-2.bg-black.overflow-hidden {
    overflow: hidden;
  }

  .content-wrapper-3 {
    flex-flow: row;
    position: static;
  }

  .security-accordian {
    padding-left: 0;
    padding-right: 0;
  }

  .content-wrapper-4 {
    flex-flow: row;
    position: static;
  }

  .content-wrapper-4.flex-column.shrink.gap64 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .text-lg-bold-2.gray10 {
    text-align: left;
  }

  .tab-content-wrapper-2 {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
  }

  .identity-card {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: minmax(280px, 1fr);
  }

  .box-style {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 36px 36px 48px;
  }

  .box-style.identify-02, .box-style.identify-01 {
    grid-template-columns: 1.5fr 1.5fr;
  }

  .box-img-wrapper {
    inset: 10% 0% 0% 50%;
  }

  .identify-img.attachment {
    max-width: 60%;
    bottom: -4%;
    left: -11%;
  }

  .identify-img.certificate-of-completion {
    bottom: -2px;
  }

  .box-title-wrapper {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-bottom: 0;
  }

  .security-2grd-banner {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    width: auto;
  }

  .security-2grd-banner.bg-blue400 {
    flex-flow: column;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 56px;
    display: flex;
  }

  .api-brand-card-slide-arrow.left, .api-brand-card-slide-arrow.right {
    display: none;
  }

  .api-brand-card-title-wrapper {
    align-items: stretch;
  }

  .api-brand-card-slide-nav {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    inset: auto 0% -64px;
  }

  .security-slide-card-title-wrapper {
    align-items: stretch;
  }

  .tos-table-title-row2, .tos-table-row2 {
    grid-template-columns: minmax(20px, 1fr) minmax(20px, 1fr);
  }

  .tos-table-row3-copy, .tos-table-row3-copy-copy {
    grid-template-columns: minmax(20px, 1fr) minmax(20px, 1fr) minmax(20px, 1fr);
  }
}

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

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 28px;
  }

  h4 {
    font-size: 24px;
  }

  .hamburger-icon {
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .nav-dropdown-list-description {
    white-space: normal;
  }

  .nav-menu-item {
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
  }

  .nav-menu-item.mobile-login {
    font-weight: 500;
  }

  .nav-dropdown-list-title {
    font-size: 15px;
  }

  .nav-dropdown-list-menu {
    grid-column-gap: 8px;
    align-self: stretch;
  }

  .nav-dropdown-list {
    grid-row-gap: 4px;
    padding-top: 12px;
    padding-bottom: 6px;
  }

  .nav-dropdown-wrapper.w--open {
    width: 100%;
  }

  .nav-dropdown.nav-mb-menu-styling {
    border: 1px #000;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 4px;
  }

  .nav-menu-wrapper {
    padding: 8px 16px 100px;
  }

  .nav-logo-wrapper {
    flex: 1;
  }

  .container-nav {
    max-width: 100%;
    min-height: 64px;
    padding: 0 16px;
  }

  .navigation {
    min-height: 64px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-mb-fixed {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }

  .nav-menu-left {
    height: 100svh;
  }

  .nav-mb-menu-right {
    display: flex;
  }

  .footer-logo {
    justify-content: flex-start;
  }

  .footer-info-wrapper {
    margin-top: 0;
    padding-top: 24px;
  }

  .footer-menu:hover {
    color: var(--untitled-ui--gray500\<deleted\|variable-68f29e84\>);
  }

  .footer-menu.hovering {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .icon-new-badge {
    padding: .125rem .5rem;
  }

  .footer-column-grid {
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer-info {
    white-space: normal;
  }

  .container-footer {
    padding: 24px 16px 48px;
  }

  .footer-row-grid {
    display: none;
  }

  .footer-info-right {
    flex-flow: column;
    align-items: flex-start;
  }

  .h1-med {
    font-size: 40px;
  }

  .h1-big {
    letter-spacing: -.4px;
    font-size: 46px;
  }

  .h2-med {
    font-size: 36px;
  }

  .h3-med {
    font-size: 28px;
  }

  .footer-sns-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .footer-term {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-items: flex-start;
  }

  .footer-sns-logo {
    padding-bottom: 0;
    padding-right: 0;
  }

  .test---paragraph {
    display: flex;
  }

  .text-xl-bold {
    font-size: 22px;
  }

  .text-xl-bold.white.align-left {
    text-align: left;
    align-self: flex-start;
  }

  .text-xl-reg {
    font-size: 22px;
  }

  .text-md-bold, .text-md-med {
    font-size: 16px;
  }

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

  .text-md-reg {
    font-size: 16px;
  }

  .text-md-reg.gray600, .text-md-reg.gray600.for-features-mobile {
    display: block;
  }

  .text-md-reg.gray600.for-features-desktop {
    display: none;
  }

  .text-sm-bold, .text-sm-med {
    font-size: 14px;
  }

  .text-sm-med.gray700 {
    flex: none;
  }

  .text-sm-med-u, .text-sm-reg {
    font-size: 14px;
  }

  .text-sm-reg.gray800 {
    display: flex;
  }

  .text-xs-bold, .text-xs-med, .text-xs-med-u, .text-xs-reg {
    font-size: 13px;
  }

  .text-xs-reg.white.mobile {
    display: block;
  }

  .text-xl-med {
    font-size: 22px;
  }

  .top-w-banner {
    text-align: left;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding: 0;
  }

  .container-top-w-b {
    grid-column-gap: 24px;
    padding-left: 17px;
    padding-right: 17px;
  }

  .mid-w-banner {
    text-align: left;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding: 0;
  }

  .container-mid-w-b {
    grid-column-gap: 24px;
    padding: 24px 16px;
  }

  .nav-btn.secondary {
    display: none;
  }

  .hero-sec.bg-gradation-purple {
    margin-left: 0;
    margin-right: 0;
  }

  .hero-sec.bg-gradation-navy {
    height: 580px;
    margin-left: 0;
    margin-right: 0;
  }

  .main-hero-title-wrapper {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .container-large {
    padding: 72px 16px;
  }

  .container-large.flex-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .container-large.main-hero {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .container-large.grid-2-0 {
    display: flex;
  }

  .hero-tab-title {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .main-hero-tab-text {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-align: left;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .main-hero-tab-button {
    border: 1px solid var(--gray--gray50);
    padding: 12px;
  }

  .main-hero-tab-button.w--current {
    padding: 12px;
  }

  .main-hero-tabs-content {
    margin-bottom: 24px;
  }

  .main-hero-tab-icon {
    display: none;
  }

  .tab-timer {
    margin-top: 18px;
    display: none;
  }

  .main-hero-tab-desktop {
    display: block;
  }

  .main-hero-tab-mobile {
    display: none;
  }

  .tab-menu-link {
    width: 140px;
    padding-top: 12px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 20px;
  }

  .tab-menu-link:hover {
    background-color: var(--gray--gray10);
  }

  .tab-menu-link.w--current {
    width: 140px;
    padding-top: 12px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 20px;
  }

  .tab-content-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .tab-menu-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-bottom: 36px;
    display: none;
    overflow: auto;
  }

  .tab-pane {
    margin-bottom: 0;
  }

  .tab-industry-text-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
    padding-top: 0;
  }

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

  .title-wrapper {
    word-break: keep-all;
    margin-bottom: 36px;
  }

  .title-wrapper.align-center, .title-wrapper.align-center.white {
    margin-bottom: 36px;
  }

  .title-wrapper.align-left {
    justify-content: center;
    align-items: center;
    margin-bottom: 36px;
  }

  .title-wrapper.align-left.mobile-align-center {
    text-align: center;
  }

  .title-wrapper.no-padding-btm.align-center.main-hero {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .title-wrapper.no-padding-btm.align-left {
    margin-bottom: 0;
  }

  .title-wrapper.no-padding-btm.align-left.z-index-high {
    z-index: 1;
  }

  .title-wrapper.feature-card {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .title-wrapper.align-center, .title-wrapper.align-center.white {
    margin-bottom: 36px;
  }

  .footer-column.dt-display-none {
    display: block;
  }

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

  .main-ref-grid.third, .main-ref-grid.second, .main-ref-grid.first {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
  }

  .main-ref.third {
    display: none;
  }

  .main-ref.first.flex-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .main-ref-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-bottom: 56px;
  }

  .main-ref-wrapper.mobile {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .grid-ctas {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .cta-card-wrapper {
    align-items: center;
  }

  .cta-card {
    padding: 18px 24px;
  }

  .modal, .modal.hubspot {
    display: none;
  }

  .modal-inner-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 432px;
    height: 75vh;
    margin: 16px;
    padding: 24px;
    top: 18px;
    bottom: auto;
    overflow: auto;
  }

  .text-lg-bold, .text-lg-med, .text-lg-reg {
    font-size: 18px;
  }

  .modal-title-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: none;
  }

  .hs-embed-code {
    overflow: visible;
  }

  .br-for-mobile {
    display: block;
  }

  .hero-tab-description {
    padding-left: 0;
  }

  .container-medium {
    padding: 56px 16px;
  }

  .container-medium.flex-row {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
    display: flex;
  }

  .container-small {
    padding: 48px 16px;
  }

  .container-small.for--hero-sec {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .accordian-toggle-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .legal-accordian-paragraph-wrapper {
    padding: 30px 16px 36px;
  }

  .banner-sec {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container-banner {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    width: auto;
    padding: 36px 16px;
  }

  .light-banner-title-wrapper {
    text-align: center;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .icon-light-banner {
    display: none;
  }

  .ref-collection-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .ref-sticky-nav {
    z-index: 99;
    cursor: pointer;
    display: block;
    position: sticky;
    top: 74px;
  }

  .ref-page--tab {
    align-self: stretch;
  }

  .ref-page--tab-menu-and-dropdown {
    z-index: 99;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    outline-offset: 0px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 12px;
    outline: 1px solid #e6e6e6;
    width: 90%;
    height: 280px;
    padding: 6px;
    display: none;
    position: fixed;
    top: 129px;
    left: 29px;
    overflow: scroll;
    box-shadow: 0 28px 28px #00000014;
  }

  .ref-tab-menu {
    width: 100%;
    padding: 8px 12px;
    font-size: 14px;
    display: block;
  }

  .ref-tab-menu.w--current {
    width: 100%;
    height: auto;
    padding: 8px 12px;
    font-size: 14px;
  }

  .ref-page--content-tab {
    margin-top: 0;
    padding: 0;
  }

  .content-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    position: relative;
  }

  .content-wrapper.mobile-flex-column {
    flex-flow: column;
  }

  .content-wrapper.flex-column.gap-for-api {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .content-wrapper.grid {
    display: block;
  }

  .content-wrapper.api-flex-column.gap-for-api {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .ref-mobile-dropdown {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding: 12px;
    display: flex;
    box-shadow: 0 12px 24px #0000000a;
  }

  .ref-collection-list-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: block;
  }

  .br-for-tablet {
    display: inline;
  }

  .ref-number-wrapper {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }

  .ref-hero-description-wrapper {
    text-align: center;
  }

  .bg-point {
    filter: blur(100px);
    width: 250px;
    height: 250px;
    inset: 5% -20% 0% auto;
  }

  .ref-logo-card {
    margin-bottom: 6px;
  }

  .ref-logo-container {
    align-self: center;
  }

  .ref-counter {
    font-size: 40px;
  }

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

  .tabs.flex-column {
    margin-bottom: 72px;
  }

  .tab-card-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .tab-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-self: stretch;
    max-width: 100%;
    padding: 12px;
  }

  .tab-card.flex-column {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    padding: 8px;
  }

  .tab-card.flex-column:hover {
    padding-bottom: 8px;
  }

  .mid-banner {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding: 56px 24px;
  }

  .mid-banner.from-tablet-align-center {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    padding: 72px 24px;
  }

  .tab-industry-icon {
    width: 24px;
  }

  .feature-basic-left {
    z-index: 99;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    outline-offset: 0px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 12px;
    outline: 1px solid #e6e6e6;
    flex-flow: row;
    width: 100%;
    margin: 0 0 48px;
    padding: 6px;
    display: flex;
    top: 74px;
    left: auto;
    right: auto;
    box-shadow: 0 12px 24px #00000014;
  }

  .feature-basic-right {
    margin-top: 0;
    margin-bottom: 48px;
    padding: 0;
  }

  .features-basic-title-wrapper {
    text-align: center;
    margin-bottom: 16px;
  }

  .feature-sticky-menu {
    flex: 1;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
  }

  .features-card-img {
    text-align: center;
  }

  .features-card-description-wrapper {
    margin-top: 0;
  }

  .features-card-description {
    padding-bottom: 12px;
  }

  .feature-sticky-menu--icon {
    font-size: 17px;
  }

  .features-card-img--each {
    width: 100%;
  }

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

  .feature-request-left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .feature-request-text {
    margin-top: 12px;
  }

  .feature-request--title-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    margin-bottom: 12px;
  }

  .feature-request-right {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 0;
    margin-bottom: 72px;
  }

  .feature-advanced-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: .75fr 1fr;
    padding: 30px 36px 36px;
  }

  .feature-advanced-img {
    left: 175px;
  }

  .feature-advanced-img.workspace {
    max-width: 90%;
    display: none;
    top: 5%;
    right: -23%;
  }

  .feature-advanced-img.api {
    max-width: 44%;
    display: none;
    inset: auto 0% 0% auto;
  }

  .feature-advanced-img.branding {
    max-width: 50%;
    display: none;
    inset: 5% -5% 0% auto;
  }

  .accordian-opened-wrapper.feature-all-features {
    border-top-width: .5px;
  }

  .feature-accordian-accordian-description {
    align-self: stretch;
  }

  .accordian {
    padding: 24px 12px;
  }

  .feature-list-item-title {
    width: 180px;
  }

  .feature-list-item-description {
    flex: 1;
    align-self: stretch;
  }

  .feature-list-item-description.with-textbtn {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
  }

  .tab-menu-link-2, .tab-menu-link-2.w--current {
    width: 90px;
    padding-top: 12px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 20px;
  }

  .anchor-sec {
    position: static;
  }

  .container-anchor {
    box-shadow: none;
    max-width: 100%;
    margin-bottom: 36px;
    position: relative;
  }

  .container-anchor.mobile-hidden {
    display: none;
  }

  .anchor-wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: start;
    display: grid;
    overflow: scroll;
  }

  .anchor-menu {
    width: 150px;
  }

  .anchor-menu.mobile-width-200, .anchor-menu.mobile-w-200 {
    width: 200px;
  }

  .mobile-hidden {
    display: none;
  }

  .pricing-card-box, .pricing-card-box.top {
    padding-left: 24px;
    padding-right: 24px;
  }

  .pricing-card-price-won {
    font-size: 34px;
  }

  .pricing-card-price-number {
    font-size: 36px;
  }

  .pricing-card-price-sub-text {
    padding-bottom: 6px;
    padding-left: 4px;
  }

  .pricing-dropdown-list.w--open {
    left: -253%;
  }

  .text-white {
    line-height: 160%;
  }

  .pricing-card-price-before-discount {
    font-size: 16px;
  }

  .pricing-strike-through-line {
    width: 70px;
  }

  .pricing-card-price-discount {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    font-size: 16px;
  }

  .pricing-card-mid-text {
    height: auto;
  }

  .pricing-card-list-tooltip {
    padding-top: 0;
    font-size: 14px;
  }

  .pricing-card-list-tooltip-icon {
    font-size: 14px;
  }

  .pricing-card-list-item {
    justify-content: space-between;
    padding: 16px 24px;
    font-size: 14px;
  }

  .pricing-card-list-item-sub {
    padding-left: 30px;
    padding-right: 24px;
  }

  .pricing-card-list-item-sub.first {
    margin-top: 4px;
    padding-right: 24px;
  }

  .pricing-card-list-item-sub.disable {
    padding-left: 30px;
    padding-right: 30px;
  }

  .pricing-card-list-item-sub-text {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex: 1;
    display: flex;
  }

  .main-legal-card, .main-legal-card.main-flex-row {
    padding-left: 24px;
    padding-right: 24px;
  }

  .main-legal-card.main-flex-row.padding-btm-40 {
    padding-bottom: 40px;
  }

  .main-legal-card-wrapper {
    margin-bottom: 36px;
  }

  .main-legal-img {
    max-width: 28%;
  }

  .legal-icon-wrapper {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    display: grid;
  }

  .legal-icon-wrapper.grdi-3-3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .main-certification-img {
    max-width: 92px;
  }

  .footer-info-wrapper-beta {
    margin-top: 0;
    padding-top: 24px;
  }

  .footer-info-right-beta {
    flex-flow: column;
    align-items: flex-start;
  }

  .cta-title-wrapper {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    word-break: keep-all;
    margin-bottom: 16px;
  }

  .main-hero-tab-button-2 {
    border: 1px solid #f0f0f0;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .main-hero-tab-button-2.w--current {
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .main-hero-tab-button-3 {
    border: 1px solid #f0f0f0;
    padding: 16px 8px;
  }

  .main-hero-tab-button-3.w--current {
    padding: 16px 8px;
  }

  .cta-banner-wrapper {
    padding: 72px 48px;
  }

  .form-group-wrapper {
    padding: 40px;
  }

  .tos-table-row3 {
    grid-template-columns: minmax(20px, 1fr) minmax(20px, 1fr) minmax(100px, 1fr);
  }

  .feature-advanced-card-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: .75fr 1fr;
    padding: 30px 36px 36px;
  }

  .feature-advanced-card-2.workspace {
    grid-template-columns: 4.25fr 1fr;
    display: block;
    position: relative;
  }

  .feature-advanced-card-2.branding, .feature-advanced-card-2.api {
    grid-template-columns: 1.5fr 1fr;
    display: block;
  }

  .feature-advanced-title-wrapper-2 {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .accordian-paragraph-wrapper-2 {
    padding: 24px;
  }

  .accordian-paragraph-wrapper-2.last {
    margin-bottom: 24px;
  }

  .accordian-paragraph-wrapper-2.first {
    padding-left: 24px;
    padding-right: 24px;
  }

  .container-banner-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    width: auto;
    padding: 36px 16px;
  }

  .light-banner-text-3 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
  }

  .api-card-title-wrapper {
    word-break: keep-all;
    margin-bottom: 0;
  }

  .api-card-purple {
    padding: 24px;
  }

  .api-card-wrapper.flex-row.align-left-stretch {
    flex-flow: column;
  }

  .api-card-wrapper.flex-row.align-left-stretch.gap-for-api {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .api-card-blue, .api-card-green {
    padding: 24px;
  }

  .white.security-banner {
    text-align: center;
  }

  .security-package-icon-wrapper {
    word-break: keep-all;
    margin-bottom: 0;
  }

  .security-package-logo-card-copy {
    padding: 24px;
  }

  .main-hero-tab-button-4 {
    border: 1px solid #f0f0f0;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .main-hero-tab-button-4.w--current {
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .tabs-menu-main-hero {
    flex-flow: row;
  }

  .tabs-menu-main-hero.grid {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .for-features-desktop {
    display: none;
  }

  .for-features-mobile {
    display: block;
  }

  .civil-interview-card-wrapper.display-desktop-none {
    display: flex;
  }

  .civil-interview-card-wrapper.display-mobile-none {
    display: none;
  }

  .civil-interview-description-wrapper-copy {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .civil-interview-description-wrapper-copy.for-civil-mobile {
    min-width: auto;
    max-width: none;
  }

  .gov-interview-description-wrapper {
    display: none;
  }

  .security-aws-card {
    padding: 24px;
  }

  .security-aws-card-wrapper {
    word-break: keep-all;
    margin-bottom: 0;
  }

  .civil-document-download-card-list-wrapper, .civil-reference-wrapper {
    flex-flow: column;
  }

  .civil-reference-card {
    padding-left: 0;
    padding-right: 0;
  }

  .features-card-description-wrapper-copy {
    margin-top: 0;
  }

  .civil-reference-card-description {
    padding-bottom: 12px;
  }

  .security-package-logo-card-copy-2, .civil-effect-card {
    padding: 24px;
  }

  .civil-effect-icon-wrapper {
    word-break: keep-all;
    margin-bottom: 0;
  }

  .civil-effect-card-icon {
    max-width: 40%;
  }

  .civil-effect-card-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .civil-interview-img-wrapper, .civil-interview-img-wrapper.br-for-mobile {
    display: flex;
  }

  .civil-interview-interviewee-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .civil-interview-img-wrapper-copy {
    width: 60px;
    display: flex;
  }

  .civil-interview-img-wrapper-copy.br-for-mobile {
    display: flex;
  }

  .facility-reference-wrapper {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .container-anchor-2 {
    box-shadow: none;
    max-width: 100%;
    margin-bottom: 36px;
    position: relative;
  }

  .container-anchor-2.purple {
    margin-top: 0;
  }

  .anchor-sec-2 {
    top: 64px;
  }

  .anchor-menu-2 {
    width: 150px;
  }

  .anchor-menu-2.purple {
    width: 135px;
    font-size: 16px;
  }

  .anchor-menu-2.purple.w--current {
    font-size: 16px;
  }

  .container-large-2 {
    padding: 72px 16px;
    position: static;
  }

  .container-large-2.flex-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .container-large-2.grid-2-0 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

  .text-md-reg-2 {
    font-size: 16px;
  }

  .text-md-reg-2.gray400.align-center {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tooltip-dropdown-icon {
    font-size: 14px;
  }

  .security-certification-card-btm {
    padding-left: 24px;
    padding-right: 24px;
  }

  .security-certification-card-btm.for-smpp {
    height: 35svh;
  }

  .tooltip-dropdown {
    padding-top: 0;
    font-size: 14px;
  }

  .content-wrapper-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    position: relative;
  }

  .tooltip-wrapper.w--open {
    left: -200%;
  }

  .security-text-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    height: auto;
  }

  .security-text-wrapper.height-fill {
    height: 180px;
  }

  .tooltip {
    padding-top: 18px;
  }

  .br-for-desktop.br-for-tablet {
    display: inline;
  }

  .text-md-bold-2 {
    font-size: 16px;
  }

  .security-accordian-paragraph-wrapper {
    padding: 30px 16px 36px;
  }

  .content-wrapper-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    position: relative;
  }

  .text-sm-reg-2 {
    font-size: 14px;
  }

  .accordian-toggle-wrapper-2 {
    padding: 24px 16px;
  }

  .content-wrapper-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    position: relative;
  }

  .content-wrapper-4.flex-column.shrink.gap64 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .text-sm-reg-3 {
    font-size: 14px;
  }

  .text-lg-bold-2 {
    font-size: 18px;
  }

  .tab-card-row-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .tab-content-wrapper-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .tab-content-wrapper-2.for-security {
    width: 100%;
    max-width: 100%;
  }

  .icon-numbering-dark {
    margin-top: 4px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .card-description {
    font-size: 16px;
  }

  .card-title {
    font-size: 22px;
  }

  .icon-numbering-text {
    font-size: 14px;
  }

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

  .identity-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .identity-card.verification {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .text-link-2, .text-link-3 {
    font-size: 14px;
  }

  .box-style {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: .75fr 1fr;
    padding: 30px 36px 36px;
  }

  .box-style.identify-02, .box-style.identify-01 {
    display: block;
  }

  .box-img-wrapper {
    display: none;
  }

  .box-title-wrapper {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .security-2grd-banner {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    width: auto;
    padding: 36px 16px;
  }

  .security-2grd-banner.bg-blue400 {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 56px;
    display: flex;
  }

  .security-2grd-banner-title-wrapper {
    justify-content: center;
    align-items: center;
  }

  .api-brand-card {
    margin-right: 16px;
    padding: 0;
  }

  .api-brand-card:hover {
    border: 0 #ccc;
    border-radius: 12px;
    padding: 0;
  }

  .api-brand-card-slide-arrow {
    top: -60px;
  }

  .api-brand-card-slide-arrow.left {
    display: none;
  }

  .api-brand-card-slide-arrow.right {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .api-brand-card-wrapper {
    width: 300px;
  }

  .api-brand-card-slider {
    margin-bottom: 72px;
  }

  .security-slide-card {
    margin-right: 16px;
    padding: 0;
  }

  .security-slide-card:hover {
    border: 1px solid var(--gray--gray100);
    border-radius: 12px;
    padding: 0;
  }

  .security-slide-card-wrapper {
    width: 300px;
  }

  .security-slide-card-slider {
    margin-bottom: 72px;
  }

  .text-xs-reg-2 {
    font-size: 13px;
  }

  .tos-table-row2 {
    grid-template-columns: minmax(20px, 1fr) minmax(20px, 1fr);
  }

  .tos-table-row3-copy, .tos-table-row3-copy-copy {
    grid-template-columns: minmax(20px, 1fr) minmax(20px, 1fr) minmax(100px, 1fr);
  }
}

@media screen and (max-width: 479px) {
  .hamburger-btm, .hamburger-mid, .hamburger-top {
    width: 20px;
  }

  .hamburger-icon {
    width: 40px;
    height: 40px;
  }

  .nav-dropdown-list-description {
    white-space: normal;
    display: block;
  }

  .nav-dropdown-list-text {
    object-position: 100% 0%;
  }

  .nav-dropdown-list-menu {
    grid-template-columns: max-content minmax(6px, 2fr);
    grid-template-areas: "Area";
    grid-auto-columns: minmax(200px, 1fr);
  }

  .nav-dropdown-list {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .nav-dropdown-wrapper.w--open {
    width: 100%;
  }

  .nav-dropdown.nav-mb-menu-styling {
    padding-bottom: 8px;
  }

  .nav-menu-wrapper {
    overflow: auto;
  }

  .nav-mb-fixed {
    padding-bottom: 24%;
    bottom: 0;
  }

  .nav-menu-left {
    overflow: auto;
  }

  .nav-mb-btn {
    bottom: 0;
  }

  .footer-info-left {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .footer-info-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-grid-title {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    display: flex;
  }

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

  .footer-info {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .h1-big {
    letter-spacing: -.4px;
    word-break: keep-all;
    line-height: 140%;
  }

  .h1-big.center {
    display: none;
  }

  .h1-big.center.mobile {
    display: block;
  }

  .h3-med {
    line-height: 160%;
  }

  .footer-sns-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    flex: 1;
    justify-content: flex-start;
    align-self: stretch;
  }

  .footer-sns-logo {
    padding-bottom: 0;
    padding-right: 0;
  }

  .text-xl-bold {
    display: block;
  }

  .text-xl-bold.white.align-left {
    text-align: left;
    align-self: flex-start;
  }

  .text-xl-bold.gray10, .text-md-bold {
    text-align: left;
  }

  .text-md-med.white.mb-center, .text-md-reg.text-white.security-banner {
    text-align: center;
  }

  .text-xs-reg {
    font-size: 13px;
  }

  .text-xs-reg.white {
    word-break: keep-all;
    display: block;
  }

  .text-xs-reg.white.mobile {
    display: block;
  }

  .mid-w-banner {
    padding-top: 0;
  }

  .mid-w-b-wrapper {
    flex-flow: row;
    align-items: center;
  }

  .textbtn-regular-icon:hover {
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .textbtn-regular-icon.box-style {
    justify-content: center;
    align-items: center;
  }

  .hero-sec.bg-gradation-navy {
    height: 520px;
  }

  .mid-w-b-right {
    display: block;
  }

  .top-w-b-left {
    color: #fff;
    flex: none;
    align-self: auto;
    display: none;
  }

  .top-w-b-right {
    display: block;
  }

  .content-sec {
    overflow: hidden;
  }

  .content-sec.overflow-visible {
    overflow: visible;
  }

  .container-large.main-hero {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    height: auto;
    padding: 64px 16px 72px;
  }

  .main-hero-tab-button, .main-hero-tab-button.w--current {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .main-hero-tabs-content {
    margin-bottom: 24px;
  }

  .tab-timer {
    margin-top: 12px;
  }

  .main-hero-tab-desktop {
    display: none;
  }

  .main-hero-tab-mobile {
    display: block;
  }

  .tab-menu-link, .tab-menu-link.w--current {
    width: 140px;
    padding-left: 0;
    padding-right: 0;
  }

  .tab-menu-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: none;
    position: static;
    overflow: auto;
  }

  .tab-industry-img {
    opacity: 1;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%;
    background-size: cover;
    background-attachment: scroll;
    border-radius: 12px;
    width: auto;
    height: 100%;
    overflow: visible;
  }

  .tab-pane {
    height: auto;
  }

  .tab-industry-text-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
  }

  .title-wrapper.align-center.consult {
    margin-bottom: 24px;
  }

  .title-wrapper.no-padding-btm.align-left {
    text-align: center;
  }

  .title-wrapper.align-center {
    word-break: keep-all;
  }

  .title-wrapper.align-center.white {
    margin-bottom: 36px;
  }

  .main-ref-grid {
    grid-template-columns: 1fr 1fr;
  }

  .main-ref-grid.third {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: center;
    place-items: center stretch;
  }

  .main-ref-grid.second {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: center;
    justify-items: stretch;
  }

  .main-ref-grid.first {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: center;
    place-items: center stretch;
  }

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

  .main-ref.first.flex-row {
    grid-template-columns: 1fr 1fr;
  }

  .main-ref-wrapper.mobile {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .cta-card {
    padding: 24px;
  }

  .modal {
    display: none;
  }

  .modal-inner-wrapper {
    overflow: auto;
  }

  .modal-title-wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .hs-embed-code {
    flex: 1;
    width: 100%;
    overflow: visible;
  }

  .br-for-mobile {
    display: block;
  }

  .cta-section {
    overflow: hidden;
  }

  .hero-tab-description {
    display: none;
  }

  .container-medium {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .container-medium.consult {
    background-color: var(--gray--white);
  }

  .h4-med {
    line-height: 160%;
  }

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

  .ref-page--tab-menu-and-dropdown {
    width: 90%;
    display: none;
    position: fixed;
    inset: 16% auto auto 18px;
  }

  .ref-tab-menu {
    padding-left: 15px;
  }

  .ref-page--content-tab {
    margin-top: 0;
    padding: 0;
  }

  .ref-mobile-dropdown {
    box-shadow: 0 8px 18px #0000000a;
  }

  .br-for-tablet {
    display: inline;
  }

  .bg-point {
    display: none;
  }

  .ref-logo-card {
    margin-bottom: 6px;
  }

  .tabs.flex-column {
    margin-bottom: 48px;
  }

  .tab-card {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding: 4px 4px 12px;
  }

  .mid-banner {
    padding: 30px 24px 36px;
  }

  .mid-banner.from-tablet-align-center {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    padding: 56px 24px;
  }

  .main-hero-title-wrapper-mobile {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    display: flex;
  }

  .feature-basic-left {
    padding: 8px;
    box-shadow: 0 8px 18px #00000014;
  }

  .feature-basic-right {
    margin-bottom: 24px;
  }

  .features-basic-title-wrapper {
    margin-bottom: 12px;
  }

  .feature-sticky-menu {
    justify-content: center;
    align-items: center;
    padding: 12px 8px;
  }

  .features-card-title-wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    align-items: center;
  }

  .features-card-description-wrapper {
    margin-left: 36px;
  }

  .features-card-description {
    align-items: flex-start;
    margin-top: 4px;
  }

  .feature-sticky-menu--icon {
    display: none;
  }

  .features-card-img--each {
    display: inline-block;
  }

  .feature-basic-content {
    margin-bottom: 64px;
  }

  .feature-request--title-wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: space-between;
    align-items: center;
  }

  .feature-hashtag {
    padding-left: 10px;
    padding-right: 10px;
  }

  .feature-request-right {
    margin-bottom: 48px;
  }

  .feature-advanced-card {
    padding: 24px 30px 36px;
    display: block;
  }

  .feature-advanced-description-wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .feature-advanced-img-wrapper {
    display: none;
  }

  .feature-accordian-accordian-description {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    word-break: keep-all;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .feature-list-item-title {
    width: auto;
  }

  .feature-list-item-description {
    align-self: stretch;
  }

  .feature-list-item-description.with-textbtn {
    flex-flow: column;
    justify-content: center;
    align-self: stretch;
    align-items: flex-end;
    display: flex;
  }

  .tab-menu-link-2, .tab-menu-link-2.w--current {
    width: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .container-anchor {
    flex: 1;
    max-width: 100%;
    margin-bottom: 24px;
  }

  .anchor-wrapper {
    overflow: auto;
  }

  .anchor-menu {
    width: 150px;
  }

  .anchor-menu.mobile-width-200 {
    width: 200px;
  }

  ._00 {
    max-width: 100%;
  }

  .test-tab-mobile, .tabs-menu-2 {
    display: flex;
  }

  .pricing-dropdown-list.w--open {
    bottom: 89%;
    left: 0%;
    right: 0%;
  }

  .pricing-card-box-price {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .pricing-card-list-tooltip {
    font-size: 14px;
    position: static;
  }

  .pricing-card-list-tooltip-icon {
    font-size: 14px;
  }

  .main-legal-card, .main-legal-card.main-flex-row {
    padding-left: 18px;
    padding-right: 18px;
  }

  .main-legal-img {
    max-width: 40%;
  }

  .legal-icon-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .legal-icon-wrapper.grdi-3-3 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .footer-info-wrapper-beta {
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-title-wrapper {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    margin-bottom: 0;
  }

  .main-hero-tab-button-2, .main-hero-tab-button-2.w--current {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .footer-info-left-beta {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .main-hero-tab-button-3, .main-hero-tab-button-3.w--current {
    width: 100%;
    padding: 12px 8px;
  }

  .cta-banner-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .form-group-wrapper {
    padding-left: 4px;
    padding-right: 4px;
  }

  .browser-support-card-chrome-img, .browser-download-link-wrapper {
    display: none;
  }

  .tos-table-title-row3 {
    grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  }

  .badge-2.bg-white {
    text-align: center;
  }

  .textbtn-regular-icon-2:hover {
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .feature-advanced-card-2 {
    padding: 24px 30px 36px;
    display: block;
  }

  .feature-advanced-title-wrapper-2 {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .accordian-paragraph-wrapper-2, .accordian-paragraph-wrapper-2.first {
    padding-left: 18px;
    padding-right: 18px;
  }

  .container-banner-3 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .white.security-banner {
    text-align: center;
  }

  .main-hero-tab-button-4 {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .main-hero-tab-button-4.w--current {
    width: 100%;
    padding-bottom: 12px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .tabs-menu-main-hero {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    position: static;
    overflow: visible;
  }

  .civil-reference-card-title-wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    align-items: center;
  }

  .features-card-description-wrapper-copy {
    margin-left: 36px;
  }

  .civil-reference-card-description {
    align-items: flex-start;
    margin-top: 4px;
  }

  .civil-interview-interviewee-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .container-anchor-2 {
    flex: 1;
    max-width: 100%;
    margin-bottom: 24px;
  }

  .container-anchor-2.purple {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 4px;
    padding-right: 4px;
  }

  .anchor-menu-2 {
    width: 150px;
  }

  .container-large-2 {
    z-index: 0;
    position: relative;
  }

  .tooltip-dropdown-icon {
    font-size: 14px;
  }

  .tooltip-dropdown {
    z-index: 1;
    font-size: 14px;
  }

  .tooltip-wrapper {
    z-index: 10;
    inset: auto 0% 0% auto;
  }

  .tooltip-wrapper.w--open {
    background-color: #ddd0;
    border-radius: 12px;
    inset: auto 0 30px -190px;
  }

  .tooltip-wrapper.for-mobile.w--open {
    left: -86px;
  }

  .tooltip-wrapper.left-tooltip-position.w--open {
    min-width: 272px;
    left: -80px;
  }

  .security-text-wrapper, .security-text-wrapper.height-fill {
    height: auto;
  }

  .text-md-bold-2 {
    text-align: left;
  }

  .content-sec-2 {
    overflow: visible;
  }

  .text-lg-bold-2 {
    text-align: left;
  }

  .icon-numbering-dark {
    width: 24px;
    height: 26px;
    padding-top: 0;
    padding-left: 6px;
    padding-right: 6px;
  }

  .card-text-wrapper.flex-column {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 4px;
  }

  .icon-numbering-text {
    width: 10px;
    padding-bottom: 0;
    font-size: 13px;
  }

  .box-style {
    padding: 24px 30px 36px;
    display: block;
  }

  .box-img-wrapper {
    display: none;
  }

  .box-title-wrapper {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .security-2grd-banner.bg-blue400 {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 48px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .api-brand-card {
    vertical-align: baseline;
    margin-right: 12px;
    padding: 0;
  }

  .api-brand-card-wrapper {
    width: 280px;
  }

  .security-slide-card {
    vertical-align: baseline;
    margin-right: 12px;
    padding: 0;
  }

  .security-slide-card-wrapper {
    width: 280px;
  }

  .text-xs-reg-2 {
    font-size: 13px;
  }

  .text-xs-reg-2.gray600.display-none {
    display: none;
  }

  .tos-table-title-row2 {
    grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr);
  }
}

#w-node-_7dbc4c9e-0948-bdaa-ee7a-5d17c90bec1f-8c58616f, #w-node-_415ede09-854c-8785-5bb0-0b7045b06475-8c58616f, #w-node-_3d7680f6-f55a-5cb3-1e1c-3e0d2f5b5ab1-8c58616f, #w-node-_2f5c9eec-4f29-f58c-b264-7ba122ff51b9-8c58616f, #w-node-c8020d5b-a63c-83be-d7b0-f85d0b19ebf2-8c58616f, #w-node-_415ede09-854c-8785-5bb0-0b7045b0648d-8c58616f, #w-node-_415ede09-854c-8785-5bb0-0b7045b0648f-8c58616f, #w-node-_415ede09-854c-8785-5bb0-0b7045b06489-8c58616f, #w-node-_415ede09-854c-8785-5bb0-0b7045b0648b-8c58616f, #w-node-_9c547d4f-3c14-5f73-81f7-f31444fa9733-8c58616f, #w-node-_415ede09-854c-8785-5bb0-0b7045b064bb-8c58616f, #w-node-_3865bdbc-5e38-b4aa-1d4b-1e0151bfab92-8c58617b, #w-node-_55095fe0-856e-5167-113c-045a2257926e-8c58617b, #w-node-a98e6ffa-2792-3805-d90a-04e9a9842eb6-8c58617b, #w-node-_620ca891-42fa-29f2-f2f1-0863dee40cb7-8c58617b, #w-node-cbeca30b-412b-c79c-4393-2c6b9e9ddc6e-8c58617b, #w-node-_66797ea9-898c-33ac-1ea5-4307764e6f36-8c58617b, #w-node-_299f220b-e44f-2c83-d1f0-c009c6668a17-8c58617b, #w-node-_2ab7447a-803a-84d5-0b62-ccc078254c12-8c58617b, #w-node-_4f2cd584-b766-a8dc-d677-1760a7f90b6f-9a90a2b0, #w-node-bd608805-eafd-40cb-4a94-c02ca9cc720e-3a0ab033, #w-node-bd608805-eafd-40cb-4a94-c02ca9cc720e-f7676237, #w-node-bd608805-eafd-40cb-4a94-c02ca9cc720e-26ebc5e6, #w-node-bd608805-eafd-40cb-4a94-c02ca9cc720e-a0b8a40f, #w-node-bd608805-eafd-40cb-4a94-c02ca9cc720e-8fda273c, #w-node-bd608805-eafd-40cb-4a94-c02ca9cc720e-4fc3b0c7, #w-node-bd608805-eafd-40cb-4a94-c02ca9cc720e-bdd1cb7d, #w-node-bd608805-eafd-40cb-4a94-c02ca9cc720e-f727c9b3, #w-node-bd608805-eafd-40cb-4a94-c02ca9cc720e-a96d22cf, #w-node-_4f2cd584-b766-a8dc-d677-1760a7f90b6f-13a126ed, #w-node-_67994c0e-b298-b8f4-2a9a-86349eb8241f-62e691bd, #w-node-d24dac34-9b3b-badd-1ea9-45ad4bc7f35e-62e691bd, #w-node-_216efc4e-03aa-03f3-ff46-1e4e1bb19052-62e691bd, #w-node-be29e803-52e4-6951-7671-77ff31c24839-62e691bd, #w-node-_50b92a84-916c-7a6d-bac5-970b2d8e5d61-62e691bd, #w-node-_50b92a84-916c-7a6d-bac5-970b2d8e5d77-62e691bd, #w-node-_50b92a84-916c-7a6d-bac5-970b2d8e5d79-62e691bd, #w-node-_50b92a84-916c-7a6d-bac5-970b2d8e5d7b-62e691bd, #w-node-_50b92a84-916c-7a6d-bac5-970b2d8e5d7d-62e691bd, #w-node-_50b92a84-916c-7a6d-bac5-970b2d8e5d81-62e691bd, #w-node-_50b92a84-916c-7a6d-bac5-970b2d8e5d83-62e691bd, #w-node-_50b92a84-916c-7a6d-bac5-970b2d8e5d85-62e691bd, #w-node-_50b92a84-916c-7a6d-bac5-970b2d8e5d87-62e691bd, #w-node-_50b92a84-916c-7a6d-bac5-970b2d8e5d93-62e691bd, #w-node-_50b92a84-916c-7a6d-bac5-970b2d8e5d95-62e691bd, #w-node-_50b92a84-916c-7a6d-bac5-970b2d8e5da5-62e691bd, #w-node-_123f52e4-31aa-ed18-f173-71de1ac6c50b-b7c94ab2, #w-node-_766f5fa9-a34b-158a-baeb-00d1ce08f9ab-b7c94ab2, #w-node-_123f52e4-31aa-ed18-f173-71de1ac6c50b-a47d5cf7, #w-node-_34859ebe-d7b2-fee9-9876-94123528120a-a47d5cf7, #w-node-_34859ebe-d7b2-fee9-9876-94123528128f-a47d5cf7, #w-node-_766f5fa9-a34b-158a-baeb-00d1ce08f9ab-a47d5cf7, #w-node-_123f52e4-31aa-ed18-f173-71de1ac6c50b-e7ae1451, #w-node-_85071044-a3d9-4821-8a73-2e61e20d678c-e7ae1451, #w-node-_85071044-a3d9-4821-8a73-2e61e20d67d5-e7ae1451, #w-node-_766f5fa9-a34b-158a-baeb-00d1ce08f9ab-e7ae1451, #w-node-_08823427-b2aa-21fe-6178-815c1d7f8d71-e92b7993, #w-node-_08823427-b2aa-21fe-6178-815c1d7f8df4-e92b7993, #w-node-e48e327b-fda1-e3f8-e03e-9ecdb0608f57-e92b7993, #w-node-_8f31473a-500b-aa47-219f-c8d4ae5b52e3-e92b7993, #w-node-e41a8b62-d2c6-2e53-76f9-03516b24372f-e92b7993, #w-node-_8729e256-d20f-8185-4d63-71038f1b379c-e92b7993, #w-node-cbf3b657-f89e-7ad6-1844-3ca53b9de0f2-e92b7993, #w-node-_04d2e86a-6b26-8b8e-37d6-63753391b2e4-e92b7993, #w-node-_62f79f77-6c24-028c-059a-4ada79aa0dfc-e92b7993, #w-node-_4ad60520-70bd-d1b7-317a-59e5e141b010-e92b7993, #w-node-_8df2cf2c-69e7-ad5e-98dd-cdd834a1b966-dfdfa565, #w-node-_886fdbfa-48b0-61f8-1002-4074c61f4b7b-dfdfa565, #w-node-bd608805-eafd-40cb-4a94-c02ca9cc720e-c10aa8d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_415ede09-854c-8785-5bb0-0b7045b064bb-8c58616f, #w-node-_3865bdbc-5e38-b4aa-1d4b-1e0151bfab92-8c58617b, #w-node-_55095fe0-856e-5167-113c-045a2257926e-8c58617b, #w-node-a98e6ffa-2792-3805-d90a-04e9a9842eb6-8c58617b, #w-node-_620ca891-42fa-29f2-f2f1-0863dee40cb7-8c58617b, #w-node-cbeca30b-412b-c79c-4393-2c6b9e9ddc6e-8c58617b, #w-node-_66797ea9-898c-33ac-1ea5-4307764e6f36-8c58617b, #w-node-_299f220b-e44f-2c83-d1f0-c009c6668a17-8c58617b, #w-node-_2ab7447a-803a-84d5-0b62-ccc078254c12-8c58617b, #w-node-_50b92a84-916c-7a6d-bac5-970b2d8e5da5-62e691bd, #w-node-_34859ebe-d7b2-fee9-9876-94123528120a-a47d5cf7, #w-node-_34859ebe-d7b2-fee9-9876-94123528128f-a47d5cf7, #w-node-_85071044-a3d9-4821-8a73-2e61e20d678c-e7ae1451, #w-node-_85071044-a3d9-4821-8a73-2e61e20d67d5-e7ae1451, #w-node-_08823427-b2aa-21fe-6178-815c1d7f8d71-e92b7993, #w-node-_08823427-b2aa-21fe-6178-815c1d7f8df4-e92b7993, #w-node-_04d2e86a-6b26-8b8e-37d6-63753391b2e4-e92b7993, #w-node-_62f79f77-6c24-028c-059a-4ada79aa0dfc-e92b7993, #w-node-_8df2cf2c-69e7-ad5e-98dd-cdd834a1b966-dfdfa565, #w-node-_886fdbfa-48b0-61f8-1002-4074c61f4b7b-dfdfa565 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}