body .treatment-considerations-page {
  position: relative;
}

.treatment-considerations h2 {
  font-size: 22px;
}

.hero-section.treatment-considerations-hero {
  background-image: url("/images/classical-hodgkin-lymphoma/treatment-consideration/treatment-considerations-hero-mobile.jpg");
}

.hero-section.chl-section-hero {
  max-height: 600px;
  height: auto;
  background-size: cover;
  padding-bottom: 84vw;
  background-position: 0 calc(100% + 0);
}
.single-content-area.center-button-mobile .button-area p {
  text-align: center;
}

.treatment-page .font-weight-medium {
  font-weight: 500;
}

.treatment-page .font-weight-bold {
  font-weight: 700;
}

.treatment-page .red {
  color: var(--bs-red-anchor);
}

.treatment-page .dark-red {
  color: var(--cyf-maroon-dark);
}

.treatment-page .hollow-cta-btn-red {
  text-decoration: none;
  color: var(--bs-red-anchor);
  background: none;
  border: 1px solid var(--bs-red-anchor);
  padding: 12px;
  display: block;
  width: 100%;
  max-width: 346px;
  min-height: fit-content;
  text-align: center;
  border-radius: 6px;
  font: 500 18px/24px var(--font-montserrat_sans);
  transition: 0.1s ease-in-out;
  opacity: 1;
  text-shadow: none;
}

body .hollow-cta-btn-red span.text {
  display: inline-block;
  color: var(--bs-red-anchor);
  position: relative;
}

body .hollow-cta-btn-red:hover {
  background: var(--cyf-bg-pink-light);
  text-decoration: none;
  color: var(--bs-red-anchor);
}

section.no-top-padding:not(.thinner-top-padding) {
  padding-top: 0;
}

section.no-bottom-padding:not(.thinner-bottom-padding) {
  padding-bottom: 0;
}

section .icon-with-heading.vertically-centered {
  align-items: center;
}

section .icon-with-heading.even-top {
  align-items: flex-start;
}

section .icon-with-heading.skinny-gutter img {
  margin-right: 5px;
}

section .split-evenly-pair {
  display: flex;
  flex-direction: column;
}

section .restrict-width-in-desktop {
  margin-left: auto;
  margin-right: auto;
}

.img-play:hover {
  cursor: pointer;
}

.photo-d {
  display: block;
}

.photo-m {
  display: none;
}

.tooltip-trigger {
  border-bottom-width: 2px;
  border-bottom-style: dotted;
}

.tooltip-trigger:hover {
  cursor: pointer;
}

.tooltip-trigger.red {
  border-bottom-color: var(--bs-red-anchor);
  color: inherit;
}

.hero-section.treatment-considerations-hero p {
  font-family: var(--font-montserrat_sans);
  font-weight: 600;
}

.treatment-page .single-content-area-1 {
  margin-top: 120px;
}

.treatment-page .single-content-area .cta-banner {
  padding-top: 60px;
}

.treatment-page .single-content-area .cta-banner img {
  max-width: 100%;
  height: auto;
}

.treatment-page .single-content-area a.arrow-link {
  font-weight: 700;
  font-size: 18px;
}

.treatment-page .single-content-area .img-play:hover {
  cursor: pointer;
}

.treatment-page .pair-of-content-boxes.treatment-choice .box-content {
  padding-right: 20px;
  padding-left: 20px;
}

.treatment-page .pair-of-content-boxes.treatment-choice img {
  display: block;
  margin: 20px auto;
}

.treatment-page .pair-of-content-boxes.treatment-choice .disclaimer {
  margin-top: 20px;
  font-size: 14px;
  text-align: center;
}

