extra-bar nav {
  justify-content: flex-end;
  width: 100%;
}
extra-bar nav button {
  display: flex;
  align-items: center;
  transition: color var(--transition);
  gap: 1ch 1ch;
  display: flex;
  flex-wrap: wrap;
}
body:not(.feature\:flexbox-gap) extra-bar nav button {
  gap: initial;
  margin-top: calc(-1 * 1ch);
  margin-bottom: calc(-1 * 1ch);
  left: calc(-1 * 1ch);
  width: calc(100% + (1ch));
}
body:not(.feature\:flexbox-gap) extra-bar nav button > * {
  margin: calc(1ch / 2) calc(1ch / 2);
}

extra-bar nav button svg {
  width: 1.2em;
  height: 1.2em;
}

#trusted-by {
  --trust-by-padding-top: 0;
}

.care-type-grid.grid.columns\:2 {
  --grid-spacer: var(--spacer);
  --grid-gutter: var(--gutter3);
}

.care-type-cell {
  --providers-size: 140px;
  display: grid;
  grid-template-rows: auto;
  grid-gap: 6rem;
  margin: 0 auto;
}
.care-type-cell .info {
  --graphic-max-width: 275px;
  position: relative;
  place-items: center;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--gutter1);
  isolation: isolate;
}
.care-type-cell .info > div {
  display: contents;
}
.care-type-cell .info .heading, .care-type-cell .info .summary, .care-type-cell .info .button {
  z-index: 1;
}
.care-type-cell .info .heading {
  grid-area: heading;
}
.care-type-cell .info .summary {
  grid-area: summary;
  max-width: 480px;
}
.care-type-cell .info .summary > .button {
  margin: var(--gap) auto 0 auto;
  display: none;
}
.care-type-cell .info .buttons {
  grid-area: buttons;
  display: flex;
  justify-content: center;
  gap: var(--gutter);
}
.care-type-cell .info img {
  width: 100%;
  max-width: var(--graphic-max-width);
  z-index: 1;
  order: -1;
}
.care-type-cell .info::before {
  content: "";
  position: absolute;
  width: 100%;
  aspect-ratio: 1;
  top: -10%;
  left: 0%;
  background: linear-gradient(180deg, rgba(23, 109, 125, 0.08) 0%, rgba(255, 255, 255, 0) 50%);
  border-radius: 50%;
  z-index: 0;
}
.care-type-cell .bullets {
  position: relative;
  display: flex;
  justify-content: center;
}
@media (max-width: 960px) {
  .care-type-cell .bullets {
    flex-wrap: wrap;
  }
  .care-type-cell .bullets > div {
    width: 100%;
  }
}
.care-type-cell .bullets {
  gap: var(--gutter2) var(--gutter);
}
.care-type-cell .bullets .benefits ul {
  --list-style-colour: #21B755;
}
.care-type-cell .bullets .benefits svg {
  color: #21B755;
}
.care-type-cell .bullets .considerations ul {
  --list-style-colour: #FE9900;
}
.care-type-cell .bullets .considerations svg {
  color: #FE9900;
}
.care-type-cell .bullets h3 {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2rem;
}
.care-type-cell .bullets h3 svg {
  width: 1.3em;
  height: 1.3em;
}
.care-type-cell .bullets ul {
  padding: revert;
  padding-inline-start: 2ch;
}
.care-type-cell .bullets ul > li > ul {
  padding-left: var(--list-style-offset, 2ch);
}
.care-type-cell .bullets ul > li::marker {
  content: var(--list-style-bullet);
  color: var(--list-style-colour, var(--font-colour));
  width: var(--list-style-width, var(--list-style-size));
  height: var(--list-style-height, var(--list-style-size));
}
.care-type-cell .bullets ul {
  --list-style-colour: #ff2871;
}
.care-type-cell .bullets ul li + li {
  margin-top: 1em;
}
.care-type-cell .bullets ul li p {
  font-size: 0.8em;
}
.care-type-cell .providers {
  display: none;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  width: var(--providers-size);
  height: var(--providers-size);
  border-radius: 50%;
  background: linear-gradient(var(--gradient-angle, 270deg), #ff2871 var(--gradient-offset, 33%), #ff715c);
  background-size: 200% 200%;
  background-position: 0% 100%;
  font-weight: 600;
  color: white;
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.care-type-cell .providers .providers-count {
  font-size: 2em;
  font-weight: 700;
}
.care-type-cell .providers .providers-text {
  position: relative;
  width: 100%;
  transition: transform 0.4s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.care-type-cell .providers .providers-text::after {
  content: "View All";
  position: absolute;
  right: -100%;
  width: 100%;
  text-decoration: underline;
}
@media (hover: hover) {
  .care-type-cell .providers:hover {
    transform: scale(115%);
  }
  .care-type-cell .providers:hover .providers-text {
    transform: translateX(-100%);
  }
}
.care-type-cell.header {
  display: none;
  grid-row-gap: 0;
}
.care-type-cell.header h3 {
  margin: 0;
}

@media (min-width: 1081px) {
  body > header .heading, body > header .lead {
    grid-column: 2/span 4;
  }
}
@media (min-width: 1345px) {
  body > header .heading {
    margin-top: 0;
  }
  .care-type-grid.grid.columns\:2 {
    --columns: 1;
  }
  .care-type-cell {
    grid-template-columns: 1fr 2fr;
    grid-row-gap: 0;
  }
  .care-type-cell .info {
    gap: var(--gutter0);
    place-items: start;
    place-content: start;
    text-align: left;
  }
  .care-type-cell .info > div {
    display: flex;
  }
  .care-type-cell .info img {
    order: 3;
  }
  .care-type-cell .info .buttons {
    display: none;
  }
  .care-type-cell .info .summary > .button {
    margin-left: initial;
    margin-right: initial;
    display: block;
  }
  .care-type-cell .info:before {
    width: 120%;
    top: -10%;
    left: -10%;
  }
  .care-type-cell .bullets {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .care-type-cell .providers {
    display: flex;
  }
  .care-type-cell:not(.header) {
    margin-top: var(--spacer1);
  }
  .care-type-cell.header {
    display: grid;
  }
}
/*# sourceMappingURL=../sourcemaps/pages/types-of-care.css.map */