/* .checkout-page {
  .checkout-steps {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .step-item-container {
    min-width: 200px;
  }
  .border-step {
    width: 90px;
    height: 1px;
    background-color: $primary-dark;
  }
  .circle-step-container {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 1fr auto 1fr;
  }
  .circle-step {
    width: 56px;
    height: 56px;
    border: 1px solid $primary-dark;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    .step-value {
      font-family: $font-questrial;
      color: $primary-dark;
      font-size: 1.25rem;
    }
    &.active {
      background-color: $primary-dark;
      .step-value {
        color: $white;
      }
    }
  }
  .step-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: $font-questrial;
    h4 {
      font-size: 1rem;
      font-weight: 700;
      color: $text-default;
      margin-top: 5px;
      margin-bottom: 4px;
      line-height: 1.3;
    }
    p {
      font-size: 0.875rem;
      color: $text-default;
      font-family: $font-lora;
    }
  }
  .checkout-content {
    margin: 50px 0 150px;

    .checkout-header-form {
      background-color: $grey-700;
      padding: 12px 30px;
      width: 100%;
      margin-bottom: 20px;
      h3 {
        color: $text-default;
        font-size: 0.875rem;
        line-height: 1.5;
      }
    }
  }
  .form-fields-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
    .field-control {
      flex-basis: calc(50% - 8px);
      &.field-input {
        label {
          padding-bottom: 10px;
        }
        .q-field__control {
          background-color: #fff;
          height: 40px;
          border: 1px solid $primary-light;
          input {
            padding: 0px 30px;
            font-family: $font-questrial;
            color: $text-default !important;
          }
          &.text-negative {
            border-color: $negative;
          }
          &::after,
          &::before {
            display: none;
          }
        }
        .q-field__marginal {
          height: 40px;
          padding-right: 30px;
        }
      }
      .q-field--error .q-field__bottom {
        padding-top: 4px;
        font-size: 0.675rem;
      }
      &.field-select {
        .q-field__control {
          min-height: initial;
          background-color: #fff;
          height: 40px;
          padding: 0px 30px;
          border: 1px solid $primary-light;
          .q-field__native span {
            display: none;
          }
        }
        .q-field__append {
          height: 40px;
        }
        .q-field__label {
          font-family: $font-questrial;
          color: $text-default !important;
        }
        .q-field__control-container {
          padding-top: 0;
          height: 36px;
        }
      }
    }
  }
} */