.treatment-page .pair-of-content-boxes.treatment-options .box-content,
.treatment-page .pair-of-content-boxes.treatment-options .box-content .spread {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.treatment-page .box-content .spread .child2 {
  margin-top: auto;
}

.treatment-page .pair-of-content-boxes .red-bg {
  background-color: var(--app-light-background);
}

.treatment-page .pair-of-content-boxes .white-bg {
  background: var(--bs-white);
}

.treatment-page .pair-of-content-boxes .off-white-bg {
  background: var(--bs-gray-100);
}

.treatment-page h2 {
  font-weight: 600 !important;
}

.pair-of-content-boxes .red-bg,
.pair-of-content-boxes.red-bg {
  background-color: var(--app-light-background);
}

.pair-of-content-boxes .white-bg {
  background: var(--bs-white);
}

.cta-banner h2 {
  margin: 0px 0px 10px;
}

.cta-banner p.long-drop-disclaimer {
  margin-top: 24px;
  font-size: 11px;
  line-height: 1;
}

.hero-section {
  background-size: 0px 0px;
}

.hero-section,
.hero-section.chl-section-hero {
  position: relative;
  background-repeat: no-repeat;
}

.hero-section.chl-section-hero {
  min-height: 410px;
  background-position: 50% center;
  background-size: cover;
}

.hero-section.chl-section-hero .hero-copy h1,
.hero-section.chl-section-hero .hero-copy p {
  color: var(--bs-white);
  text-shadow: 0 3px rgba(0, 0, 0, 0.5);
}

.hero-section.chl-section-hero .hero-copy h1 {
  font-weight: 600;
  font-family: var(--font-montserrat_sans);
}

.hero-section.chl-section-hero .hero-copy p {
  font-size: 18px;
}

.hero-section.chl-section-hero .photo-caption {
  position: absolute;
  bottom: -105px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1250px;
  min-height: 135px;
  text-align: center;
}

.hero-section.chl-section-hero .photo-caption p {
  color: var(--cyf-text-dark);
  font-size: 11px;
}

.hero-section.chl-section-hero .photo-caption img {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.hero-section h1 {
  margin: 18px 0px 15px;
}

.hero-section p {
  font-size: 16px;
  line-height: 1.3;
  margin: 0px 0px 10px;
}

.pair-of-content-boxes {
  padding: 32px 0px;
}

.pair-of-content-boxes .grouping {
  display: flex;
  flex-direction: column;
}

.pair-of-content-boxes .grouping .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin: 0px auto 32px;
  padding: 16px 0px 0px;
}

.pair-of-content-boxes .grouping .item:last-child {
  margin-bottom: 0px;
}

.pair-of-content-boxes .grouping .item.standard-padding {
  padding: 24px 20px;
}

.pair-of-content-boxes .box-content h2 {
  line-height: 1.3;
}

.pair-of-content-boxes .button-area {
  margin: 20px 0px 0px;
}

.pair-of-content-boxes .button-area p:last-of-type {
  margin-bottom: 0px;
}

.pair-of-content-boxes .button-area a {
  margin: 0px auto;
}

.single-content-area {
  padding: 32px 0px;
}

.single-content-area .button-area {
  margin: 20px 0px 0px;
}

.single-content-area .button-area p:last-of-type {
  margin-bottom: 0px;
}

.single-content-area .button-area a {
  margin: 0px auto;
}

.single-content-box {
  padding: 32px 0px;
}

.single-content-box .content {
  padding: 24px 20px 20px;
  border-radius: 3px;
}

.single-content-box.red-border-outline .content {
  padding: 0px;
}

.treatment-page .single-content-area .button-area p {
  text-align: left;
}

.treatment-page .single-content-area .cta-banner .grouping {
  display: block;
}

.treatment-page .pair-of-content-boxes .icon-with-heading img {
  width: 60px;
}

.treatment-page .cta-banner .image-div {
  margin-bottom: 20px;
}

.hero-section.chl-section-hero .photo-caption {
  bottom: -135px;
}

.hero-section.chl-section-hero .photo-caption img {
  max-width: 375px;
}

.cta-banner .shortens {
  width: 100%;
}

.cta-banner .shortens span {
  display: block;
  width: 100%;
}

.treatment-considerations section.hero-section.chl-section-hero {
  min-height: 410px;
  background-position: 50%;
  background-size: cover;
}

.hero-section.chl-section-hero .hero-copy h1 {
  font-size: 32px;
}

#treatment-considerations-page h2 {
  font-size: 22px;
}

