/** breakPoint **/
:root {
  --color-bg-product-primary: var(--brand-color-workflow-primary);
  --color-bg-product-medium: var(--brand-color-workflow-medium);
  --color-bg-product-light: var(--brand-color-workflow-light);
  --color-bg-product-dark: var(--brand-color-workflow-dark);
  --color-bg-product-medium-light: var(--brand-color-workflow-light);
  --color-text-product-primary: var(--brand-color-workflow-primary);
  --color-text-product-accent: var(--brand-color-workflow-accent);
  --color-text-product-medium: var(--brand-color-workflow-medium);
  --color-button-product-primary: var(--brand-color-workflow-primary);
  --color-product-5: var(--expense-5);
  --color-product-10: var(--expense-10);
  --color-product-20: var(--expense-20);
  --color-product-30: var(--expense-30);
  --color-product-40: var(--expense-40);
  --color-product-50: var(--expense-50);
  --color-product-60: var(--expense-60);
  --color-product-70: var(--expense-70);
  --color-product-80: var(--expense-80);
  --color-product-90: var(--expense-90);
  --hero-bg-color: var(--brand-color-workflow-medium);
  --hero-bg-color-sub: var(--brand-color-workflow-primary);
}

.c-button {
  width: 310px;
  margin-left: 35px;
  margin-top: 0;
  background: var(--color-bg-product-primary);
}
@media (max-width: 1149px) {
  .c-button {
    margin-left: 15px;
  }
}
.c-button--inverse {
  background: var(--color-bg-primary);
}
.c-button--accent {
  background-color: var(--color-text-product-accent);
}
.c-button__title {
  color: var(--color-text-primary);
}
@media (max-width: 1079px) {
  .c-button__title {
    width: 240px;
    margin-left: -35px;
  }
}
.c-button__accent {
  width: 76px;
  aspect-ratio: 76/64;
  margin-left: clamp(-33px, -2.22vw, -40px);
  margin-top: 0;
}
@media (min-width: 1080px) {
  .c-reason__lines {
    grid-row: span 2;
  }
}
.p-workflow-point__row {
  display: grid;
  grid-template-columns: 1fr 732px;
  gap: var(--spacing_3xl);
}
@media (max-width: 1079px) {
  .p-workflow-point__row {
    display: block;
  }
}
.p-workflow-point__buttons {
  grid-area: buttons;
}
.p-workflow-point__button-wrap {
  max-width: 300px;
  text-align: center;
}
@media (max-width: 1079px) {
  .p-workflow-point__button-wrap {
    margin-left: auto;
    margin-right: auto;
  }
}

.p-workflow-point-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing_xl);
}
@media (max-width: 1079px) {
  .p-workflow-point-items {
    gap: var(--spacing_md);
    grid-template-columns: 1fr;
    margin-bottom: var(--spacing_2xl);
  }
}

.p-workflow-point-item {
  background-color: var(--color-bg-product-medium-light);
  padding: var(--spacing_lg) var(--spacing_md);
}
.p-workflow-point-item__inner {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: var(--spacing_md);
}

/*# sourceMappingURL=workflow.css.map */