/* V129 final card frame alignment and brand-specific SVG icons. */
#brands-home>.w>h2::after,[data-p="brands"] .s:first-child>.w>h1::after{background:var(--accent-color,var(--accent,#4b88c6))!important;background-color:#4b88c6!important;}
.brand-showcase .prop .card {
 box-sizing:border-box!important;min-width:0!important;overflow:hidden!important;
 padding:10px!important;border:1px solid #c8dcf3!important;border-radius:21px!important;
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
}
.brand-showcase .prop .card .brand-banner {
 width:100%!important;min-width:0!important;max-width:100%!important;
 height:113px!important;min-height:113px!important;flex:0 0 113px!important;
 margin:0 0 10px!important;padding:0!important;border:0!important;
 border-radius:13px!important;overflow:hidden!important;background:#193f6d!important;
 box-sizing:border-box!important;
}
.brand-showcase .prop .card .brand-banner img,
.brand-showcase .care .card .brand-banner img {
 width:100%!important;height:100%!important;display:block!important;
 max-height:none!important;max-width:none!important;
 border:0!important;margin:0!important;padding:0!important;
 object-fit:cover!important;object-position:center!important;border-radius:0!important;
}
.brand-showcase .care .card .brand-banner {
 box-sizing:border-box!important;max-width:100%!important;width:100%!important;
 margin:0 0 15px!important;padding:0!important;overflow:hidden!important;
 border:1px solid #69c9e8!important;border-radius:18px!important;
}
.brand-showcase .brand-mini-icon {font-size:0!important;line-height:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:18px!important;height:18px!important;color:inherit!important}
.brand-showcase .brand-mini-icon svg {display:block!important;width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important}
.brand-showcase .care .care-area-symbol {font-size:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:23px!important;height:23px!important;vertical-align:middle!important;margin-right:10px!important}
.brand-showcase .care .care-area-symbol svg {width:21px!important;height:21px!important;stroke:currentColor!important;fill:none!important}
.brand-showcase .brand-service-pill {display:inline-flex!important;align-items:center!important;gap:7px!important;max-width:calc(100% - 10px)!important;box-sizing:border-box!important;white-space:normal!important;}
@media(max-width:560px) {.brand-showcase .prop .card .brand-banner {height:122px!important;min-height:122px!important;flex-basis:122px!important}}


/* V130 – remove nested image frames and let artwork sit cleanly in the cards. */
.brand-showcase .prop .card .brand-banner,
.brand-showcase .care .card .brand-banner {
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  background:transparent !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.brand-showcase .prop .card .brand-banner::before,
.brand-showcase .prop .card .brand-banner::after,
.brand-showcase .care .card .brand-banner::before,
.brand-showcase .care .card .brand-banner::after {
  content:none !important;
  display:none !important;
}
.brand-showcase .prop .card .brand-banner img,
.brand-showcase .care .card .brand-banner img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  border:0 !important;
  border-radius:inherit !important;
  box-shadow:none !important;
  filter:none !important;
}
.brand-showcase .prop .card {
  outline:0 !important;
}
.brand-showcase .care .card.big {
  outline:0 !important;
}
.brand-showcase .brand-service-pill {
  margin-top:0 !important;
}

/* V131 – clean banner fit: crop away embedded edge lines so artwork sits perfectly. */
.brand-showcase .prop .card .brand-banner,
.brand-showcase .care .card .brand-banner {
  position: relative !important;
  overflow: hidden !important;
}
.brand-showcase .prop .card .brand-banner img,
.brand-showcase .care .card .brand-banner img {
  width: calc(100% + 6px) !important;
  height: calc(100% + 6px) !important;
  max-width: none !important;
  max-height: none !important;
  margin: -3px !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}
.brand-showcase .prop .card .brand-banner img {
  object-position: center center !important;
}
.brand-showcase .care .card .brand-banner img {
  object-position: center center !important;
}

/* V132 – crop the embedded rounded-edge borders from banner artwork so each image sits cleanly and fills its frame perfectly. */
.brand-showcase .prop .card .brand-banner,
.brand-showcase .care .card .brand-banner {
  position: relative !important;
  overflow: hidden !important;
  background: #0d3765 !important;
}
.brand-showcase .prop .card .brand-banner {
  border-radius: 16px !important;
}
.brand-showcase .care .card .brand-banner {
  border-radius: 20px !important;
}
.brand-showcase .prop .card .brand-banner img,
.brand-showcase .care .card .brand-banner img {
  width: calc(100% + 18px) !important;
  height: calc(100% + 18px) !important;
  max-width: none !important;
  max-height: none !important;
  margin: -9px !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  transform: translateZ(0) !important;
}
/* Small extra crop for the care artwork because the source image contains a visible built-in outline. */
.brand-showcase .care .card .brand-banner img {
  width: calc(100% + 22px) !important;
  height: calc(100% + 22px) !important;
  margin: -11px !important;
}