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

@font-face {
  font-family: Korto;
  src: url('../fonts/Korto-BoldOblique.ttf') format("truetype"), url('../fonts/Korto-BoldOblique.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Korto book;
  src: url('../fonts/Korto-Book.ttf') format("truetype"), url('../fonts/Korto-Book.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Korto;
  src: url('../fonts/Korto-MediumOblique.ttf') format("truetype"), url('../fonts/Korto-MediumOblique.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Korto;
  src: url('../fonts/Korto-Heavy.ttf') format("truetype"), url('../fonts/Korto-Heavy.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Korto;
  src: url('../fonts/Korto-BookOblique.ttf') format("truetype"), url('../fonts/Korto-UltraOblique.ttf') format("truetype"), url('../fonts/Korto-BookOblique.otf') format("opentype"), url('../fonts/Korto-UltraOblique.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Korto;
  src: url('../fonts/Korto-ThinOblique.ttf') format("truetype"), url('../fonts/Korto-ThinOblique.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Korto;
  src: url('../fonts/Korto-HeavyOblique.ttf') format("truetype"), url('../fonts/Korto-HeavyOblique.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Korto;
  src: url('../fonts/Korto-Thin.ttf') format("truetype"), url('../fonts/Korto-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Korto;
  src: url('../fonts/Korto-LightOblique.ttf') format("truetype"), url('../fonts/Korto-LightOblique.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Korto ultra;
  src: url('../fonts/Korto-Ultra.ttf') format("truetype"), url('../fonts/Korto-Ultra.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --text-primary: #686868;
  --primary: #37d288;
  --text-secondary: #707070;
  --medium-gray: #a5a5a5;
  --white: white;
  --divider: #f2f2f2;
  --light-gray: #c5c5d1;
  --input: #f7f7f7;
  --primary-hover: #79f991;
  --alert: #ee6868;
}

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

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

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

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

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

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

body {
  color: var(--text-primary);
  font-family: Korto book, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: #373b48;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Korto, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 81px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Korto, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 80px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Korto, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 48px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Korto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Korto, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Korto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  color: var(--text-primary);
  margin-bottom: 10px;
  font-family: Korto book, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

a {
  color: var(--primary);
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}

.paragraph--large {
  color: var(--text-primary);
  font-size: 24px;
  line-height: 44px;
}

.paragraph--large.p-white {
  font-family: Korto, sans-serif;
  font-weight: 300;
}

.paragraph--small {
  color: var(--text-secondary);
  padding-left: 3px;
  padding-right: 3px;
  font-size: 14px;
  line-height: 24px;
  display: block;
}

.paragraph--small.detail {
  color: var(--medium-gray);
  font-family: Korto, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.paragraph--small.blog {
  max-height: 3.4em;
  overflow: hidden;
}

.paragraph--small.white {
  color: var(--white);
}

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

.hero-section._w-bg {
  background-image: url('../images/lines.png');
  background-position: 50% 100%;
  background-size: auto;
  position: relative;
}

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

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

.container.padding-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.container.blog-article {
  max-width: 760px;
  padding-top: 140px;
}

.container.usercard-holder {
  justify-content: center;
  padding-top: 150px;
  display: flex;
}

.container.usercard-holder.nopadding {
  padding-top: 30px;
  padding-bottom: 31px;
}

.nav-bar {
  background-color: #fff;
  flex-direction: row;
  place-content: space-between;
  align-items: center;
  display: block;
}

.nav-icons {
  grid-gap: 16px;
  flex-direction: row;
  padding-right: 0;
  display: block;
}

.nav-menu {
  float: right;
  grid-gap: 80px;
  justify-content: center;
  align-items: center;
  height: 65px;
  display: flex;
}

.nav-link {
  padding-left: 0;
  padding-right: 0;
  transition: all .225s;
}

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

.nav-link.w--current {
  color: var(--primary);
  font-family: Korto, sans-serif;
  font-weight: 500;
}

.div-block {
  grid-gap: 68px;
  display: flex;
}

.brand {
  float: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 65px;
  display: flex;
}

.hero-block {
  margin-top: 40px;
  padding-bottom: 72px;
}

.hero-block.center {
  grid-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-top: 70px;
  padding-bottom: 54px;
  display: flex;
}

.button {
  background-color: var(--primary);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-image: linear-gradient(318deg, #36ce7f, #34c288 35%, #31a89e);
  border-radius: 24px;
  padding: 12px 24px;
  font-family: Korto book, sans-serif;
  font-weight: 400;
  transition: all .475s;
}

.button:hover {
  background-image: linear-gradient(318deg, #36ce7f, #34c288 35%, #31a89e);
  box-shadow: 0 4px 7px #083d2440;
}

.button.secondary {
  background-color: var(--divider);
  color: var(--primary);
  background-image: none;
  border-style: none;
  /* margin-top: 60px; */
  margin-left: 0;
  margin-right: 0;
  padding-top: 12px;
  padding-bottom: 8px;
}

.button.secondary.hiden {
  display: none;
}

.column {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.nav-link-wrapper {
  grid-gap: 16px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.section-dark {
  background-color: #0a1832;
  position: relative;
  overflow: hidden;
}

.section-dark.opinions {
  display: none;
}

.text-wrapper {
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: flex-start;
  width: 935px;
  padding-bottom: 100px;
  display: flex;
}

.text-wrapper.padding-60 {
  grid-row-gap: 24px;
  width: auto;
  padding-bottom: 60px;
}

.text-wrapper.no-padding {
  grid-row-gap: 24px;
  width: auto;
  padding-bottom: 0;
}

.container-w-padding {
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 70px;
  padding-bottom: 60px;
}

.h2-white, .p-white {
  color: var(--white);
}

.list-element {
  grid-gap: 8px;
  align-items: flex-start;
  display: flex;
}

.list-element.hiden {
  display: none;
}

.list-column {
  grid-row-gap: 44px;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.blur-background-element {
  filter: blur(250px);
  background-color: #0a626f;
  border-radius: 600px;
  width: 797px;
  height: 797px;
  position: absolute;
  top: 270px;
}

.blur-background-element.blue.align-right {
  width: 453px;
  height: 453px;
  inset: auto 200px -200px auto;
}

.blur-background-element.blue._2 {
  inset: auto auto 0% -200px;
}

.blur-background-element.green {
  background-color: #0c773d;
  width: 498px;
  height: 498px;
  inset: -172px 173px 0% auto;
}

.blur-background-element.green.align-left {
  inset: -89px auto 0% 0%;
}

.bg-element {
  z-index: 2;
  mix-blend-mode: overlay;
  position: absolute;
  inset: 0% 302px auto auto;
}

.section-gray {
  background-color: #f7f7f7;
  position: relative;
  overflow: hidden;
}

.logo-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-content: center;
  place-items: center;
  width: 100%;
}

.section {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.section.old-section {
  display: none;
}

.number {
  color: var(--light-gray);
  font-family: Korto, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 64px;
}

.benefits-p-text {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 32px;
}

.benefits-p-text.second, .benefits-p-text.third {
  line-height: 24px;
  display: block;
}

.benefits-p-text.first {
  font-size: 14px;
  line-height: 24px;
}

.vertical-text-wrapper {
  grid-row-gap: 2px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  display: flex;
}

.benefits-mobile {
  z-index: 1;
  object-fit: fill;
  width: 360px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.benefits-mobile-background {
  width: 620px;
  height: 620px;
  position: absolute;
  inset: 0% 0% auto;
}

.columns {
  margin-top: 60px;
  display: block;
}

.columns.demo {
  display: none;
}

.section-w-image {
  background-image: url('../images/Background.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-image-wrapper {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.liechtenstein-flag {
  padding-bottom: 5px;
}

.paragraph {
  width: 860px;
}

.h3-white {
  color: var(--white);
  font-size: 32px;
  line-height: 52px;
}

.text-block {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 860px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.text-block.align-center {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.bg-element-2 {
  z-index: 2;
  mix-blend-mode: overlay;
  position: absolute;
  inset: 0% auto auto 5%;
}

.hero-img-shadow {
  position: absolute;
  inset: auto 0% -100%;
}

.hero-img {
  position: relative;
}

.text-image-wrappper {
  grid-gap: 20px;
  border-style: solid none;
  border-width: 1px;
  border-color: var(--light-gray) black;
  flex-direction: row;
  margin-left: 10px;
  margin-right: 40px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.text-image-wrappper.direction-horizontal {
  cursor: pointer;
  border-bottom-style: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  transition: all .225s;
}

.text-image-wrappper.direction-horizontal:hover {
  color: var(--primary);
}

.text-image-wrappper.direction-horizontal.hidden {
  display: none;
}

.text-image-wrappper.wallets {
  cursor: auto;
  border-bottom-style: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
}

.text-image-wrappper.ingrid {
  margin-left: 10px;
  margin-right: 40px;
}

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

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

.button-wrapper.demo {
  display: none;
}

.text-column {
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.list {
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.list.hide {
  display: none;
}

.price {
  color: var(--primary);
  font-family: Korto, sans-serif;
  font-weight: 700;
}

.wallet-list {
  padding-left: 80px;
}

.blog-column {
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 40px;
  display: flex;
}

.left-arrow {
  float: left;
  background-color: var(--divider);
  border-radius: 20px;
  width: 40px;
  height: 40px;
  position: relative;
  inset: -50px auto 0% 70px;
}

.right-arrow {
  float: left;
  background-color: var(--divider);
  border-radius: 20px;
  width: 40px;
  height: 40px;
  position: relative;
  top: -50px;
  right: -80px;
}

.slide-nav {
  display: none;
}

.people-behind {
  grid-gap: 32px;
  border: 1px #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.people-behind-name {
  color: var(--text-secondary);
}

.quote {
  color: var(--text-primary);
  font-family: Korto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
}

.quote.contact-form {
  margin-bottom: -9px;
}

.people-behind-text {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  display: flex;
}

.person-image {
  border-radius: 300px;
  position: relative;
}

.slider {
  background-color: #fff;
  width: 100%;
  max-width: 960px;
  margin-top: 60px;
  position: relative;
}

.slider.gray {
  background-color: #f7f7f7;
}

.questions {
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  padding-bottom: 0;
  display: flex;
  position: sticky;
  top: 40px;
}

.qa-column {
  padding-top: 20px;
  padding-left: 90px;
}

.qa-image-close {
  margin-top: 7px;
  display: none;
}

.qa-image-open {
  margin-top: 7px;
}

.answer {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 24px;
  display: none;
}

.container-footer {
  z-index: 9999;
  grid-row-gap: 40px;
  border-top: 1px solid var(--light-gray);
  flex-direction: column;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 54px;
  display: flex;
  position: relative;
}

.footer-link {
  color: var(--text-primary);
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  transition: all .225s;
}

.footer-link:hover {
  color: var(--primary);
  font-weight: 400;
}

.footer-links {
  grid-gap: 44px;
  align-items: center;
  display: flex;
}

.footer-logo-links {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
}

.footer-text {
  color: var(--text-primary);
  font-family: Korto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
}

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

.footer-text-wrapper {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.informative-block-wrapper {
  background-color: var(--divider);
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: 65px;
  margin-top: 40px;
  padding: 16px 32px;
  display: block;
  position: relative;
}

.benefits-p-text-copy {
  color: var(--text-primary);
  max-width: 70ch;
  max-height: 1.3em;
  font-size: 18px;
  line-height: 1.3em;
  overflow: hidden;
}

.informative-block {
  float: left;
  clear: left;
  grid-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-link {
  float: right;
  color: var(--primary);
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 32px;
  display: flex;
}

.logo-grid-banks {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-content: center;
  place-items: center;
  width: 100%;
  display: none;
}

.line {
  color: var(--text-secondary);
  font-size: 18px;
  line-height: 32px;
}

.benefits-grid {
  grid-gap: 0px;
  grid-template: "Area-3 Area-2 Area"
  / 1fr 1fr;
  margin-top: 70px;
}

.benefit-steps-wrapper {
  grid-row-gap: 28px;
  flex-direction: column;
  order: -1;
  align-items: flex-start;
  display: flex;
}

.blog-post {
  grid-row-gap: 2px;
  color: var(--text-primary);
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 11em;
  max-height: none;
  text-decoration: none;
  transition: all .225s;
  display: flex;
}

.blog-post:hover {
  color: var(--primary);
}

.get-it-on-link {
  margin-right: 10px;
  transition: all .35s;
  display: inline-block;
}

.get-it-on-link:hover {
  margin-top: -10px;
  padding-top: 0;
}

.div-block-2 {
  position: relative;
}

.navigation-container {
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-bar-section {
  z-index: 999999;
  background-color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  position: fixed;
  inset: 0% 0% auto;
}

.article-heading-wrapper {
  margin-bottom: 48px;
}

.article-image {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
}

.article-image.demo {
  display: none;
}

.article-text {
  color: var(--text-secondary);
  white-space: normal;
  margin-bottom: 16px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

.article-text.demo {
  display: none;
}

.form-modal {
  z-index: 2147483647;
  object-fit: fill;
  background-color: #0d1526cc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.form-block {
  background-color: #fff;
  border-radius: 24px;
  width: 95%;
  max-width: 560px;
  padding: 40px;
}

.text-field {
  background-color: var(--input);
  color: var(--medium-gray);
  border-radius: 24px;
  height: 48px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 24px;
  transition: all .225s;
}

.text-field:hover {
  box-shadow: 0 6px 5px -3px #70707026;
}

.text-field:focus {
  border: 1px solid var(--primary);
  background-color: var(--input);
  color: var(--text-secondary);
}

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

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

.form {
  grid-row-gap: 7px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.form.center {
  align-items: center;
  margin-top: 40px;
}

.privacy-policy-link {
  font-size: 14px;
}

.image {
  float: right;
  cursor: pointer;
  position: relative;
  top: 25px;
}

.form-text {
  color: var(--text-primary);
  margin-bottom: 30px;
  font-family: Korto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
}

.thank-you-text {
  margin-bottom: 24px;
}

.success-message {
  background-color: var(--input);
  border-radius: 25px;
  margin-top: 0;
  padding-top: 20px;
}

.success-message.custom {
  width: 100%;
}

.navigation-shadow {
  z-index: 999998;
  box-shadow: 0 1px 13px -4px var(--medium-gray);
  background-color: #fff;
  height: 100px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.blog-content {
  color: var(--text-secondary);
  font-family: Korto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.blog-content h2 {
  font-size: 24px;
  line-height: 36px;
}

.blog-content h3 {
  font-size: 20px;
  line-height: 32px;
}

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

.heading-2 {
  line-height: 1.5em;
}

.heading-3 {
  min-height: 0;
  max-height: none;
  overflow: hidden;
}

.icon-2 {
  display: none;
}

.text-block-2 {
  font-size: 16px;
  line-height: 24px;
}

.detail-container {
  display: flex;
}

.heading-4 {
  font-size: 36px;
}

.heading-5 {
  font-size: 22px;
}

.heading-5.contact-form {
  margin-bottom: 0;
}

.rich-text-block-3 {
  color: #707070;
  font-family: Korto, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.field-label {
  font-family: Korto, sans-serif;
  font-size: 18px;
  font-weight: 100;
}

.field-label.hiden {
  display: none;
}

.heading-6 {
  font-size: 28px;
  line-height: 40px;
}

.heading-7 {
  margin-top: 40px;
  padding-top: 0;
}

.packages {
  margin-top: 60px;
}

.package-name {
  border-bottom: 1px solid var(--light-gray);
  text-align: center;
  align-self: center;
  width: 100%;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  font-family: Korto, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 38px;
}

.price-list-column {
  margin-top: 60px;
  display: none;
}

.starting-from {
  border-top: 1px solid var(--light-gray);
  border-bottom: 1px none var(--light-gray);
  text-align: center;
  align-self: center;
  width: 100%;
  margin: 24px auto 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Korto, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 38px;
}

.columns-2 {
  display: none;
}

.heading-8 {
  font-size: 30px;
}

.text-block-3 {
  display: none;
}

.button-container {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-top: 10px;
  padding-top: 0;
  display: flex;
}

.h3 {
  font-size: 28px;
  line-height: 40px;
}

.rich-text-block-qna {
  display: none;
}

.rich-text-block-qna h2 {
  font-size: 18px;
  line-height: 24px;
}

.rich-text-block-qna h3 {
  font-size: 14px;
  line-height: 24px;
}

.grid {
  grid-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: .3fr 1fr;
  align-self: stretch;
}

.div-block-3 {
  width: 100%;
  height: 100vw;
}

.html-embed-2 {
  width: 100%;
  height: 100%;
}

.link-block {
  margin-right: 0;
  padding-right: 0;
}

.what-is-cp {
  font-size: 20px;
}

.user-card {
  background-color: var(--input);
  border-radius: 20px;
  width: 500px;
  height: auto;
  padding: 0;
  overflow: hidden;
}

.main-image-holder {
  background-image: linear-gradient(148deg, #1f563f, #2a8953 42%, #27794c 64%, #162b2a);
  justify-content: flex-end;
  padding-top: 30px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.heading-9 {
  color: #fff;
  text-align: center;
  -webkit-text-stroke-color: var(--primary);
  max-width: 250px;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 21px;
  padding-right: 21px;
  font-weight: 700;
}

.occupation {
  color: #fff;
  text-align: center;
}

.detail_container {
  flex-direction: column;
  padding-bottom: 6px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.detail_container.no-wrap {
  flex-direction: row;
}

.detail_container.no-wrap.right {
  padding-left: 10px;
}

.detail_container.seperator {
  border-bottom: 1px solid #b8b8b880;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.detail_container.right {
  padding-left: 10px;
}

.detail_container.right.special {
  padding-left: 30px;
}

.detail {
  padding-right: 10px;
  font-family: Korto, sans-serif;
}

.detail.currency {
  text-transform: uppercase;
  padding-left: 6px;
  padding-right: 0;
  font-weight: 300;
}

.socials-containe {
  justify-content: center;
  margin-top: 21px;
  margin-bottom: 30px;
  display: flex;
}

.details {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 700;
}

.social {
  width: 60px;
  height: 60px;
  margin-right: 15px;
}

.social.last {
  margin-right: 0;
}

.normal {
  border-radius: 15px;
}

.hover {
  border-radius: 15px;
  display: none;
}

.certificate-details {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: none;
}

.paragraph-4 {
  text-align: center;
  padding-top: 10px;
}

.image-3 {
  width: 300px;
  height: 300px;
}

.profile-image {
  border: 4px solid #fff;
  border-radius: 100px;
  margin-bottom: -30px;
  margin-left: 30px;
  position: absolute;
  inset: auto auto -20px 0%;
}

.details-by-picture {
  color: #fff;
  flex-direction: column;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.birth-nationality {
  margin-bottom: 40px;
  display: flex;
}

.devider {
  padding-left: 5px;
  padding-right: 5px;
}

.paragraph-5 {
  color: #fff;
}

.badge {
  background-color: #2a8a54;
  border: 4px solid #fff;
  border-radius: 40px;
  padding: 10px 20px;
  position: absolute;
  inset: auto auto -25px;
}

.badge.mobile {
  display: none;
}

.grid-2 {
  grid-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 250px 250px;
  margin: 0;
}

.crypto-wallets {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.waletaddress {
  font-size: 18px;
}

.id-block {
  justify-content: center;
  display: flex;
}

.cryptopass-id {
  color: #f5f5f5;
  background-color: #2a8a54;
  border-radius: 30px;
  margin-top: 20px;
  padding: 10px 20px;
  display: flex;
}

.idnumber {
  margin-right: 5px;
  font-size: 18px;
}

.text-block-7 {
  font-size: 18px;
}

.certificate-block {
  border-bottom: 1px solid #b8b8b880;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.qrcode {
  margin-top: 21px;
  box-shadow: 0 0 20px #0003;
}

.text-block-8 {
  margin-top: 20px;
}

.detail-container-inner {
  color: var(--primary);
}

.crypto-image {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.cryptopass-id-number {
  font-size: 18px;
}

.linkforthecertificate {
  margin-top: 20px;
  display: flex;
}

.text-block-9 {
  font-size: 16px;
}

.link-3 {
  padding-right: 5px;
}

.walletprice {
  display: flex;
}

.partner-form {
  justify-content: center;
  margin-top: 70px;
  margin-bottom: 30px;
  display: flex;
}

.div-block-4 {
  grid-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.h1-center {
  color: #1e1e1e;
  text-align: center;
}

.subbtext {
  color: var(--text-primary);
  text-align: center;
  font-family: Korto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
}

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

.container-no-padding {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 70px;
  padding-bottom: 0;
  display: flex;
}

.benefit {
  z-index: 10;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #14834e;
  background-color: #37d2882e;
  border-radius: 6px;
  padding: 12px 32px;
  position: absolute;
  left: auto;
  right: 440px;
}

.benefit.green._1 {
  inset: auto auto 270px 220px;
}

.benefit.green._2 {
  inset: auto auto 185px 60px;
}

.benefit.green._3 {
  inset: auto 352px 252px auto;
}

.benefit.red {
  color: #ee6868;
  background-color: #ee68682e;
}

.benefit.red._1 {
  color: #ee6868;
  background-color: #ee68682e;
  inset: auto auto 106px 306px;
}

.benefit.red._2 {
  bottom: 125px;
  right: 236px;
}

.benefit.red._3 {
  bottom: 220px;
  right: 68px;
}

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

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

.h2-center.white {
  color: var(--white);
}

.input-field-email {
  grid-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.quote-block {
  grid-gap: 12px;
  grid-row-gap: 12px;
  background-color: #214b4e80;
  border: 1px solid #3bde8640;
  border-radius: 9px;
  flex-direction: column;
  align-items: flex-start;
  height: 310px;
  padding: 24px 20px 60px;
  display: flex;
}

.quote-author {
  background-image: url('../images/Avatar-Image.png');
  background-position: 50%;
  background-size: auto;
  border-radius: 250px;
  width: 56px;
  height: 56px;
}

.name-surname {
  color: var(--primary);
  margin-bottom: 0;
  font-family: Korto, sans-serif;
  font-weight: 700;
}

.quote-author-wrapper {
  grid-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  top: -32px;
}

.u-position-relative {
  margin-top: 44px;
  position: relative;
}

.persona-tabs_menu {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  padding: 12px;
  display: flex;
  position: absolute;
  bottom: 10%;
  left: -46px;
}

.persona-tabs_menu.feature-tabs_menu {
  order: 1;
  width: 40%;
  margin-top: auto;
  margin-left: auto;
  padding: 0;
  position: static;
}

.persona-tabs_menu.feature-tabs_menu.is--left {
  order: -1;
  align-items: stretch;
  width: 64%;
  margin-left: -10%;
  margin-right: 5%;
  padding-bottom: 80px;
}

.container-5 {
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.container-5.image-on-right {
  max-width: 1380px;
  margin-right: 0;
}

.feature-tabs_content {
  width: 60%;
  margin-right: 6%;
}

.feature-tabs_content.is--right {
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
}

.persona-tabs.feature-tabs {
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.feature-item {
  z-index: 1;
  grid-gap: 11px;
  grid-row-gap: 11px;
  background-color: #0000;
  border-bottom: 1px solid #e4e4e4;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px;
  font-size: 1rem;
  display: flex;
}

.feature-item:hover {
  color: var(--primary);
}

.feature-item.w--current {
  color: var(--primary);
  background-color: #f7f7f7;
  border: 1px #000;
  border-radius: 15px;
  flex-direction: row;
  margin-top: -1px;
}

.feature-item_image {
  width: 100%;
}

.number-h {
  margin-top: 0;
  margin-bottom: 0;
}

.number-text-wrapper {
  grid-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.expert-opinions-columns {
  margin-top: 44px;
}

.shield-img.mobile {
  display: none;
}

.benefit-wrapper {
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-5 {
  display: none;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 48px;
    line-height: 56px;
  }

  h2 {
    font-size: 36px;
    line-height: 48px;
  }

  h3 {
    font-size: 24px;
    line-height: 32px;
  }

  h5 {
    font-size: 16px;
  }

  p {
    font-size: 18px;
    line-height: 32px;
  }

  .paragraph--large.p-white {
    font-size: 20px;
    line-height: 34px;
  }

  .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-icons {
    background-color: #fff;
    justify-content: center;
    padding-bottom: 24px;
  }

  .nav-menu {
    background-color: #fff;
  }

  .div-block {
    align-items: flex-start;
  }

  .column {
    margin-top: 0;
  }

  .text-wrapper {
    width: 100%;
    padding-bottom: 44px;
  }

  .container-w-padding {
    padding-left: 10px;
    padding-right: 10px;
  }

  .h2-white {
    font-size: 36px;
    line-height: 48px;
  }

  .p-white {
    font-size: 16px;
    line-height: 28px;
  }

  .list-column {
    grid-row-gap: 24px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .benefits-p-text {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 30px;
  }

  .benefits-p-text.second, .benefits-p-text.third, .benefits-p-text.first {
    font-size: 14px;
    line-height: 24px;
  }

  .benefits-mobile {
    bottom: 0;
  }

  .benefits-mobile-background {
    inset: 0% 0% auto;
  }

  .columns {
    margin-top: 30px;
  }

  .liechtenstein-flag {
    width: 54px;
    height: 54px;
    margin-bottom: 10px;
    padding-bottom: 0;
  }

  .paragraph {
    width: auto;
  }

  .h3-white {
    font-size: 28px;
    line-height: 36px;
  }

  .text-image-wrappper {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text-column {
    grid-row-gap: 4px;
    padding-right: 10px;
  }

  .wallet-list {
    padding-left: 20px;
  }

  .blog-column {
    padding-right: 10px;
  }

  .left-arrow {
    left: 64px;
  }

  .people-behind {
    grid-gap: 16px;
  }

  .qa-column {
    padding-left: 30px;
  }

  .container-footer {
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-logo-links {
    flex-direction: column;
    display: flex;
  }

  .informative-block-wrapper {
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
  }

  .benefits-p-text-copy {
    max-width: 40ch;
    max-height: 2.6em;
    margin-bottom: 0;
  }

  .informative-block {
    grid-gap: 8px;
    flex-direction: row;
  }

  .menu-button {
    background-color: var(--divider);
    border-radius: 40px;
  }

  .menu-button.w--open {
    background-color: var(--divider);
    color: var(--medium-gray);
  }

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

  .line {
    margin-bottom: 0;
  }

  .benefits-grid {
    margin-top: 40px;
  }

  .benefit-steps-wrapper {
    grid-row-gap: 12px;
    margin-bottom: 32px;
  }

  .navigation-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-3 {
    max-height: 3.4em;
    overflow: hidden;
  }

  .packages, .price-list-column {
    margin-top: 30px;
  }

  .container-no-padding {
    padding-left: 10px;
    padding-right: 10px;
  }

  .benefit.green._1 {
    left: 26px;
  }

  .benefit.green._2 {
    left: 5px;
  }

  .benefit.green._3 {
    bottom: 263px;
    right: 20px;
  }

  .benefit.red._1 {
    left: 65px;
  }

  .benefit.red._2 {
    right: 5px;
  }

  .benefit.red._3 {
    bottom: 185px;
    right: 47px;
  }

  .input-field-email {
    width: 75%;
  }

  .quote-block {
    height: 395px;
    padding: 8px 8px 72px;
  }

  .persona-tabs_menu {
    width: 100%;
    margin-top: 16px;
    position: relative;
    bottom: auto;
    left: auto;
  }

  .persona-tabs_menu.feature-tabs_menu {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .persona-tabs_menu.feature-tabs_menu.is--left {
    width: 80%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .container-5.image-on-right {
    width: 100%;
  }

  .feature-tabs_content {
    width: 100%;
    margin-right: 0%;
  }

  .persona-tabs {
    flex-direction: column;
    display: flex;
  }

  .persona-tabs.feature-tabs {
    grid-gap: 7px;
    grid-row-gap: 7px;
    flex-direction: row;
  }

  .feature-item {
    padding: 24px;
  }

  .shield-img {
    width: 40%;
  }
}

@media screen and (max-width: 767px) {
  h1, h2, p, .paragraph--small.blog {
    text-align: left;
  }

  .nav-icons {
    clear: left;
  }

  .nav-menu {
    clear: none;
    grid-gap: 24px;
    grid-row-gap: 28px;
    flex-direction: column;
    height: auto;
  }

  .hero-block.center {
    grid-gap: 6px;
    grid-row-gap: 6px;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    padding-bottom: 40px;
  }

  .button {
    align-self: center;
  }

  .column {
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .nav-link-wrapper {
    justify-content: space-between;
    align-self: auto;
    display: flex;
  }

  .section-dark {
    padding-top: 112px;
  }

  .text-wrapper {
    grid-row-gap: 12px;
    align-items: flex-start;
    padding-bottom: 24px;
  }

  .text-wrapper.padding-60 {
    justify-content: center;
    align-items: flex-start;
  }

  .text-wrapper.no-padding {
    text-align: center;
    align-items: flex-start;
  }

  .h2-white, .p-white {
    text-align: left;
  }

  .list-column {
    grid-row-gap: 16px;
    padding-bottom: 16px;
  }

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

  .benefits-mobile {
    width: 325px;
    display: block;
  }

  .benefits-mobile-background {
    display: block;
  }

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

  .text-block, .text-block.align-center {
    align-items: flex-start;
  }

  .bg-element-2 {
    top: -4%;
    left: -4%;
  }

  .text-column {
    padding-bottom: 20px;
  }

  .list {
    align-self: auto;
    align-items: flex-start;
  }

  .wallet-list {
    padding-left: 32px;
    padding-right: 32px;
  }

  .left-arrow {
    top: 16px;
    left: 0;
  }

  .right-arrow {
    float: left;
    top: 16px;
    right: -12px;
  }

  .people-behind {
    flex-direction: column;
    align-items: flex-start;
  }

  .quote {
    text-align: left;
  }

  .people-behind-text {
    align-items: flex-start;
  }

  .slider {
    max-width: none;
    height: 100%;
    margin-top: 24px;
  }

  .questions {
    align-items: flex-start;
    padding-bottom: 24px;
  }

  .qa-column {
    padding-left: 10px;
  }

  .footer-logo-links {
    grid-row-gap: 12px;
  }

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

  .benefits-p-text-copy {
    text-align: left;
    max-width: 30ch;
    margin-bottom: 0;
  }

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

  .text-link {
    float: left;
    display: block;
  }

  .hero-logo {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .line {
    display: none;
  }

  .benefits-grid {
    grid-gap: 16px;
    grid-row-gap: 16px;
    grid-template: ". ."
                   "Area Area" 1fr
                   / 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: start;
    place-items: start center;
    display: grid;
  }

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

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

  .success-message {
    margin-top: 60px;
  }

  .collection-list {
    grid-template-columns: 1fr;
  }

  .package-name {
    margin-top: 30px;
  }

  .starting-from.accent-text {
    margin-top: 40px;
  }

  .subbtext {
    text-align: center;
  }

  .benefit {
    padding: 8px 10px;
    font-size: 12px;
    line-height: 16px;
  }

  .benefit.green._1 {
    top: auto;
    bottom: 322px;
  }

  .benefit.green._2 {
    bottom: 262px;
    left: 2px;
  }

  .benefit.green._3 {
    bottom: 306px;
  }

  .benefit.red._1 {
    bottom: 210px;
    left: 56px;
  }

  .benefit.red._2 {
    bottom: 204px;
    right: 29px;
  }

  .benefit.red._3 {
    bottom: 260px;
    right: 92px;
  }

  .input-field-email {
    flex-direction: column;
    align-items: center;
  }

  .quote-block {
    height: 100%;
    padding-bottom: 40px;
  }

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

  .u-position-relative {
    display: none;
  }

  .persona-tabs_menu.feature-tabs_menu.is--left {
    width: 100%;
    padding-bottom: 15px;
  }

  .container-5 {
    width: 85%;
  }

  .feature-item_content {
    grid-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    display: flex;
  }

  .persona-tabs.feature-tabs {
    flex-direction: column;
    margin-top: 0;
  }

  .expert-opinions-columns {
    margin-top: 28px;
  }

  .shield-img {
    width: 46%;
  }

  .benefit-wrapper {
    inset: auto 0% -18%;
  }

  .div-block-5 {
    grid-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    width: 95%;
    margin: 32px auto;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 32px;
    line-height: 52px;
  }

  h2 {
    font-size: 28px;
  }

  p, .paragraph--large.p-white {
    font-size: 16px;
    line-height: 30px;
  }

  .container {
    max-width: none;
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .container.padding-72 {
    padding-bottom: 72px;
  }

  .container.blog {
    padding-top: 110px;
  }

  .nav-bar {
    justify-content: center;
  }

  .nav-icons {
    padding-bottom: 24px;
  }

  .div-block {
    flex-direction: column;
  }

  .brand {
    align-self: center;
    width: 185px;
    height: 62px;
  }

  .hero-block {
    margin-top: 16px;
    padding-bottom: 50px;
  }

  .hero-block.center {
    padding-bottom: 32px;
  }

  .section-dark {
    padding-top: 0;
  }

  .text-wrapper.no-padding {
    grid-row-gap: 12px;
  }

  .container-w-padding {
    max-width: none;
    padding-bottom: 32px;
  }

  .h2-white {
    font-size: 28px;
  }

  .list-element {
    grid-gap: 4px;
  }

  .list-column {
    padding-left: 0;
    padding-right: 0;
  }

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

  .number {
    width: 64px;
    font-size: 32px;
    line-height: 48px;
  }

  .benefits-p-text {
    font-size: 14px;
  }

  .vertical-text-wrapper {
    grid-gap: 16px;
    grid-row-gap: 0px;
    flex-direction: column;
    align-items: flex-start;
  }

  .vertical-text-wrapper.mobile {
    flex-direction: column;
  }

  .benefits-mobile-background {
    display: block;
    inset: auto 0% 55px;
  }

  .text-block {
    grid-row-gap: 12px;
  }

  .blog-image {
    display: none;
  }

  .text-image-wrappper {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .text-image-wrappper.direction-horizontal {
    flex-direction: row;
    margin-right: 10px;
  }

  .text-image-wrappper.ingrid {
    margin-right: 10px;
  }

  .text-column {
    padding-left: 0;
    padding-right: 0;
  }

  .list {
    grid-row-gap: 4px;
  }

  .price {
    margin-top: 12px;
  }

  .wallet-list, .blog-column {
    padding-left: 0;
    padding-right: 0;
  }

  .left-arrow {
    float: left;
    left: 0;
  }

  .right-arrow {
    float: left;
    right: -12px;
  }

  .container-footer {
    grid-row-gap: 24px;
  }

  .footer-links {
    grid-row-gap: 28px;
    flex-direction: column;
  }

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

  .benefits-p-text-copy {
    max-width: 25ch;
    font-size: 12px;
  }

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

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

  .menu-button {
    margin-top: 5px;
    padding: 14px;
  }

  .benefits-grid {
    grid-row-gap: 0px;
    grid-template: "."
                   "." 1fr
                   "."
                   / 1fr;
  }

  .heading {
    font-size: 28px;
    line-height: 48px;
  }

  .portrait {
    width: 120px;
    height: 120px;
    display: block;
  }

  .navigation-container {
    max-width: none;
    padding-bottom: 10px;
  }

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

  .form-block {
    padding: 16px;
  }

  .form.center {
    grid-gap: 12px;
    grid-row-gap: 12px;
  }

  .image {
    top: 15px;
    left: 7px;
  }

  .success-message {
    margin-top: 0;
    padding-top: 70px;
  }

  .package-name {
    padding-bottom: 8px;
    font-size: 20px;
    line-height: 28px;
  }

  .starting-from.accent-text {
    margin-top: 24px;
    font-size: 20px;
    line-height: 28px;
  }

  .user-card {
    overflow: hidden;
  }

  .main-image-holder {
    justify-content: center;
  }

  .detail_container {
    padding-left: 15px;
  }

  .detail_container.no-wrap {
    flex-direction: column;
    padding-left: 15px;
  }

  .detail_container.no-wrap.right, .detail_container.right {
    padding-left: 30px;
  }

  .detail_container.right.special {
    padding-left: 15px;
  }

  .profile-image {
    margin-left: 0;
    inset: auto auto 0%;
  }

  .details-by-picture {
    margin-bottom: 140px;
    padding-top: 16px;
  }

  .birth-nationality {
    align-items: center;
    margin-bottom: 50px;
  }

  .badge {
    display: none;
    inset: -30px auto auto;
  }

  .badge.mobile {
    width: 210px;
    display: block;
    inset: 10px auto auto;
  }

  .grid-2 {
    grid-template: "."
                   "."
                   "."
                   "."
                   "."
                   "."
                   "."
                   "."
                   / 200px 200px;
    grid-auto-columns: 250px;
    grid-auto-flow: row;
  }

  .text-block-10 {
    font-size: 16px;
  }

  .walletprice {
    display: flex;
  }

  .subbtext {
    text-align: center;
  }

  .container-no-padding {
    max-width: none;
    padding-bottom: 0;
  }

  .benefit {
    display: none;
  }

  .image-text-column {
    flex-direction: column;
  }

  .input-field-email {
    grid-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .quote-block {
    height: 100%;
    padding-bottom: 40px;
  }

  .feature-item_content {
    grid-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .feature-item {
    padding-left: 12px;
    padding-right: 12px;
  }

  .shield-img {
    width: 90%;
    display: none;
  }

  .shield-img.mobile {
    width: 70%;
    display: block;
  }

  .div-block-5 {
    grid-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: center;
    width: 95%;
    display: flex;
  }
}

#w-node-_18c444ec-cdd7-1151-6c76-79ef5a537a53-ff98e9d9, #w-node-afb3cd7d-ce4a-4b37-2e28-d18e0138aee6-ff98e9d9, #w-node-e847c14d-0ee5-4a88-73ab-f92b74423343-ff98e9d9, #w-node-_8dca5d91-c1f2-4cb6-9ed7-a4d55137fb3d-ff98e9d9, #w-node-_468d6810-e7f2-dd4e-c40e-bf1c265d7bdc-ff98e9d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac3b9d25-dd79-02f3-f5e7-21241bd4dd6b-ff98e9d9 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_7fb624ef-4123-fe98-f144-1049c526e374-ff98e9d9, #w-node-_13f6c11c-79cd-24c3-1f27-a5d53dee5662-ff98e9d9, #w-node-cee89818-b37f-f755-d1c8-44c833e2bad5-ff98e9d9, #w-node-b4a3c00f-9825-35c3-1426-ce8428456858-ff98e9d9 {
  grid-area: Area-2;
}

#w-node-_28dc7870-6d68-84f5-0e02-ceb8ef383ddd-cb506cba, #w-node-_28dc7870-6d68-84f5-0e02-ceb8ef383de2-cb506cba, #w-node-_28dc7870-6d68-84f5-0e02-ceb8ef383dd1-cb506cba, #w-node-_28dc7870-6d68-84f5-0e02-ceb8ef383dd7-cb506cba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_28dc7870-6d68-84f5-0e02-ceb8ef383de7-cb506cba {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-f45a9dfb-a366-278e-8e80-fcf43c0cd44b-cb506cba {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-e17e4d82-0796-5737-dd7e-be25647be5ed-4e3ad3e9, #w-node-e17e4d82-0796-5737-dd7e-be25647be5f2-4e3ad3e9, #w-node-_3dc9e11c-1624-f2f7-987e-91f5d4eff438-4e3ad3e9, #w-node-ed221f82-5bd2-f048-8cbd-9103b34c2683-4e3ad3e9, #w-node-fa191739-e123-e898-9076-d5e528033153-4e3ad3e9, #w-node-_9cc8c91c-2f36-3741-9634-4ce10778b566-4e3ad3e9, #w-node-b2608ede-5235-a06d-bc8f-e1b5d40501be-4e3ad3e9, #w-node-_073b1088-5744-b66e-1cc3-4f6ec39ed2e7-4e3ad3e9, #w-node-_1e788f21-920a-bc1b-c492-5d5570de654f-4e3ad3e9, #w-node-cdd7e927-6ebe-76cf-14a7-a00520819d63-4e3ad3e9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e17e4d82-0796-5737-dd7e-be25647be5f7-4e3ad3e9, #w-node-e17e4d82-0796-5737-dd7e-be25647be5fd-4e3ad3e9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e17e4d82-0796-5737-dd7e-be25647be603-4e3ad3e9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-e17e4d82-0796-5737-dd7e-be25647be609-4e3ad3e9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_18c444ec-cdd7-1151-6c76-79ef5a537a53-2155b1a5, #w-node-afb3cd7d-ce4a-4b37-2e28-d18e0138aee6-2155b1a5, #w-node-e847c14d-0ee5-4a88-73ab-f92b74423343-2155b1a5, #w-node-_8dca5d91-c1f2-4cb6-9ed7-a4d55137fb3d-2155b1a5, #w-node-_468d6810-e7f2-dd4e-c40e-bf1c265d7bdc-2155b1a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-ac3b9d25-dd79-02f3-f5e7-21241bd4dd6b-ff98e9d9 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7fb624ef-4123-fe98-f144-1049c526e374-ff98e9d9, #w-node-_13f6c11c-79cd-24c3-1f27-a5d53dee5662-ff98e9d9 {
    grid-area: Area;
  }

  #w-node-cee89818-b37f-f755-d1c8-44c833e2bad5-ff98e9d9, #w-node-b4a3c00f-9825-35c3-1426-ce8428456858-ff98e9d9 {
    grid-area: Area;
    place-self: end;
  }
}

@media screen and (max-width: 479px) {
  #w-node-ac3b9d25-dd79-02f3-f5e7-21241bd4dd6b-ff98e9d9 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_7fb624ef-4123-fe98-f144-1049c526e374-ff98e9d9, #w-node-_13f6c11c-79cd-24c3-1f27-a5d53dee5662-ff98e9d9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e17e4d82-0796-5737-dd7e-be25647be5f7-4e3ad3e9, #w-node-e17e4d82-0796-5737-dd7e-be25647be5fd-4e3ad3e9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Korto';
  src: url('../fonts/Korto-Bold.ttf') format('truetype'), url('../fonts/Korto-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Korto';
  src: url('../fonts/Korto-BoldOblique.ttf') format('truetype'), url('../fonts/Korto-BoldOblique.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Korto book';
  src: url('../fonts/Korto-Book.ttf') format('truetype'), url('../fonts/Korto-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Korto';
  src: url('../fonts/Korto-MediumOblique.ttf') format('truetype'), url('../fonts/Korto-MediumOblique.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Korto';
  src: url('../fonts/Korto-Heavy.ttf') format('truetype'), url('../fonts/Korto-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Korto';
  src: url('../fonts/Korto-Medium.ttf') format('truetype'), url('../fonts/Korto-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Korto';
  src: url('../fonts/Korto-BookOblique.ttf') format('truetype'), url('../fonts/Korto-UltraOblique.ttf') format('truetype'), url('../fonts/Korto-BookOblique.otf') format('opentype'), url('../fonts/Korto-UltraOblique.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Korto';
  src: url('../fonts/Korto-ThinOblique.ttf') format('truetype'), url('../fonts/Korto-ThinOblique.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Korto';
  src: url('../fonts/Korto-HeavyOblique.ttf') format('truetype'), url('../fonts/Korto-HeavyOblique.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Korto';
  src: url('../fonts/Korto-Thin.ttf') format('truetype'), url('../fonts/Korto-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Korto';
  src: url('../fonts/Korto-Light.ttf') format('truetype'), url('../fonts/Korto-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Korto';
  src: url('../fonts/Korto-LightOblique.ttf') format('truetype'), url('../fonts/Korto-LightOblique.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Korto ultra';
  src: url('../fonts/Korto-Ultra.ttf') format('truetype'), url('../fonts/Korto-Ultra.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.hero-v2 {
  background:
    radial-gradient(circle at top left, rgba(55, 210, 136, .2), transparent 34%),
    radial-gradient(circle at top right, rgba(35, 134, 224, .16), transparent 28%),
    linear-gradient(180deg, #f7fffb 0%, #fff 58%, #f6f8fb 100%);
  padding-top: 96px;
  padding-bottom: 56px;
}

.hero-shell {
  /*max-width: 1280px;*/
  padding-top: 18px;
}

.audience-switcher {
  grid-gap: 4px;
  background-color: #f5f7fa;
  border: 1px solid rgba(197, 197, 209, .55);
  border-radius: 999px;
  flex: none;
  align-items: center;
  margin-right: 12px;
  padding: 4px;
  display: flex;
}

.audience-switch-link {
  color: #5f6674;
  border-radius: 999px;
  padding: 9px 14px;
  font-family: Korto, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  transition: background-color .2s, color .2s;
}

.audience-switch-link:hover {
  color: #2a3140;
}

.audience-switch-link.is-active, .audience-switch-link.w--current {
  color: #102523;
  background-color: #fff;
  box-shadow: 0 4px 12px rgba(32, 42, 57, .08);
}

.landing-nav {
  justify-content: space-between;
  align-items: center;
  padding-top: 28px;
  padding-bottom: 24px;
  display: flex;
}

.landing-nav-links {
  grid-gap: 24px;
  align-items: center;
  display: flex;
}

.nav-link-inline {
  color: #373b48;
  font-family: Korto, sans-serif;
  font-size: 14px;
  text-decoration: none;
  transition: color .2s;
}

.nav-link-inline:hover {
  color: var(--primary);
}

.hero-grid {
  grid-gap: 40px;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr);
  align-items: center;
  display: grid;
  padding-top: 50px;
}

.hero-copy {
  max-width: 620px;
}

.hero-kicker-row {
  grid-gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 18px;
  display: flex;
}

.hero-kicker {
  color: #0f5132;
  background-color: rgba(55, 210, 136, .14);
  border: 1px solid rgba(55, 210, 136, .28);
  border-radius: 999px;
  padding: 8px 14px;
  font-family: Korto, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.hero-kicker.muted {
  color: #214b70;
  background-color: rgba(35, 134, 224, .1);
  border-color: rgba(35, 134, 224, .18);
}

.hero-v2 h1 {
  max-width: 720px;
  margin-top: 0;
  margin-bottom: 18px;
  font-size: 42px;
  line-height: 1.08;
}

.hero-lead {
  color: #4d5566;
  max-width: 620px;
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 34px;
}

.hero-support-line {
  color: #5f6674;
  max-width: 620px;
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 28px;
}

.hero-actions {
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.download-box {
  background-color: #fff;
  border: 1px solid rgba(55, 210, 136, .22);
  border-radius: 24px;
  box-shadow: 0 20px 40px rgba(27, 37, 64, .08);
  padding: 22px;
}

.download-box-title {
  color: #2f3747;
  margin-bottom: 14px;
  font-family: Korto, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.download-store-row {
  grid-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.hero-secondary-button, .hero-partner-button {
  min-width: 280px;
  text-align: center;
}

.hero-note-row {
  grid-gap: 16px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin-top: 22px;
  display: flex;
}

.hero-note {
  color: #2f3747;
  background-color: rgba(255, 255, 255, .72);
  border: 1px solid rgba(197, 197, 209, .5);
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 13px;
  line-height: 16px;
}

.hero-inline-link {
  color: #2a3140;
  align-self: center;
  font-family: Korto, sans-serif;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
}

.hero-inline-link:hover {
  color: var(--primary);
}

.hero-visuals {
  justify-items: end;
  display: grid;
}

.hero-device-holder {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero-device-image {
  width: 100%;
  max-width: 375px;
  display: block;
}

.proof-card {
  background-color: rgba(255, 255, 255, .96);
  border: 1px solid rgba(197, 197, 209, .42);
  border-radius: 28px;
  box-shadow: 0 22px 55px rgba(27, 37, 64, .1);
  padding: 22px;
}

.proof-card-label {
  color: var(--primary);
  margin-bottom: 10px;
  font-family: Korto, sans-serif;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
}

.proof-card-image {
  overflow: hidden;
}

.proof-card-image-large {
  width: 100%;
  max-width: 460px;
}

.proof-app-image {
  border-radius: 24px;
  width: 100%;
  max-width: 410px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.hero-logo-strip {
  margin-top: 42px;
}

.hero-logo-copy {
  color: #5f6674;
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 24px;
}

.hero-logo-grid {
  grid-gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.hero-logo-card {
  background-color: rgba(255, 255, 255, .8);
  border: 1px solid rgba(197, 197, 209, .42);
  border-radius: 22px;
  padding: 20px;
}

.hero-logo-card img {
  height: 26px;
  margin-bottom: 14px;
}

.hero-logo-card p {
  color: #5f6674;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px;
}

.section-heading {
  max-width: 820px;
  margin-bottom: 34px;
}

.section-heading.compact {
  margin-bottom: 24px;
}

.section-heading.white {
  max-width: 900px;
}

.section-heading p {
  color: #5f6674;
  font-size: 18px;
  line-height: 30px;
}

.section-heading.white p {
  color: rgba(255, 255, 255, .78);
}

.section-kicker {
  color: var(--primary);
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Korto, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.aida-quick-faq {
  padding-top: 36px;
}

.quick-faq-grid {
  grid-gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.quick-faq-card, .trust-card, .testimonial-card, .step-card, .timeline-card, .pricing-card {
  background-color: #fff;
  border: 1px solid rgba(197, 197, 209, .35);
  border-radius: 24px;
  box-shadow: 0 16px 36px rgba(27, 37, 64, .06);
}

.quick-faq-card {
  padding: 24px;
}

.quick-faq-card h5 {
  margin-top: 0;
  margin-bottom: 10px;
}

.quick-faq-card p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 26px;
}

.comparison-section {
  padding-top: 90px;
}

.comparison-section-dark {
  background-color: #0a1832;
  background-image:
    url('../backupflow/cryptopass.webflow/images/BackgroundElement_1.png'),
    radial-gradient(circle at 10% 0%, rgba(12, 119, 61, .38), transparent 34%),
    radial-gradient(circle at 88% 100%, rgba(10, 98, 111, .34), transparent 30%);
  background-position: 100% 0, 0 0, 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: auto, auto, auto;
}

.comparison-section-dark .section-heading h2 {
  color: #fff;
}

.comparison-section-dark .section-heading p {
  color: rgba(255, 255, 255, .78);
}

.comparison-section-dark .comparison-note {
  color: rgba(255, 255, 255, .72);
}

.comparison-table-wrapper {
  background-color: #fff;
  border: 1px solid rgba(197, 197, 209, .35);
  border-radius: 28px;
  overflow-x: auto;
}

.comparison-table {
  width: 100%;
  border-collapse: collapse;
}

.comparison-table th, .comparison-table td {
  border-bottom: 1px solid rgba(197, 197, 209, .34);
  padding: 20px 22px;
  text-align: left;
  font-size: 15px;
  line-height: 24px;
}

.comparison-table th {
  color: #2a3140;
  background-color: #f7fbf9;
  font-family: Korto, sans-serif;
  font-size: 16px;
}

.comparison-table tr:last-child td {
  border-bottom-style: none;
}

.plan-chip {
  border-radius: 999px;
  padding: 8px 12px;
  font-family: Korto, sans-serif;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
}

.plan-chip.free {
  color: #0f5132;
  background-color: rgba(55, 210, 136, .14);
}

.plan-chip.paid {
  color: #214b70;
  background-color: rgba(35, 134, 224, .1);
}

.comparison-note, .pricing-footnote {
  color: #5f6674;
  max-width: 860px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 25px;
}

.steps-grid, .proof-grid, .upgrade-reasons-grid {
  grid-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.step-card, .trust-card {
  padding: 24px;
}

.step-number, .timeline-point {
  color: var(--primary);
  margin-bottom: 14px;
  font-family: Korto, sans-serif;
  font-size: 34px;
  line-height: 36px;
}

.step-card h5, .trust-card h5, .audience-card h5, .timeline-card h5, .pricing-card h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.step-card p, .trust-card p, .timeline-card p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 26px;
}

.audience-section {
  background-image:
    url('../backupflow/cryptopass.webflow/images/Backgroundelement_3.png'),
    radial-gradient(circle at 0% 0%, rgba(12, 119, 61, .32), transparent 30%),
    radial-gradient(circle at 92% 100%, rgba(10, 98, 111, .28), transparent 28%);
  background-position: 5% 0, 0 0, 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: auto, auto, auto;
  padding-top: 96px;
  padding-bottom: 96px;
}

.audience-tabs {
  background-color: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 32px;
  padding: 24px;
}

.audience-tab-buttons {
  grid-gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 22px;
  display: flex;
}

.audience-tab-button {
  color: rgba(255, 255, 255, .74);
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  padding: 14px 18px;
  font-family: Korto, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.audience-tab-button.is-active {
  color: #102523;
  background-color: #fff;
}

.audience-tab-panel {
  display: none;
}

.audience-tab-panel.is-active {
  display: block;
}

.audience-grid {
  grid-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.audience-card {
  background-color: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 22px;
  padding: 22px;
}

.audience-card p {
  color: rgba(255, 255, 255, .82);
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 25px;
}

.audience-card span {
  color: var(--primary-hover);
  font-size: 13px;
  line-height: 20px;
}

.audience-cta-row {
  grid-gap: 14px;
  flex-wrap: wrap;
  margin-top: 22px;
  display: flex;
}

.integrator-teaser {
  background-color: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 28px;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
  padding: 24px;
  display: flex;
}

.integrator-teaser-copy {
  max-width: 620px;
}

.integrator-teaser-copy h5 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
}

.integrator-teaser-copy p {
  color: rgba(255, 255, 255, .82);
  margin-bottom: 0;
  font-size: 15px;
  line-height: 25px;
}

.integrator-teaser-actions {
  grid-gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex;
}

.audience-business-proof {
  grid-gap: 16px;
  align-items: center;
  margin-top: 22px;
  padding: 18px 20px;
  display: flex;
}

.audience-business-proof img {
  height: 28px;
}

.audience-business-proof p {
  color: rgba(255, 255, 255, .8);
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.testimonial-grid {
  grid-gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 20px;
  display: grid;
}

.testimonial-card {
  padding: 24px;
}

.testimonial-card p {
  color: #2f3747;
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 30px;
}

.testimonial-card span {
  color: #5f6674;
  font-size: 14px;
  line-height: 24px;
}

.upgrade-reasons {
  margin-top: 28px;
}

.upgrade-reasons h5 {
  margin-top: 0;
  margin-bottom: 16px;
}

.upgrade-reason {
  background-color: #fff;
  border: 1px solid rgba(197, 197, 209, .35);
  border-radius: 18px;
  padding: 18px;
  font-size: 15px;
  line-height: 24px;
}

.timeline-grid {
  grid-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.timeline-card {
  padding: 24px;
}

.demo-banner {
  background: linear-gradient(135deg, rgba(55, 210, 136, .14), rgba(35, 134, 224, .12));
  border: 1px solid rgba(55, 210, 136, .18);
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  padding: 24px;
  display: flex;
}

.demo-banner p {
  margin-bottom: 0;
}

.pricing-section {
  padding-top: 96px;
}

.pricing-section-dark {
  background-color: #0a1832;
  background-image:
    url('../backupflow/cryptopass.webflow/images/BackgroundElement_4.png'),
    radial-gradient(circle at 0% 0%, rgba(12, 119, 61, .34), transparent 28%),
    radial-gradient(circle at 100% 100%, rgba(10, 98, 111, .26), transparent 28%);
  background-position: 5% 0, 0 0, 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: auto, auto, auto;
}

.pricing-section-dark .section-heading h2 {
  color: #fff;
}

.pricing-section-dark .section-heading p {
  color: rgba(255, 255, 255, .78);
}

.pricing-section-dark .pricing-footnote {
  color: rgba(255, 255, 255, .72);
}

.pricing-grid {
  grid-gap: 22px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  display: grid;
}

.pricing-card {
  padding: 28px;
}

.pricing-card-free {
  border-color: rgba(55, 210, 136, .24);
}

.pricing-card-popular {
  border: 2px solid rgba(255, 164, 43, .42);
  transform: translateY(-8px);
}

.pricing-card-dd {
  border-color: rgba(35, 134, 224, .24);
}

.pricing-badge {
  color: #0f5132;
  background-color: rgba(55, 210, 136, .14);
  border-radius: 999px;
  margin-bottom: 18px;
  padding: 8px 12px;
  font-family: Korto, sans-serif;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
}

.pricing-badge.highlight {
  color: #7b4e00;
  background-color: rgba(255, 164, 43, .18);
}

.pricing-badge.muted {
  color: #214b70;
  background-color: rgba(35, 134, 224, .1);
}

.pricing-price {
  color: #2a3140;
  margin-bottom: 16px;
  font-family: Korto, sans-serif;
  font-size: 38px;
  line-height: 44px;
}

.pricing-list {
  margin-bottom: 24px;
  padding-left: 20px;
}

.pricing-list li {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 24px;
}

.partner-section-new {
  padding-top: 96px;
  padding-bottom: 96px;
}

.partner-layout {
  grid-gap: 28px;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: start;
  display: grid;
}

.partner-benefits {
  grid-gap: 12px;
  grid-row-gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 24px;
  display: grid;
}

.partner-benefit {
  color: rgba(255, 255, 255, .86);
  background-color: rgba(255, 255, 255, .08);
  border-radius: 18px;
  padding: 16px;
  font-size: 15px;
  line-height: 24px;
}

.partner-form-card {
  background-color: #fff;
  border-radius: 28px;
  padding: 28px;
}

.partner-form-card h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.form-select {
  height: 54px;
}

.faq-layout {
  grid-gap: 28px;
  grid-template-columns: minmax(240px, .35fr) minmax(0, .65fr);
  display: grid;
}

.people-behind-section .slider {
  max-width: 100%;
}

.faq-side-copy {
  position: sticky;
  top: 24px;
}

.faq-side-copy h5 {
  margin-top: 0;
}

.faq-main .text-image-wrappper {
  margin-left: 0;
  margin-right: 0;
}

.sticky-download-banner {
  z-index: 2147483600;
  background-color: #102523;
  border-radius: 22px;
  justify-content: space-between;
  align-items: center;
  width: min(940px, calc(100vw - 24px));
  margin-left: auto;
  margin-right: auto;
  padding: 16px 18px;
  transition: transform .28s, opacity .28s;
  display: flex;
  position: fixed;
  bottom: 18px;
  left: 12px;
  right: 12px;
  transform: translateY(140%);
  box-shadow: 0 18px 44px rgba(16, 37, 35, .28);
  opacity: 0;
  isolation: isolate;
  pointer-events: none;
}

.sticky-download-banner.is-visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.integrator-hero {
  background:
    radial-gradient(circle at top left, rgba(35, 134, 224, .15), transparent 34%),
    radial-gradient(circle at top right, rgba(55, 210, 136, .16), transparent 30%),
    linear-gradient(180deg, #f8fbff 0%, #fff 62%, #f6f8fb 100%);
  padding-top: 96px;
  padding-bottom: 56px;
}

.integrator-hero-grid {
  grid-gap: 40px;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .78fr);
  align-items: center;
  width: 100%;
  display: grid;
}

.integrator-hero-grid.integratorgrid {
  padding-top: 50px;
}

.integrator-hero-copy {
  max-width: 660px;
}

.integrator-hero-copy h1 {
  margin-top: 0;
  margin-bottom: 18px;
}

.integrator-hero-lead {
  color: #4d5566;
  margin-bottom: 18px;
  font-size: 20px;
  line-height: 34px;
}

.integrator-hero-support {
  color: #5f6674;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 28px;
}

.integrator-hero-actions {
  grid-gap: 14px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  display: flex;
}

.integrator-proof-stack {
  grid-row-gap: 18px;
  display: grid;
}

.integrator-proof-card {
  background-color: rgba(255, 255, 255, .96);
  border: 1px solid rgba(197, 197, 209, .4);
  border-radius: 28px;
  box-shadow: 0 20px 50px rgba(27, 37, 64, .08);
  padding: 24px;
}

.integrator-proof-card h3 {
  margin-top: 0;
  margin-bottom: 12px;
}

.integrator-proof-card p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 25px;
}

.integrator-proof-card img {
  max-width: 120px;
  margin-bottom: 16px;
}

.integrator-metric-grid {
  grid-gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 18px;
  display: grid;
}

.integrator-why-section {
  background-color: #0a1832;
  background-image:
    url('../backupflow/cryptopass.webflow/images/BackgroundElement_1.png'),
    radial-gradient(circle at 10% 0%, rgba(12, 119, 61, .38), transparent 34%),
    radial-gradient(circle at 88% 100%, rgba(10, 98, 111, .34), transparent 30%);
  background-position: 100% 0, 0 0, 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: auto, auto, auto;
}

.integrator-why-section .proof-grid {
  margin-top: 24px;
}

.integrator-metric-card {
  background-color: #fff;
  border: 1px solid rgba(197, 197, 209, .35);
  border-radius: 22px;
  padding: 22px;
}

.integrator-metric-card strong {
  color: #2a3140;
  margin-bottom: 8px;
  font-family: Korto, sans-serif;
  font-size: 28px;
  line-height: 34px;
  display: block;
}

.integrator-metric-card span {
  color: #5f6674;
  font-size: 14px;
  line-height: 24px;
}

.integration-model-grid {
  grid-gap: 22px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.integration-model-card {
  background-color: #fff;
  border: 1px solid rgba(197, 197, 209, .35);
  border-radius: 24px;
  box-shadow: 0 16px 36px rgba(27, 37, 64, .06);
  padding: 24px;
}

.integration-model-card h5 {
  margin-top: 0;
  margin-bottom: 10px;
}

.integration-model-card p {
  margin-bottom: 14px;
  font-size: 15px;
  line-height: 25px;
}

.integration-model-card ul {
  margin-bottom: 0;
  padding-left: 20px;
}

.integration-model-card li {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 23px;
}

.integrator-inline-proof {
  background: linear-gradient(135deg, rgba(55, 210, 136, .12), rgba(35, 134, 224, .1));
  border: 1px solid rgba(55, 210, 136, .18);
  border-radius: 24px;
  margin-top: 24px;
  padding: 22px 24px;
}

.integrator-inline-proof p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 25px;
}

.integrator-partner-section {
  background-color: #0a1832;
  background-image:
    url('../backupflow/cryptopass.webflow/images/BackgroundElement_4.png'),
    radial-gradient(circle at 0% 0%, rgba(12, 119, 61, .34), transparent 28%),
    radial-gradient(circle at 100% 100%, rgba(10, 98, 111, .26), transparent 28%);
  background-position: 5% 0, 0 0, 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: auto, auto, auto;
}

.sticky-download-copy {
  color: #fff;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding-right: 16px;
  position: relative;
  z-index: 1;
  display: flex;
}

.sticky-download-copy strong {
  font-family: Korto, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.sticky-download-copy span {
  color: rgba(255, 255, 255, .72);
  margin-top: 4px;
  font-size: 13px;
  line-height: 18px;
}

.sticky-download-actions {
  grid-gap: 12px;
  flex: none;
  align-items: center;
  position: relative;
  z-index: 2;
  display: flex;
}

.sticky-close-button, .exit-popup-close {
  color: rgba(255, 255, 255, .8);
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  font-family: Korto, sans-serif;
  font-size: 14px;
}

.exit-popup {
  z-index: 2147483646;
  background-color: rgba(16, 20, 28, .62);
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: none;
  position: fixed;
  inset: 0%;
  isolation: isolate;
  pointer-events: none;
}

.exit-popup.is-visible {
  display: flex;
  pointer-events: auto;
}

.exit-popup-card {
  background-color: #fff;
  border-radius: 28px;
  width: 100%;
  max-width: 520px;
  padding: 28px;
  position: relative;
  z-index: 1;
  pointer-events: auto;
}

.exit-popup-card h3 {
  margin-top: 0;
}

.exit-popup-close {
  color: #2a3140;
  position: absolute;
  top: 20px;
  right: 22px;
}

@media screen and (max-width: 991px) {
  .landing-nav {
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .landing-nav-links {
    grid-gap: 18px;
    flex-wrap: wrap;
  }

  .hero-grid, .partner-layout, .faq-layout {
    grid-template-columns: 1fr;
  }

  .integrator-hero-grid, .integrator-metric-grid, .integration-model-grid {
    grid-template-columns: 1fr;
  }

  .hero-v2 h1 {
    font-size: 48px;
    line-height: 1.12;
  }

  .hero-visuals {
    justify-items: center;
  }

  .hero-logo-grid, .quick-faq-grid, .steps-grid, .proof-grid, .timeline-grid, .pricing-grid {
    grid-template-columns: 1fr 1fr;
  }

  .audience-grid, .partner-benefits, .upgrade-reasons-grid {
    grid-template-columns: 1fr;
  }

  .comparison-table th, .comparison-table td {
    min-width: 220px;
  }

  .faq-side-copy {
    position: static;
  }

  .integrator-teaser {
    grid-row-gap: 18px;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .hero-v2 {
    padding-top: 82px;
    padding-bottom: 40px;
  }

  .comparison-section-dark, .audience-section, .pricing-section-dark {
    background-size: 220px auto, auto, auto;
  }

  .integrator-why-section, .integrator-partner-section {
    background-size: 220px auto, auto, auto;
  }

  .comparison-section-dark {
    background-position: 110% 0, 0 0, 100% 100%;
  }

  .integrator-why-section {
    background-position: 110% 0, 0 0, 100% 100%;
  }

  .audience-section, .pricing-section-dark {
    background-position: -30px 0, 0 0, 100% 100%;
  }

  .integrator-partner-section {
    background-position: -30px 0, 0 0, 100% 100%;
  }

  .hero-v2 h1 {
    font-size: 38px;
  }

  .hero-shell {
    padding-top: 10px;
  }

  .hero-lead {
    font-size: 18px;
    line-height: 30px;
  }

  .download-box, .proof-card, .partner-form-card {
    border-radius: 22px;
    padding: 20px;
  }

  .hero-logo-grid, .quick-faq-grid, .steps-grid, .proof-grid, .timeline-grid, .pricing-grid, .testimonial-grid {
    grid-template-columns: 1fr;
  }

  .audience-tab-button {
    width: 100%;
  }

  .demo-banner, .sticky-download-banner {
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .sticky-download-actions {
    width: 100%;
    justify-content: space-between;
  }

  .audience-switcher {
    order: -1;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .audience-switch-link {
    flex: 1;
    text-align: center;
  }
}

@media screen and (max-width: 479px) {
  .landing-nav {
    padding-top: 18px;
  }

  .comparison-section-dark, .audience-section, .pricing-section-dark {
    background-size: 170px auto, auto, auto;
  }

  .integrator-why-section, .integrator-partner-section {
    background-size: 170px auto, auto, auto;
  }

  .hero-v2 h1 {
    font-size: 32px;
    line-height: 1.14;
  }

  .hero-device-image {
    max-width: 360px;
  }

  .quick-faq-card, .step-card, .trust-card, .timeline-card, .pricing-card, .testimonial-card {
    padding: 18px;
  }

  .download-box-title {
    font-size: 18px;
    line-height: 26px;
  }

  .hero-secondary-button, .hero-partner-button, .sticky-download-actions .button {
    width: 100%;
  }

  .download-store-row {
    grid-row-gap: 12px;
  }

  .download-store-row .get-it-on-link {
    width: 100%;
  }

  .download-store-row img {
    width: 100%;
  }

  .sticky-download-banner {
    padding: 14px;
    bottom: 12px;
  }
}