/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */#kbc-brands .brand-logoimg { width: 15rem; margin: 0 auto var(--gap5); text-align: center; }
#kbc-brands .brand-logoimg img { width: 100%; height: auto; }
#kbc-brands .brand-intro-img { display: grid; gap: 0.625rem; margin: var(--gap5) auto 0; }

@media (62rem <= width) { #kbc-brands .brand-intro-img { width: 53.125rem; margin: var(--gap10) auto 0; } }
#kbc-brands .brand-card-area .media-card-img { aspect-ratio: 310/234; margin-bottom: 0; }

@media (48rem <= width) { #kbc-brands .brand-card-area .media-card-img { aspect-ratio: 298/224; } }
#kbc-brands .brand-program-heading { margin-bottom: var(--gap-s5); font-size: var(--font-title-l); font-weight: var(--font-weight-bold); }
#kbc-brands .brand-program_title { text-align: center; font-size: var(--font-title-l); font-weight: var(--font-weight-bold); }
#kbc-brands .brand-card-area .media-card-title { margin-top: var(--p-space-2); }
#kbc-brands .media-card-item { width: auto; }
#kbc-brands .media-card-title { min-height: inherit; word-break: break-word; }
#kbc-brands .brand-program.bg-area { .media-card { gap: var(--p-space-6); } }

@media (48rem <= width) { #kbc-brands .brand-program.bg-area { gap: var(--p-space-8); } }
#kbc-brands .media-card-title { -webkit-line-clamp: inherit; }