.account-wrapper {
  overflow-x: hidden;

  @include media-breakpoint-up(md) {
    overflow-x: visible;
  }

  @include media-breakpoint-up(lg) {
    margin-bottom: sizeToRem(30);
  }
}

.account-card {
  background-color: $light-background;

  @include box-border(false);

  margin-bottom: sizeToRem(30);

  @include media-breakpoint-up(md) {
    border-radius: $border-radius;
  }

  @include media-breakpoint-up(lg) {
    height: 100%;
    margin-bottom: 0;
  }

  .title-wrapper {
    padding: sizeToRem(30) sizeToRem(15);

    @include media-breakpoint-up(md) {
      padding: sizeToRem(30);
    }

    @include media-breakpoint-up(lg) {
      justify-content: center;
      padding: sizeToRem(40) sizeToRem(30);
    }
  }
}

.account-info-item {
  padding: sizeToRem(20) sizeToRem(15);

  @include media-breakpoint-up(md) {
    padding: sizeToRem(20) sizeToRem(30);
  }

  @include media-breakpoint-up(lg) {
    padding: sizeToRem(30);
  }

  &:nth-child(even) {
    background-color: $account-dark-stripe;
  }

  &:last-child {
    flex-grow: 1;
  }

  p {
    word-break: break-word;
  }
}

.account-info-item-title {
  margin-bottom: 0;

  @include media-breakpoint-up(lg) {
    margin-bottom: sizeToRem(10);
  }
}
