body#care-provider header,
body#care-seeker header {
  grid-row: 2;
  text-align: center;
}
body#care-provider header .pills,
body#care-seeker header .pills {
  display: flex;
  margin: 0 auto;
}
body#care-provider header .pills a,
body#care-seeker header .pills a {
  min-width: 155px;
}
body#care-provider header .pills a:first-of-type,
body#care-seeker header .pills a:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body#care-provider header .pills a:last-of-type,
body#care-seeker header .pills a:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
body#care-provider header .pills a[disabled],
body#care-seeker header .pills a[disabled] {
  opacity: 1;
}
body#care-provider .accordion h2,
body#care-seeker .accordion h2 {
  text-align: center;
  margin-bottom: var(--gutter2);
}
body#care-provider .accordion details,
body#care-seeker .accordion details {
  margin-bottom: var(--gap);
}
body#care-provider .accordion details summary,
body#care-seeker .accordion details summary {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: calc(var(--gap) * 0.5);
}
body#care-provider .accordion details summary:hover,
body#care-seeker .accordion details summary:hover {
  cursor: pointer;
}
body#care-provider .accordion details .content,
body#care-seeker .accordion details .content {
  margin-top: calc(var(--gap) * 0.5);
}
body#care-provider .accordion .button,
body#care-seeker .accordion .button {
  margin: calc(var(--gap) * 2) auto 0;
}
body#care-provider .has\:curve,
body#care-seeker .has\:curve {
  justify-items: center;
  position: relative;
  padding-top: var(--gutter1);
  padding-bottom: var(--spacer1);
  margin-top: var(--spacer1);
  grid-gap: var(--gutter1);
}
@media (max-width: 660px) {
  body#care-provider .has\:curve,
  body#care-seeker .has\:curve {
    grid-gap: var(--gutter1);
  }
}
body#care-provider .has\:curve::before,
body#care-seeker .has\:curve::before {
  content: "";
  clip-path: ellipse(55% 50% at 50% 100%);
  position: absolute;
  background: linear-gradient(var(--gradient-angle, 270deg), #ff2871 var(--gradient-offset, 33%), #ff715c);
  top: -100px;
  height: 100px;
  width: 100%;
  left: 0;
}
@media (min-width: 769px) {
  body#care-provider video-container,
  body#care-seeker video-container {
    order: 1;
  }
}

section.grid\:fluid,
div.grid\:fluid {
  --grid-gap: calc(var(--gap) * 0.5) var(--gutter1);
}
section.grid\:fluid h2, section.grid\:fluid h3, section.grid\:fluid h4, section.grid\:fluid .button,
div.grid\:fluid h2,
div.grid\:fluid h3,
div.grid\:fluid h4,
div.grid\:fluid .button {
  grid-column: 1/-1;
  text-align: center;
  margin: 0 auto;
}
/*# sourceMappingURL=../sourcemaps/pages/how-it-works.css.map */