/* Use equal, transparent logo treatments inside the broker cards. */
.broker-direct-grid .broker-logo {
  display: block;
  width: 260px;
  max-width: 100%;
  height: 76px;
  box-sizing: border-box;
  padding: 4px 28px 4px 0;
  margin: 0 0 10px;
  object-fit: contain;
  object-position: left center;
  mix-blend-mode: normal;
  filter: brightness(0) invert(1);
}

/* The logo is the broker name. Keep only the supporting classification below it. */
.broker-direct-grid article > small {
  display: block;
  margin-bottom: 16px;
}

@media (max-width: 760px) {
  .broker-direct-grid .broker-logo {
    width: 232px;
    height: 68px;
    padding-right: 24px;
  }
}