/* RIB360-HOMEPAGE-HERO-BENEFIT-ROW-CENTRING-CORRECTION-HR1-HM1-R6 */

/* Centre the complete benefit group to the hero-media frame rather than
   stretching three labels across the full column width. */
body.rib360-home-hr1 .rib360-hr1-hero-media-column .rib360-hr1-hero-notes {
  width: fit-content !important;
  max-width: 100%;
  align-self: center;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: clamp(18px, 2.25vw, 32px);
  grid-template-columns: none !important;
}

body.rib360-home-hr1 .rib360-hr1-hero-media-column .rib360-hr1-hero-notes span {
  flex: 0 0 auto;
  min-width: 0;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 720px) {
  body.rib360-home-hr1 .rib360-hr1-hero-media-column .rib360-hr1-hero-notes {
    width: 100% !important;
    justify-content: center;
    gap: clamp(8px, 3.4vw, 18px);
  }
}

@media (max-width: 360px) {
  body.rib360-home-hr1 .rib360-hr1-hero-media-column .rib360-hr1-hero-notes {
    gap: 7px;
  }
}