Posición Flex Item en la parte inferior

Soy nuevo en HTML y CSS, así que disculpa si esta es una pregunta sencilla. Esta es una imagen de lo que estoy tratando de lograr.

Imagen del número de clientes y años de experiencia.

Y esto es lo que logré hacer.

Mi pregunta es, ¿cómo alineo el texto) al mismo nivel que el número?

.experience {
  color: orange;
  display: flex;
  width: 50%;
}

.number {
  font-size: 5rem;
}

.number-text {
  float: right;
  padding-left: 10px;
}

.clients {
  color: orange;
  display: flex;
  width: 50%;
}

<div class="row">
  <div class="experience">
    <div class="col-lg-auto">
      <p class="number">
        12
      </p>
    </div>
    <div class="col-lg-auto">
      <p class="number-text">Años de <br> Experiencia.</p>
    </div>
  </div>
  <div class="clients">
    <div class="col-lg-auto">
      <p class="number">
        14
      </p>
    </div>
    <div class="col-lg-auto">
      <p class="number-text">Clientes <br> Satisfechos.</p>
    </div>
  </div>
</div>