.stages {
  background-color: var(--main-color);
  width: 100%;
  padding-top: var(--padding-block-top);
  padding-bottom: var(--padding-block-bottom);
  display: flex;
  justify-content: center; }
  .stages h1 {
    color: var(--header-inverted-color);
    text-align: center;
    margin-top: 0px; }
  .stages span, .stages span p {
    color: var(--explanation-text-inverted-color);
    line-height: 140%; }
  .stages h3 {
    color: var(--subheader-inverted-color); }
  .stages a, .stages a p {
    color: var(--main-text-inverted-color);
    text-align: center;
    line-height: 140%; }
  .stages .stage {
    display: flex;
    gap: 30px; }
    .stages .stage span p {
      margin-top: 10px; }
    .stages .stage .num-container {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      background-color: var(--second-background-color); }
      .stages .stage .num-container a {
        color: var(--main-color);
        font-size: 22px; }
    .stages .stage h3 {
      margin-top: 0px;
      margin-bottom: 10px; }
    .stages .stage .num {
      min-height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .stages .stage .num .border {
        min-height: calc(100% - 60px);
        width: 0px;
        border: 1px dashed white; }
  .stages .inner {
    max-width: 700px; }
  .stages .stages-container {
    margin-top: 40px; }
  .stages .title {
    position: relative; }
    .stages .title .num-container {
      display: none;
      position: absolute; }

@media screen and (max-width: 760px) {
  .stages .num-container {
    width: 50px;
    height: 50px;
    display: flex; }
    .stages .num-container a {
      color: var(--main-color);
      font-size: 18px; }
  .stages .num {
    display: none; }
    .stages .num .border {
      min-height: calc(100% - 50px); }
  .stages .stages .stage {
    text-align: center; }
    .stages .stages .stage span p {
      margin-bottom: 25px; } }

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