/* utils */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.steps {
  --step-card-bg: #dfe1fb;
  --step-arrow-right: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYuNTMwMyA2LjA1MzI4QzE2LjgyMzIgNS43NjAzOSAxNi44MjMyIDUuMjg1NTEgMTYuNTMwMyA0Ljk5MjYyTDExLjc1NzQgMC4yMTk2NDhDMTEuNDY0NSAtMC4wNzMyNDUgMTAuOTg5NiAtMC4wNzMyNDUgMTAuNjk2NyAwLjIxOTY0OEMxMC40MDM4IDAuNTEyNTQyIDEwLjQwMzggMC45ODc0MTUgMTAuNjk2NyAxLjI4MDMxTDE0LjkzOTMgNS41MjI5NUwxMC42OTY3IDkuNzY1NTlDMTAuNDAzOCAxMC4wNTg1IDEwLjQwMzggMTAuNTMzNCAxMC42OTY3IDEwLjgyNjNDMTAuOTg5NiAxMS4xMTkxIDExLjQ2NDUgMTEuMTE5MSAxMS43NTc0IDEwLjgyNjNMMTYuNTMwMyA2LjA1MzI4Wk0wIDUuNTIyOTVWNi4yNzI5NUgxNlY1LjUyMjk1VjQuNzcyOTVIMFY1LjUyMjk1WiIgZmlsbD0iIzFGMUUyMiIgLz48L3N2Zz4=");
  --step-arrow-connector-desktop: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzExIiBoZWlnaHQ9IjMzIiB2aWV3Qm94PSIwIDAgNzExIDMzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00Ljk5MzEgMzIuNTMwM0M1LjI4NjAxIDMyLjgyMzIgNS43NjA4NiAzMi44MjMyIDYuMDUzNzcgMzIuNTMwM0wxMC44MjY4IDI3Ljc1NzRDMTEuMTE5NiAyNy40NjQ1IDExLjExOTYgMjYuOTg5NiAxMC44MjY4IDI2LjY5NjdDMTAuNTMzOSAyNi40MDM4IDEwLjA1OSAyNi40MDM4IDkuNzY2MTEgMjYuNjk2N0w1LjUyMzQ0IDMwLjkzOTNMMS4yODA4MiAyNi42OTY3QzAuOTg3OTE0IDI2LjQwMzggMC41MTMwNiAyNi40MDM4IDAuMjIwMTUzIDI2LjY5NjdDLTAuMDcyNzU1MSAyNi45ODk2IC0wLjA3Mjc1NTEgMjcuNDY0NSAwLjIyMDE1MyAyNy43NTc0TDQuOTkzMSAzMi41MzAzWk0xMy41MjM0IDE2TDEzLjUyMzQgMTUuMjVMMTMuNTIzNCAxNlpNNS41MjM0NCAyNEw0Ljc3MzQ0IDI0TDQuNzczNDQgMzJMNS41MjM0NCAzMkw2LjI3MzQ0IDMyTDYuMjczNDQgMjRMNS41MjM0NCAyNFpNMTMuNTIzNCAxNkwxMy41MjM0IDE2Ljc1TDcwMS41MjMgMTYuNzVMNzAxLjUyMyAxNkw3MDEuNTIzIDE1LjI1TDEzLjUyMzQgMTUuMjVMMTMuNTIzNCAxNlpNNzA5LjUyMyA4TDcxMC4yNzMgOEw3MTAuMjczIDYuMTA3NTllLTA5TDcwOS41MjMgMEw3MDguNzczIC02LjEwNzY0ZS0wOUw3MDguNzczIDhMNzA5LjUyMyA4Wk03MDEuNTIzIDE2TDcwMS41MjMgMTYuNzVDNzA2LjM1NiAxNi43NSA3MTAuMjczIDEyLjgzMjUgNzEwLjI3MyA4TDcwOS41MjMgOEw3MDguNzczIDhDNzA4Ljc3MyAxMi4wMDQxIDcwNS41MjggMTUuMjUgNzAxLjUyMyAxNS4yNUw3MDEuNTIzIDE2Wk01LjUyMzQ0IDI0TDYuMjczNDQgMjRDNi4yNzM0NCAxOS45OTU5IDkuNTE5NDEgMTYuNzUgMTMuNTIzNCAxNi43NUwxMy41MjM0IDE2TDEzLjUyMzQgMTUuMjVDOC42OTA5OCAxNS4yNSA0Ljc3MzQ0IDE5LjE2NzUgNC43NzM0NCAyNEw1LjUyMzQ0IDI0WiIgZmlsbD0iIzFGMUUyMiIgLz48L3N2Zz4=");
  --step-arrow-connector-mobile: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCA0OSAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC45OTMxMSAzMi41MzAzQzUuMjg2IDMyLjgyMzIgNS43NjA4NyAzMi44MjMyIDYuMDUzNzcgMzIuNTMwM0wxMC44MjY3IDI3Ljc1NzRDMTEuMTE5NiAyNy40NjQ1IDExLjExOTYgMjYuOTg5NiAxMC44MjY3IDI2LjY5NjdDMTAuNTMzOCAyNi40MDM4IDEwLjA1OSAyNi40MDM4IDkuNzY2MDggMjYuNjk2N0w1LjUyMzQ0IDMwLjkzOTNMMS4yODA3OSAyNi42OTY3QzAuOTg3OTAyIDI2LjQwMzggMC41MTMwMjYgMjYuNDAzOCAwLjIyMDEzNCAyNi42OTY3Qy0wLjA3Mjc1ODkgMjYuOTg5NiAtMC4wNzI3NTg5IDI3LjQ2NDUgMC4yMjAxMzQgMjcuNzU3NEw0Ljk5MzExIDMyLjUzMDNaTTUuNTIzNDQgMjRMNC43NzM0NCAyNEw0Ljc3MzQ0IDMyTDUuNTIzNDQgMzJMNi4yNzM0NCAzMkw2LjI3MzQ0IDI0TDUuNTIzNDQgMjRaTTEzLjUyMzQgMTZMMTMuNTIzNCAxNi43NUwzOS41MjM0IDE2Ljc1TDM5LjUyMzQgMTZMMzkuNTIzNCAxNS4yNUwxMy41MjM0IDE1LjI1TDEzLjUyMzQgMTZaTTQ3LjUyMzQgNy45OTk5OUw0OC4yNzM0IDcuOTk5OTlMNDguMjczNCAzLjExOTIxZS0wOEw0Ny41MjM0IDBMNDYuNzczNCAtMy4xMTkyMWUtMDhMNDYuNzczNCA3Ljk5OTk5TDQ3LjUyMzQgNy45OTk5OVpNMzkuNTIzNCAxNkwzOS41MjM0IDE2Ljc1QzQ0LjM1NTkgMTYuNzUgNDguMjczNCAxMi44MzI1IDQ4LjI3MzQgNy45OTk5OUw0Ny41MjM0IDcuOTk5OTlMNDYuNzczNCA3Ljk5OTk5QzQ2Ljc3MzQgMTIuMDA0MSA0My41Mjc1IDE1LjI1IDM5LjUyMzQgMTUuMjVMMzkuNTIzNCAxNlpNNS41MjM0NCAyNEw2LjI3MzQ0IDI0QzYuMjczNDQgMTkuOTk1OSA5LjUxOTM3IDE2Ljc1IDEzLjUyMzQgMTYuNzVMMTMuNTIzNCAxNkwxMy41MjM0IDE1LjI1QzguNjkwOTQgMTUuMjUgNC43NzM0NCAxOS4xNjc1IDQuNzczNDQgMjRMNS41MjM0NCAyNFoiIGZpbGw9IiMxRjFFMjIiIC8+PC9zdmc+");
  padding: clamp(0px, 36px - (36) * (100vw - 375px) / 1065, 36px) 0;
}

