body:not(.path-frontpage) .page-content .hero {
  height: 500px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center;
}
body:not(.path-frontpage) .page-content .hero > img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  min-width: 100%;
  min-height: 100%;
  z-index: 1;
}
body:not(.path-frontpage) .page-content .hero + .mobile-title {
  display: none;
}
body:not(.path-frontpage) .page-content .hero .container {
  position: relative;
  height: 100%;
  z-index: 3;
  padding: 0;
}
body:not(.path-frontpage) .page-content .hero .container h1 {
  align-items: center;
  border-radius: 35px 35px 0 15px;
  bottom: 3px;
  color: #ffffff;
  display: flex;
  font-size: 34px;
  font-weight: bold;
  justify-content: center;
  line-height: 1.2;
  margin-bottom: 0.67em;
  margin-top: 0.67em;
  min-height: 150px;
  padding: 20px 20px;
  position: absolute;
  right: calc(8.3% + 10px);
  text-align: center;
  width: 28%;
}
body:not(.path-frontpage) .page-content .hero .container h1 span {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: 400;
  line-height: 34px;
  margin-top: 10px;
}
@media (max-width: 1200px) {
  body:not(.path-frontpage) .page-content .hero .container h1 {
    font-size: 26px;
    line-height: 32px;
    bottom: 9px;
    border-radius: 35px 35px 5px 25px;
  }
}
@media (max-width: 1024px) {
  body:not(.path-frontpage) .page-content .hero .container h1 {
    font-size: var(--font-size-xs);
    line-height: 1.3;
  }
}
body:not(.path-frontpage) .page-content .hero .container h1.hero-title-bg-transparent {
  display: block;
  color: #fff;
  font-family: "brandon-grotesque";
  font-size: var(--font-size-6xl);
  font-weight: bold;
  width: 25%;
  padding: 20px 20px;
  border-radius: 0;
  position: absolute;
  right: 8%;
  bottom: 146px;
  text-align: left;
  min-height: auto;
  line-height: 64px;
  letter-spacing: 1px;
  text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.6);
}
body:not(.path-frontpage) .page-content .hero .container::after {
  content: attr(data-footnote);
  position: absolute;
  left: 10px;
  bottom: 100px;
  height: auto;
  width: auto;
  color: white;
  font-size: 16px;
  text-shadow: 2px 2px 2px #666666;
  text-align: center;
  white-space: pre;
}
@media (max-width: 650px) {
  body:not(.path-frontpage) .page-content .hero .container::after {
    font-size: 12px;
    white-space: initial;
    line-height: 1.2;
  }
}
body:not(.path-frontpage) .page-content .hero .container.lgs-hero-container::after {
  left: unset;
  width: auto;
  bottom: 190px;
  text-shadow: 2px 2px 2px #666666;
  right: calc(8.3% + 10px);
}
body:not(.path-frontpage) .page-content .hero .container.footnote-right-center::after {
  bottom: 62%;
  left: unset;
  right: 8.3333333333%;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-right-top::after {
  bottom: 80%;
  left: unset;
  right: 8.3333333333%;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-left-center::after {
  bottom: 62%;
  left: 8.3333333333%;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-left-top::after {
  bottom: 80%;
  left: 8.3333333333%;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-left-top-aside::after {
  bottom: 80%;
  left: 10px;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-left-bottom::after {
  bottom: 50%;
  left: 8.3333333333%;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-left-bottom-aside::after {
  bottom: 50%;
  left: 10px;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-center-right::after {
  bottom: 80%;
  left: 48%;
  right: unset;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-center-left::after {
  bottom: 80%;
  left: 38%;
  right: unset;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-black::after {
  color: #000;
  text-shadow: none;
  font-weight: var(--font-weight-medium);
}
body:not(.path-frontpage) .page-content .hero .container.footnote-lgs-safety::after {
  bottom: 90%;
  left: 60.333333%;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-rems::after {
  bottom: 55%;
  left: unset;
  right: 2%;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-resources::after {
  bottom: 67%;
  left: 53%;
  right: unset;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-dravet-study:after {
  bottom: 62%;
  left: unset;
  right: 20%;
}
@media (max-width: 650px) {
  body:not(.path-frontpage) .page-content .hero .container.footnote-dravet-study:after {
    font-size: 12px;
    white-space: initial;
    line-height: 1.2;
    bottom: 49%;
    left: 70%;
    right: unset;
    width: 100px;
  }
}
body:not(.path-frontpage) .page-content .hero .container.footnote-gravet-efficacy:after {
  bottom: 14%;
  left: 14%;
}
@media (max-width: 650px) {
  body:not(.path-frontpage) .page-content .hero .container.footnote-gravet-efficacy:after {
    font-size: 12px;
    white-space: initial;
    line-height: 1.2;
  }
}
body:not(.path-frontpage) .page-content .hero .container.footnote-dravet-safety:after {
  bottom: 57%;
  left: 13.333333%;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-lgs-study:after {
  left: 40%;
  bottom: 22%;
}
@media (max-width: 650px) {
  body:not(.path-frontpage) .page-content .hero .container.footnote-lgs-study:after {
    bottom: 32%;
  }
  body:not(.path-frontpage) .page-content .hero .container.footnote-echo-locator:after {
    bottom: 34%;
    right: 19%;
  }
}
body:not(.path-frontpage) .page-content .hero .container.footnote-dosing:after {
  bottom: 42%;
  left: 50.333333%;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-path:after {
  bottom: 75%;
  left: 59%;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-start:after {
  bottom: 49%;
  left: unset;
  right: 19.333333%;
  width: 200px;
  white-space: initial;
  line-height: 1.2;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-hear-sounds:after {
  bottom: 22%;
  left: unset;
  right: 3%;
}
body:not(.path-frontpage) .page-content .hero .container.footnote-locator:after {
  bottom: 42%;
  left: unset;
  right: 36%;
}
body:not(.path-frontpage) .page-content .hero .container .grid {
  height: 100%;
}
body:not(.path-frontpage) .page-content .hero .container .grid > div {
  height: 100%;
  position: relative;
}
body:not(.path-frontpage) .page-content .hero > .wave {
  position: absolute;
  bottom: 0;
  left: 0;
  background-position: top center;
  height: 200px;
  width: 100%;
  background-size: 3280px auto;
  z-index: 2;
}
body:not(.path-frontpage) .page-content .hero > .wave.additional {
  display: none;
  z-index: 4;
}
body:not(.path-frontpage) .page-content .hero > .wave.home {
  height: 135px;
  background: url("../img/wave-home.svg") no-repeat bottom center/100% auto;
}
@media (max-width: 1500px) {
  body:not(.path-frontpage) .page-content .hero > .wave.home {
    height: 160px;
  }
}
body:not(.path-frontpage) .page-content .hero > .wave.dravet {
  height: 185px;
  background: url("../../build/assets/backgrounds/wave-dravet.svg") no-repeat top center/4200px auto;
}
body:not(.path-frontpage) .page-content .hero > .wave.dravet.additional {
  display: none;
  background: url("../img/wave-dravet-add.svg") no-repeat top center/4200px auto;
}
body:not(.path-frontpage) .page-content .hero > .wave.lgs {
  height: 185px;
  background: url("../../build/assets/backgrounds/wave-lgs.svg") no-repeat top center/4200px auto;
}
body:not(.path-frontpage) .page-content .hero > .wave.lgs.additional {
  display: none;
  background: url("../img/wave-lgs-add.svg") no-repeat top center/4200px auto;
}
body:not(.path-frontpage) .page-content .hero > .wave.mb {
  height: 300px;
  background: url("../../build/assets/backgrounds/wave-mb.svg") no-repeat top center/4300px auto;
}
body:not(.path-frontpage) .page-content .hero > .wave.mb.additional {
  display: none;
  height: 260px;
  background: url("../img/wave-mb-add.svg") no-repeat top center/4300px auto;
}
body:not(.path-frontpage) .page-content .hero > .wave.global {
  height: 300px;
  background: url("../../build/assets/backgrounds/wave-global.svg") no-repeat top center/4300px auto;
}
body:not(.path-frontpage) .page-content .hero > .wave.global.additional {
  display: none;
  height: 260px;
  background: url("../img/wave-global-add.svg") no-repeat top center/4300px auto;
}
body:not(.path-frontpage) .page-content .hero.home-hero {
  background-size: cover;
  background-position: center;
  height: 420px;
  background: var(--color-brand-purple);
}
body:not(.path-frontpage) .page-content .dravet-efficacy .hero {
  height: 610px;
  background-position: 25% center;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .dravet-efficacy .hero {
    height: 255px;
  }
}
body:not(.path-frontpage) .page-content .dravet-efficacy .hero .wave {
  display: none;
}
body:not(.path-frontpage) .page-content .dravet-efficacy .hero .container .grid > div h1.hero-title-bg-transparent {
  width: 480px;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .dravet-efficacy .hero .container .grid > div h1.hero-title-bg-transparent {
    width: 100%;
    max-width: 320px;
  }
}
@media (max-width: 662px) {
  body:not(.path-frontpage) .page-content .dravet-efficacy .hero .container .grid > div h1.hero-title-bg-transparent {
    max-width: 245px;
    font-size: var(--font-size-xl);
    line-height: 32px;
    right: 0;
    bottom: 11%;
  }
}
body:not(.path-frontpage) .page-content .lgs-efficacy .hero {
  height: 610px;
  background-position: 25% center;
  background-color: #E5F5F6;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .lgs-efficacy .hero {
    height: 255px;
  }
}
body:not(.path-frontpage) .page-content .lgs-efficacy .hero .wave {
  display: none;
}
body:not(.path-frontpage) .page-content .lgs-efficacy .hero .container .grid > div h1.hero-title-bg-transparent {
  width: 430px;
  bottom: 250px;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .lgs-efficacy .hero .container .grid > div h1.hero-title-bg-transparent {
    bottom: 50px;
    right: 0;
  }
}
@media (max-width: 662px) {
  body:not(.path-frontpage) .page-content .lgs-efficacy .hero .container .grid > div h1.hero-title-bg-transparent {
    max-width: 170px;
    font-size: var(--font-size-xl);
    line-height: 32px;
    right: 10%;
    bottom: 23%;
  }
}
@media (max-width: 420px) {
  body:not(.path-frontpage) .page-content .lgs-efficacy .hero .container .grid > div h1.hero-title-bg-transparent {
    max-width: 125px;
    right: 0;
  }
}
body:not(.path-frontpage) .page-content .lgs-efficacy .hero .container:after {
  bottom: 16%;
  left: 40%;
  color: #000;
  width: 170px;
}
@media (max-width: 550px) {
  body:not(.path-frontpage) .page-content .lgs-efficacy .hero .container:after {
    right: -54%;
  }
}
body:not(.path-frontpage) .page-content .lgs-caregiver-testimonials .hero {
  height: 610px;
  background-position: 48% center;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .lgs-caregiver-testimonials .hero {
    height: 255px;
    background-position: 45% center;
  }
}
@media (max-width: 450px) {
  body:not(.path-frontpage) .page-content .lgs-caregiver-testimonials .hero {
    background-position: 40% center;
  }
}
body:not(.path-frontpage) .page-content .lgs-caregiver-testimonials .hero .wave {
  display: none;
}
body:not(.path-frontpage) .page-content .lgs-caregiver-testimonials .hero .container .grid > div h1.hero-title-bg-transparent {
  font-size: var(--font-size-5xl);
  line-height: 60px;
  color: var(--color-brand-purple);
  right: 5%;
  bottom: 36%;
  width: 420px;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .lgs-caregiver-testimonials .hero .container .grid > div h1.hero-title-bg-transparent {
    font-size: var(--font-size-4xl);
    line-height: 40px;
    color: var(--color-brand-purple);
    right: 0%;
    bottom: 8%;
    max-width: 346px;
    width: auto;
  }
}
@media (max-width: 662px) {
  body:not(.path-frontpage) .page-content .lgs-caregiver-testimonials .hero .container .grid > div h1.hero-title-bg-transparent {
    max-width: 225px;
    font-size: var(--font-size-xl);
    line-height: 32px;
    right: 0;
    bottom: 21%;
  }
}
@media (max-width: 490px) {
  body:not(.path-frontpage) .page-content .lgs-caregiver-testimonials .hero .container .grid > div h1.hero-title-bg-transparent {
    right: -18px;
    bottom: 40%;
  }
}
body:not(.path-frontpage) .page-content .lgs-caregiver-testimonials .hero .container:after {
  bottom: 14%;
  left: 22%;
  color: #000;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .lgs-caregiver-testimonials .hero .container:after {
    bottom: 12%;
    left: 19%;
  }
}
body:not(.path-frontpage) .page-content .dravet-syndrome-hearthesoundofprofound .hero {
  height: 527px;
  background-position: left center;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .dravet-syndrome-hearthesoundofprofound .hero {
    height: 255px;
    background-position: 13.5% center;
  }
  body:not(.path-frontpage) .page-content .dravet-syndrome-hearthesoundofprofound .hero .footnote-hear-sounds:after {
    bottom: 20%;
    left: 3%;
    right: unset;
  }
}
body:not(.path-frontpage) .page-content .dravet-syndrome-hearthesoundofprofound .hero .wave {
  display: none;
}
body:not(.path-frontpage) .page-content .dravet-syndrome-hearthesoundofprofound .hero .container h1.hero-title-bg-transparent {
  font-style: italic;
  font-size: 66px;
  font-family: "ff-tisa-sans-web-pro";
  line-height: 1;
  margin: 0;
  right: unset;
  left: 58.2%;
  width: 100%;
  max-width: 420px;
}
body:not(.path-frontpage) .page-content .dravet-syndrome-hearthesoundofprofound .hero .container h1.hero-title-bg-transparent .sound-of {
  font-size: 34px;
  font-weight: 400;
  font-style: normal;
  font-family: "ff-tisa-sans-web-pro";
  line-height: 1;
  margin: 0;
}
body:not(.path-frontpage) .page-content .dravet-syndrome-hearthesoundofprofound .hero .container h1.hero-title-bg-transparent .sound-of span {
  display: inline;
  font-weight: 800;
  font-style: italic;
  font-size: 34px;
  line-height: 1;
  margin: 0;
}
body:not(.path-frontpage) .page-content .dravet-syndrome-hearthesoundofprofound .hero .container h1.hero-title-bg-transparent .can-you-hear-it {
  font-weight: var(--font-weight-bold);
  font-style: italic;
  font-family: "ff-tisa-sans-web-pro";
  font-size: 38px;
  line-height: 40px;
  margin: 26px 0 0 0;
}
body:not(.path-frontpage) .page-content .dravet-syndrome-hearthesoundofprofound .hero .footnote-hear-sounds:after {
  bottom: 13%;
  right: 55%;
  max-width: 150px;
  white-space: normal;
  line-height: 1.15;
  text-align: left;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .dravet-syndrome-hearthesoundofprofound .hero .container h1.hero-title-bg-transparent {
    font-size: 26px !important;
    line-height: 28px !important;
    left: 0;
    bottom: 42px !important;
  }
  body:not(.path-frontpage) .page-content .dravet-syndrome-hearthesoundofprofound .hero .container h1.hero-title-bg-transparent .sound-of {
    font-size: var(--font-size-sm);
    line-height: 22px;
  }
  body:not(.path-frontpage) .page-content .dravet-syndrome-hearthesoundofprofound .hero .container h1.hero-title-bg-transparent .sound-of span {
    font-size: var(--font-size-sm);
    line-height: 22px;
  }
  body:not(.path-frontpage) .page-content .dravet-syndrome-hearthesoundofprofound .hero .container h1.hero-title-bg-transparent .can-you-hear-it {
    font-size: var(--font-size-base);
    line-height: 32px;
  }
}
body:not(.path-frontpage) .page-content .starting-fintepla .hero {
  height: 522px;
  background-position: 62% center;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .starting-fintepla .hero {
    height: 272px;
    background-position: 71% center;
  }
}
body:not(.path-frontpage) .page-content .starting-fintepla .hero .container.footnote-start:after {
  left: 9%;
  bottom: 39%;
  width: 270px;
  max-width: 160px;
  text-align: right;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .starting-fintepla .hero .container.footnote-start:after {
    left: unset;
    right: 11%;
    bottom: 14%;
  }
}
body:not(.path-frontpage) .page-content .starting-fintepla .hero .container .grid > div h1.hero-title-bg-transparent {
  font-size: var(--font-size-5xl);
  line-height: 58px;
  color: #fff;
  right: unset;
  left: 66%;
  bottom: 30%;
  width: 360px;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .starting-fintepla .hero .container .grid > div h1.hero-title-bg-transparent {
    font-size: var(--font-size-4xl);
    line-height: 44px;
    left: 2%;
    bottom: 13%;
    width: 100%;
    max-width: 250px;
  }
}
@media (max-width: 662px) {
  body:not(.path-frontpage) .page-content .starting-fintepla .hero .container .grid > div h1.hero-title-bg-transparent {
    max-width: 211px;
    font-size: var(--font-size-xl);
    line-height: 32px;
    right: unset;
    left: 0;
    bottom: 10%;
  }
}
body:not(.path-frontpage) .page-content .starting-fintepla .hero .wave {
  display: none;
}
body:not(.path-frontpage) .page-content .path-for-getting-started .hero {
  height: 522px;
  background-position: 62% center;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .path-for-getting-started .hero {
    height: 266px;
    background-position: 78% center;
  }
}
body:not(.path-frontpage) .page-content .path-for-getting-started .hero .container.footnote-path:after {
  left: unset;
  bottom: 13%;
  right: 20%;
}
@media (max-width: 1200px) {
  body:not(.path-frontpage) .page-content .path-for-getting-started .hero .container.footnote-path:after {
    right: 14%;
  }
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .path-for-getting-started .hero .container.footnote-path:after {
    right: 16%;
  }
}
body:not(.path-frontpage) .page-content .path-for-getting-started .hero .container .grid > div h1.hero-title-bg-transparent {
  font-size: var(--font-size-5xl);
  line-height: 58px;
  color: #fff;
  right: unset;
  left: 17%;
  bottom: 28%;
  width: 393px;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .path-for-getting-started .hero .container .grid > div h1.hero-title-bg-transparent {
    font-size: var(--font-size-4xl);
    line-height: 44px;
    left: 2%;
    bottom: 14%;
    width: 100%;
    max-width: 400px;
  }
}
@media (max-width: 662px) {
  body:not(.path-frontpage) .page-content .path-for-getting-started .hero .container .grid > div h1.hero-title-bg-transparent {
    max-width: 211px;
    font-size: var(--font-size-xl);
    line-height: 32px;
    right: unset;
    left: 0;
    bottom: 28%;
  }
}
body:not(.path-frontpage) .page-content .path-for-getting-started .hero .wave {
  display: none;
}
body:not(.path-frontpage) .page-content .resources-for-prescribers .hero {
  height: 522px;
  background-position: 45% center;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .resources-for-prescribers .hero {
    height: 272px;
    background-position: 44% center;
  }
}
body:not(.path-frontpage) .page-content .resources-for-prescribers .hero .container.hero-prescribers-resources:after {
  left: 57%;
  bottom: 34%;
  width: 270px;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .resources-for-prescribers .hero .container.hero-prescribers-resources:after {
    left: unset;
    right: 11%;
    bottom: 21%;
  }
}
body:not(.path-frontpage) .page-content .resources-for-prescribers .hero .container .grid > div h1.hero-title-bg-transparent {
  font-size: var(--font-size-5xl);
  line-height: 58px;
  color: #fff;
  right: unset;
  left: 11%;
  bottom: 37%;
  width: 360px;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .resources-for-prescribers .hero .container .grid > div h1.hero-title-bg-transparent {
    font-size: var(--font-size-4xl);
    line-height: 44px;
    left: 2%;
    bottom: 18%;
    width: 100%;
    max-width: 270px;
  }
}
@media (max-width: 662px) {
  body:not(.path-frontpage) .page-content .resources-for-prescribers .hero .container .grid > div h1.hero-title-bg-transparent {
    max-width: 211px;
    font-size: var(--font-size-xl);
    line-height: 32px;
    right: unset;
    left: 0;
    bottom: 18%;
  }
}
body:not(.path-frontpage) .page-content .resources-for-prescribers .hero .wave {
  display: none;
}
body:not(.path-frontpage) .page-content .resources-for-your-caregivers .hero {
  height: 522px;
  background-position: 68% center;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .resources-for-your-caregivers .hero {
    height: 272px;
    background-position: 74% center;
  }
}
body:not(.path-frontpage) .page-content .resources-for-your-caregivers .hero .container.hero-caregivers-resources:after {
  left: 71%;
  bottom: 20%;
  width: 270px;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .resources-for-your-caregivers .hero .container.hero-caregivers-resources:after {
    left: unset;
    right: 2%;
    bottom: 21%;
  }
}
body:not(.path-frontpage) .page-content .resources-for-your-caregivers .hero .container .grid > div h1.hero-title-bg-transparent {
  font-size: var(--font-size-5xl);
  line-height: 58px;
  color: #fff;
  right: unset;
  left: 11%;
  bottom: 37%;
  width: 360px;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .resources-for-your-caregivers .hero .container .grid > div h1.hero-title-bg-transparent {
    font-size: var(--font-size-4xl);
    line-height: 44px;
    left: 2%;
    bottom: 12%;
    width: 100%;
    max-width: 270px;
  }
}
@media (max-width: 662px) {
  body:not(.path-frontpage) .page-content .resources-for-your-caregivers .hero .container .grid > div h1.hero-title-bg-transparent {
    max-width: 220px;
    font-size: var(--font-size-xl);
    line-height: 32px;
    right: unset;
    left: 0;
    bottom: 16%;
  }
}
body:not(.path-frontpage) .page-content .resources-for-your-caregivers .hero .wave {
  display: none;
}
body:not(.path-frontpage) .page-content .dosing .hero {
  height: 524px;
  background-position: 62% center;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .dosing .hero {
    height: 266px;
    background-position: 78% center;
  }
}
body:not(.path-frontpage) .page-content .dosing .hero .container.footnote-dosing:after {
  left: unset;
  bottom: 13%;
  right: 9%;
}
body:not(.path-frontpage) .page-content .dosing .hero .container .grid > div h1.hero-title-bg-transparent {
  font-size: var(--font-size-5xl);
  line-height: 58px;
  color: #fff;
  right: unset;
  left: 9%;
  bottom: 28%;
  width: 420px;
}
@media (max-width: 991px) {
  body:not(.path-frontpage) .page-content .dosing .hero .container .grid > div h1.hero-title-bg-transparent {
    font-size: var(--font-size-4xl);
    line-height: 44px;
    left: 2%;
    bottom: 10%;
    width: 100%;
    max-width: 400px;
  }
}
@media (max-width: 662px) {
  body:not(.path-frontpage) .page-content .dosing .hero .container .grid > div h1.hero-title-bg-transparent {
    max-width: 354px;
    font-size: var(--font-size-xl);
    line-height: 32px;
    right: unset;
    left: 0;
    bottom: 5%;
  }
}
body:not(.path-frontpage) .page-content .dosing .hero .wave {
  display: none;
}

/*# sourceMappingURL=hero-block.css.map*/