.about-provider picture.logo {
  width: 100%;
  grid-column: 1;
  grid-row: 1;
  display: flex;
  place-content: center;
  padding: var(--gutter1);
  margin-bottom: var(--gutter0-);
}
.about-provider picture.logo img {
  display: block;
  max-width: 230px;
  max-height: 150px;
}
body.page-type\:private-carer .about-provider picture.logo {
  border-radius: 50%;
  aspect-ratio: 1/1;
  overflow: hidden;
  display: block;
  position: relative;
  background-position: var(--position, center 33%);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
body.page-type\:private-carer .about-provider picture.logo img {
  display: block;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: var(--image-position, center 33.33%);
     object-position: var(--image-position, center 33.33%);
  width: var(--image-size, var(--image-width-size, 100%));
  height: var(--image-size, var(--image-height-size, 100%));
  max-width: var(--image-size, var(--image-width-size, 100%));
  max-height: var(--image-size, var(--image-height-size, 100%));
  inset: 0px;
}
@supports not (inset: 0px) {
  body.page-type\:private-carer .about-provider picture.logo img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.about-provider .heading {
  text-wrap: wrap;
}
.about-provider p.user-feedback {
  display: flex;
  align-items: center;
  margin-inline: auto;
  margin-bottom: var(--gutter0);
  margin-top: var(--gutter0-);
  gap: 1ch;
}
.about-provider p.user-feedback user-feedback-badge {
  display: inline-flex;
}
.about-provider div.about-provider-text {
  font-size: 0.8em;
  text-wrap: pretty;
}
.about-provider div.about-provider-text p {
  margin-bottom: 1em;
}
.location-rating + .about-provider {
  border-top-left-radius: initial;
  border-top-right-radius: initial;
  padding-top: 0;
  margin-top: calc(var(--gutter1-));
}
.location-rating + .about-provider picture.logo, .location-rating + .about-provider p.user-feedback {
  display: none;
}
.location-rating + .about-provider::before {
  content: "";
  width: 100%;
  height: var(--gutter1);
  left: 0;
  top: var(--gutter1-);
  background-color: #FFFFFF;
  position: absolute;
}

.about-provider .view-all em {
  font-style: normal;
  color: var(--primary, #ff2871);
}
/*# sourceMappingURL=../sourcemaps/components/about-provider.css.map */