@media (min-width: 768px) {
  .photo-d {
    display: none;
  }

  .treatment-considerations h2 {
    font-size: 28px;
  }

  .treatment-considerations section.hero-section.chl-section-hero {
    max-height: 600px;
    height: auto;
    background-size: cover;
    padding-bottom: 84vw;
    background-position: 0 calc(100% + 157px);
  }

  .photo-m {
    display: block;
  }

  .cta-banner .shortens {
    width: auto;
  }

  .cta-banner .shortens span {
    display: inline-flex;
    width: auto;
  }

  .hero-section.chl-section-hero .photo-caption img {
    width: 100%;
    max-width: initial;
  }

  .treatment-page .cta-banner .image-div {
    margin-bottom: 0;
  }

  .hero-section.chl-section-hero .photo-caption {
    bottom: -105px;
  }

  .treatment-page .pair-of-content-boxes .icon-with-heading img {
    width: 82px;
  }

  .treatment-page .single-content-area .cta-banner .grouping {
    display: flex;
  }

  .treatment-page .single-content-area .button-area p {
    text-align: center;
  }

  .treatment-page .single-content-area-1 {
    margin-top: 80px;
  }

  section.thinner-bottom-padding {
    padding-bottom: 50px;
  }

  section.thinner-top-padding {
    padding-top: 48px;
  }

  section .icon-with-heading.even-top {
    align-items: center;
  }

  section .split-evenly-pair .half {
    width: calc(50% - 15px);
  }

  section .split-evenly-pair {
    flex-direction: row;
    justify-content: space-between;
  }

  .cta-banner h2 {
    margin-bottom: 22px;
  }

  .pair-of-content-boxes {
    padding: 60px 0px;
  }

  .pair-of-content-boxes .grouping .item {
    padding: 24px 0px 16px;
  }

  .pair-of-content-boxes .grouping .item:first-child:not(.standard-padding) {
    padding-top: 16px;
  }

  .pair-of-content-boxes .grouping .item.standard-padding {
    padding: 32px 20px;
  }

  .pair-of-content-boxes .button-area {
    margin-top: 32px;
  }

  .single-content-area {
    padding: 60px 0px;
  }

  .single-content-area .copy + .button-area {
    margin-top: 32px;
  }

  .single-content-box {
    padding: 60px 0px;
  }

  .single-content-box .content {
    padding: 32px 20px 30px;
  }

  .single-content-box.red-border-outline .content {
    border: 1px solid var(--bs-red-anchor);
    border-radius: 6px;
    padding: 32px;
  }

  #treatment-considerations-page h2 {
  font-size: 28px;
}
}

@media (min-width: 992px) {
  .hero-section {
    background-position: 50% center;
    background-size: cover;
  }

  .treatment-considerations section.hero-section.chl-section-hero {
    min-height: 410px;
    background-position: 50%;
    background-size: cover;
    padding-bottom: 0px;
}
  .hero-section.treatment-considerations-hero {
    background-image: url("/images/classical-hodgkin-lymphoma/treatment-consideration/treatment-considerations-hero-desktop.jpg");
    min-height: 410px;
    background-position: 50%;
    background-size: cover;
    padding-bottom: 0px;
  }

  section .restrict-width-in-desktop {
    max-width: 78%;
  }
  .hero-section.chl-section-hero .hero-copy h1 {
    font-size: 44px;
  }

  .hero-section h1 {
    margin: 72px 0px 8px;
  }

  .treatment-page .pair-of-content-boxes.treatment-choice .box-content {
    padding-right: 35px;
    padding-left: 35px;
  }

  .treatment-page .pair-of-content-boxes.treatment-choice .disclaimer {
    margin-top: 60px;
  }

  .single-content-area {
    padding: 80px 0px;
  }

  .single-content-area .button-area p {
    text-align: center;
  }

  .single-content-box {
    padding: 80px 0px;
  }

  .single-content-box .content {
    padding: 44px 40px 40px;
  }

  .pair-of-content-boxes {
    padding: 80px 0px;
  }

  .pair-of-content-boxes .grouping {
    flex-direction: row;
    justify-content: space-between;
  }

  .pair-of-content-boxes .grouping .item {
    width: calc(50% - 16px);
    margin: 0px;
    padding: 24px 0px;
  }

  .pair-of-content-boxes .grouping .item:first-child:not(.standard-padding) {
    padding-top: 24px;
    padding-right: 32px;
  }

  .pair-of-content-boxes .grouping .item:last-child:not(.standard-padding) {
    padding-left: 32px;
  }

  .pair-of-content-boxes .grouping .item.standard-padding {
    padding: 44px 40px;
  }

  .pair-of-content-boxes .grouping .item.extra-padding {
    padding: 60px 55px;
  }
}