<div class="row custom-gutter mt-3">

  <div class="col-md-3">
    <div class="card dashboard-card shadow-sm">
      <div class="top d-flex justify-content-between align-items-start">
        <h2 class="quantity">44</h2>
        <span class="material-icons lock-icon">lock span">
      </div>
      <div class="content">
        <span class="text">agentes cadastrados</span>
      </div>
    </div>
  </div>

  <div class="col-md-3">
    <div class="card dashboard-card shadow-sm">
      <div class="top d-flex justify-content-between align-items-start">
        <h2 class="quantity">32</h2>
        <span class="material-icons custom-icon">person span">
      </div>
      <div class="content">
        <span class="text">agentes individuais</span>
      </div>
    </div>
  </div>

  <div class="col-md-3">
    <div class="card dashboard-card shadow-sm">
      <div class="top d-flex justify-content-between align-items-start">
        <h2 class="quantity">12</h2>
        <span class="material-icons custom-collective-icon">groups span>">
      </div>
      <div class="content">
        <span class="text">agentes coletivos</span>
      </div>
    </div>
  </div>

  <div class="col-md-3">
    <div class="card dashboard-card shadow-sm">
      <div class="top d-flex justify-content-between align-items-start">
        <h2 class="quantity">1</h2>
        <span class="material-icons lock-icon">lock span">
      </div>
      <div class="content">
        <span class="text">cadastrados nos últimos 7 dias</span>
      </div>
    </div>
  </div>

</div>