.step__tag {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: -0.01em;
  color: #8067f5;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.step__title {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: clamp(32px, 16 * (100vw - 375px) / 1065 + 32px, 48px);
  line-height: 100%;
  text-align: center;
  color: var(--text-dark);
  margin: 0 auto;
  margin-bottom: clamp(16px, 8 * (100vw - 375px) / 1065 + 16px, 24px);
  max-width: 816px;
}

.step__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: clamp(14px, 2 * (100vw - 375px) / 1065 + 14px, 16px);
  line-height: 125%;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--text-dark);
  margin-bottom: clamp(24px, 12 * (100vw - 375px) / 1065 + 24px, 36px);
}

.steps__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: clamp(48px, 8 * (100vw - 375px) / 1065 + 48px, 56px);
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.step__item {
  position: relative;
  border-radius: clamp(16px, 8 * (100vw - 375px) / 1065 + 16px, 24px);
  padding: clamp(24px, 8 * (100vw - 375px) / 1065 + 24px, 32px);
  background-color: var(--step-card-bg);
  overflow: visible;
}

.step__item::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.step__item:not(:last-child)::after {
  width: 49px;
  height: 33px;
  left: 50%;
  top: calc(100% + 8px);
  transform: translateX(-50%);
  background-image: var(--step-arrow-connector-mobile);
  background-repeat: no-repeat;
  background-size: 49px 33px;
}

.step__item-index {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--text-dark);
  margin-bottom: clamp(24px, 12 * (100vw - 375px) / 1065 + 24px, 36px);
}

.step__item-title {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: clamp(20px, 20 * (100vw - 375px) / 1065 + 20px, 40px);
  line-height: 100%;
  letter-spacing: -0.01em;
  color: var(--text-dark);
  margin-bottom: clamp(12px, 4 * (100vw - 375px) / 1065 + 12px, 16px);
}

.step__item-text {
  max-width: 92%;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: clamp(12px, 4 * (100vw - 375px) / 1065 + 12px, 16px);
  line-height: 125%;
  letter-spacing: -0.02em;
  color: rgba(31, 30, 34, 0.7);
}

@media screen and (min-width: 834px) {
  .steps__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .step__item:not(:last-child)::after {
    display: none;
  }
  .step__item:nth-child(odd)::before {
    content: "";
    position: absolute;
    right: -28px;
    top: 50%;
    width: 17px;
    height: 12px;
    transform: translateY(-50%);
    background-image: var(--step-arrow-right);
    background-repeat: no-repeat;
    background-size: 17px 12px;
    pointer-events: none;
  }
  .step__item:nth-child(even):not(:last-child)::after {
    display: block;
    width: 711px;
    height: 33px;
    left: 0;
    background-image: var(--step-arrow-connector-desktop);
    background-repeat: no-repeat;
    background-size: 711px 33px;
    background-position: left top;
  }
}
/*# sourceMappingURL=steps.css.map */