@import "@/styles/variables";
@import "@/styles/mixins";

.whoAreWe {
  color: $black;
  padding-top: 5rem;
  p {
    color: $font-color-8;
    @include p1();
    white-space: pre-line;
  }
}

.keyNumber {
  margin-top: 1.5rem;
  border-radius: $radius;
  background: $grey-light;
  padding: 3.75rem 6rem 0 6rem;

  .value {
    display: inline-block;
    font-size: $font-h1;
    font-weight: 700;
    background-image: linear-gradient(277.4deg, #3d3fea 0%, #00aeef 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .description {
    color: $black;
    padding-top: 1rem;
    padding-bottom: 3.75rem;
  }
}

@media screen and (max-width: $desktop) {
  .keyNumber {
    padding: 3rem 1rem 0 1rem;
    .description {
      padding-bottom: 3rem;
    }
  }
}