/* One thin rule between the ways of paying, with room around it, so a client
   reading "how to pay" sees M-PESA, then the cheque, then the banks as
   separate things rather than one run of text. */

/* The insurer's payment block on a quote card. */
.payment-method + .payment-method {
  margin-top: 0.6rem;
  padding-top: 0.6rem;
  border-top: 1px solid #e2e8f0;
}

/* The pay popup, where each method is its own block. */
.payment-popup-method + .payment-popup-method {
  margin-top: 0.6rem;
  padding-top: 0.6rem;
  border-top: 1px solid rgba(148, 163, 184, 0.4);
}

/* The comparison table's payment card, one group to a method. */
.comparison-pay-card .pay-card-group + .pay-card-group {
  margin-top: 0.45rem;
  padding-top: 0.45rem;
  border-top: 1px solid var(--pay-soft, #e2e8f0);
}

/* The Pay Insurer panel, where one bank can carry more than one account. */
.pm-panel .pm-account + .pm-account {
  margin-top: 0.6rem;
  padding-top: 0.6rem;
  border-top: 1px solid rgba(148, 163, 184, 0.35);
}