[Dúvida] 'Sustentabilidade' não ficou alinhado

Olá, tudo bem?

Estou tendo problemas ao alinhar o 'sustentabilidade' com os outros dois tópicos.

<section class="pb-4">

    <h2 class="text-center">Conheça todas as nossas facilidades</h2>

    <div class="d-flex flex-column align-items-center gap-3">
      <!-- PAGUE PELO PIX -->
      <div class="divs-facilidades d-flex">
        <div><i class="bi bi-x-diamond fs-1"></i></div>
        <div>
          <div class="ms-3 mb-1">PAGUE PELO PIX</div>
          <div class="texto-menor ms-3">Ganhe 5% OFF em pagamentos via PIX</div>
        </div>
      </div>
      <!-- TROCA GRÁTIS -->
      <div class="divs-facilidades d-flex">
        <div><i class="bi bi-arrow-repeat fs-1"></i></div>
        <div>
          <div class="ms-3 mb-1">TROCA GRÁTIS</div>
          <div class="texto-menor ms-3">Fique livre para trocar em até 30 dias.</div>
        </div>
      </div>
      <!-- SUSTENTABILIDADE -->
      <div class="divs-facilidades d-flex">
        <div><i class="bi bi-flower1 fs-1"></i></div>
        <div>
          <div class="ms-3 mb-1">SUSTENTABILIDADE</div>
          <div class="texto-menor ms-3">Moda responsável, que respeita o meio ambiente.</div>
        </div>
      </div>

    </div>

  </section>

Mesmo eu seguindo a sugestão de adionar um 'ms-3 mb-1' nas respectivas divs, não funcionou.

Conseguem me ajudar?