@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
.display-font {
  font-family: "Noto Sans", sans-serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media (min-width: 992px) {
  .display-font {
    font-size: 58px;
  }
}

.heading-large {
  font-family: "Noto Sans", sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #000;
}
@media (min-width: 992px) {
  .heading-large {
    font-size: 42px;
  }
}

.heading-med {
  font-family: "Noto Sans", sans-serif;
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  color: #000;
}
@media (min-width: 992px) {
  .heading-med {
    font-size: 40px;
    line-height: 120%;
  }
}

.heading-small {
  font-family: "Noto Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #000;
}
@media (min-width: 992px) {
  .heading-small {
    font-size: 34px;
  }
}

.subhead-large {
  font-family: "Noto Sans", sans-serif;
  font-size: 27px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #000;
}
.subhead-med {
  font-family: "Noto Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #000;
}

.subhead-small {
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  color: #000;
}
h4.subhead-med {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}
@media (min-width: 992px) {
  h4.subhead-med {
    font-size: 25px;
    line-height: 31px;
  }
}

.heading-large,
.heading-med,
.heading-small,
.subhead-large .subhead-med,
.subhead-small,
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

p, .body-text {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}
@media (min-width: 992px) {
  p, .body-text {
    font-size: 18px;
    line-height: 26px;
  }
}

.text-small {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}
p,
.body-text,
.text-small {
  text-wrap: pretty;
}

.text-reflex-blue {
  color: #001489 !important;
}

a {
  color: #2A78A3;
  text-decoration: underline;
}
a:hover {
  color: #000;
  text-decoration: none;
}

ul {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}

ol {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}
ol.references {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}

.hang-note {
  position: relative;
  padding-left: 3px;
}
.hang-note::before {
  content: "";
  position: absolute;
  left: -3px;
  top: -2px;
  font-size: 75%;
}
.hang-note.hash::before {
  content: "#";
}
.hang-note.ast::before {
  content: "*";
  font-size: 100%;
  left: -4px;
  top: -2px;
}
.hang-note.dagger::before {
  content: "†";
}
.hang-note.dbl-dagger::before {
  content: "‡";
}
.hang-note.sect::before {
  content: "§";
}
.hang-note.vert::before {
  content: "||";
  left: 9px !important;
}

.btn {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 145%;
  color: #000;
}

.nav .nav-link {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  color: #000;
}
.nav .utlity-nav-link {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  color: #000;
  text-decoration-line: underline;
}

.mb-16px-lg-30px {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .mb-16px-lg-30px {
    margin-bottom: 30px;
  }
}

.mb-16px-lg-40px {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .mb-16px-lg-40px {
    margin-bottom: 40px;
  }
}

.text-intro {
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 992px) {
  .text-intro {
    font-size: 22px;
    line-height: 32px;
  }
}

.accordion {
  background-color: white;
  position: relative;
  border-radius: 16px;
  padding: 16px 20px;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .accordion {
    border-radius: 25px;
    padding: 30px 69px 30px 69px;
    margin-bottom: 30px;
  }
}
.accordion p:last-of-type {
  margin-bottom: 0;
}
.accordion_header {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background: none;
  border: none;
  padding: 0;
}
@media (min-width: 992px) {
  .accordion_header {
    align-items: center;
  }
}
.accordion_header .header-icon {
  height: 32px;
  width: 32px;
  margin: 0 15px 0 0;
}
.accordion_header h2 {
  font-family: "Noto Sans", sans-serif;
  color: #001489;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  font-size: 18px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .accordion_header h2 {
    font-size: 22px;
    margin-bottom: 0;
    min-width: 258px;
    line-height: 29px;
  }
}
.accordion_header p {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  max-width: 690px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .accordion_header p {
    font-size: 20px;
    line-height: 29px;
    margin-left: 53px;
    margin-right: 53px;
  }
}
@media (min-width: 1200px) {
  .accordion_header p {
    margin-right: 70px;
  }
}
.accordion_header svg {
  width: 18px;
  min-width: 18px;
  height: auto;
  transform: rotate(-180deg);
  transition: 0.2s ease-in-out;
}
.accordion_header-button {
  background: none;
  transform: none;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #343579;
  display: block;
  font-family: "Noto Sans", sans-serif, sans-serif;
  position: static;
  width: 30px;
  height: 30px;
}
.accordion_header-button:after {
  display: block;
  content: "";
  background-image: url("/themes/custom/drupal_tedavi/images/icon/transcript-close.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
}
.accordion_header.collapsed svg {
  transform: rotate(0deg);
}
.accordion_header.collapsed .accordion_header-button:after {
  background-image: url("/themes/custom/drupal_tedavi/images/icon/transcript-open.svg");
}
.accordion_collapse-body .orange-divider {
  margin-top: 16px;
  margin-bottom: 16px;
  border-top: 2px solid #F18070;
  height: 0;
}
@media screen and (min-width: 992px) {
  .accordion_collapse-body .orange-divider {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.accordion_collapse-body h4 {
  margin-bottom: 0;
  font-size: 18px;
}
@media (min-width: 992px) {
  .accordion_collapse-body h4 {
    font-size: 20px;
  }
}
.accordion_collapse-body p {
  font-size: 16px;
  line-height: 20px;
  color: #333333;
}
@media screen and (min-width: 992px) {
  .accordion_collapse-body p {
    font-size: 18px;
    line-height: 26px;
  }
}
.accordion_collapse-body p.footnote {
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  .accordion_header .header-icon {
    height: 56px;
    width: 56px;
    margin-right: 38px;
  }
  .accordion_header-button {
    right: 28px;
    top: 35px;
  }
}

.hero {
  position: relative;
  overflow: hidden;
}
.hero .hero-body {
  padding: 6rem 2.25rem;
}
.hero .hero-image-desktop {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .hero .hero-image-desktop {
    display: none;
  }
}
.hero .hero-image-mobile {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .hero .hero-image-mobile {
    display: block;
  }
}

.hero-paragraph {
  height: 162px;
  display: flex;
  align-items: center;
  background-size: auto 100%;
  background-position: right center;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .hero-paragraph {
    height: 300px;
  }
}
.hero-paragraph h2 {
  font-family: "Noto Sans", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .hero-paragraph h2 {
    font-size: 38px;
    line-height: normal;
  }
}
.hero-paragraph .hero-body p {
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}
.hero-paragraph .hero-body p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .hero-paragraph .hero-body p {
    font-size: 28px;
    font-weight: 500;
    line-height: 35px;
  }
}
.hero-paragraph .hero-body p.quote {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-left: 0.5rem;
}
.hero-paragraph .hero-body p.quote::before {
  content: "“";
  position: absolute;
  transform: translateX(-0.5rem);
}
@media (min-width: 992px) {
  .hero-paragraph .hero-body p.quote {
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 1rem;
  }
  .hero-paragraph .hero-body p.quote::before {
    transform: translateX(-1rem);
  }
}
.hero-paragraph .hero-body p.quote-ref {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: 0.75rem;
}
@media (min-width: 992px) {
  .hero-paragraph .hero-body p.quote-ref {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
  }
}
.hero-paragraph .hero-body p.quote-ref::before {
  content: "–";
  position: absolute;
  transform: translateX(-0.5rem);
}
@media (min-width: 992px) {
  .hero-paragraph .hero-body p.quote-ref::before {
    transform: translateX(-1rem);
  }
}
.hero-paragraph.Yellow {
  background-color: #FFC658;
}
.hero-paragraph.Yellow h2 {
  color: #001489;
}
.hero-paragraph.Yellow p {
  color: #001489;
}
.hero-paragraph.Blue {
  background-color: #005683;
}
.hero-paragraph.Blue h2 {
  color: white;
}
.hero-paragraph.Blue p {
  color: white;
}

.horizontal-cta-card {
  display: flex;
  padding: 1rem;
  border: 2px solid #6C6C6C;
  border-radius: 10px;
}
.horizontal-cta-card .hcc-image {
  width: 200px;
  height: auto;
  margin-right: 1rem;
}
.horizontal-cta-card .hcc-image img {
  width: 100%;
  height: auto;
}

.spacer.small {
  padding-bottom: 1.5rem;
}
.spacer.medium {
  padding-bottom: 3rem;
}
.spacer.large {
  padding-bottom: 6rem;
}

.mb-32px {
  margin-bottom: 32px;
}

@media (min-width: 992px) {
  .mb-lg-40px {
    margin-bottom: 40px !important;
  }
}

.vertical-cta-card {
  padding: 1rem;
  border: 2px solid #6C6C6C;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
}
.vertical-cta-card .vcc-image {
  width: 100px;
  height: 100px;
}
.vertical-cta-card .vcc-image img {
  width: 100%;
  height: auto;
}
.vertical-cta-card .vcc-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vertical-cta-card .vcc-content .vcc-body p {
  text-align: center;
}

@media screen and (min-width: 992px) {
  .media-library .col-padding-fix {
    padding-left: 2rem;
  }
}
.media-library a {
  text-decoration: none;
  color: initial;
}
.media-library a p.primary {
  color: #343579;
  font-size: 18px;
  font-weight: 500;
}
.media-library a p.small {
  color: #6C6C6C;
  margin-top: 20px;
  font-size: 16px;
}
.media-library .clickable-area {
  aspect-ratio: 571/321;
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  position: relative;
}
.media-library .clickable-area img.play {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video_container {
  border: 2px solid transparent;
  border-radius: 31.25px;
  margin: 0 auto;
  transition: 0.2s all ease;
}
.video_container iframe {
  border-radius: 29px;
}
.video_container.container-border {
  border: 2px solid #343579;
  background: #ffffff;
  margin-bottom: 2rem;
}
.video_container .vimeo-full-width video {
  position: relative;
  width: 100%;
  border-radius: 9px;
  height: 100%;
  aspect-ratio: 16/9;
}
.video_container .accordion {
  border: 0;
  border-radius: 0;
  padding: 0;
  background: none;
}
.video_container .accordion_header {
  padding: 0;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: none;
  border: none;
}
.video_container .accordion_header-button {
  border: none;
  background: none;
  position: relative;
  width: auto;
  height: auto;
  transform: none;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #2A78A3;
  top: 0;
  right: initial;
  padding-right: 54px;
  font-family: "Noto Sans", sans-serif;
}
.video_container .accordion_header-button:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("/themes/custom/drupal_tedavi/images/icon/transcript-close.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
}
.video_container .accordion_header .accordion_header-button.collapsed:after {
  background-image: url("/themes/custom/drupal_tedavi/images/icon/transcript-open.svg");
}
.video_container .accordion_collapse {
  width: 100%;
  height: auto;
  padding: 20px 10px;
  transition: all 0.2s ease;
}
.video_container .accordion_collapse:not(.show) {
  display: none;
  height: 0;
  opacity: 0;
}
.video_container .accordion_collapse p {
  margin-bottom: 1rem;
}

.video-wrapper {
  background-color: white;
  padding: 20px 20px;
  width: 100%;
  margin: 0 auto;
  border-radius: 30px;
  overflow-y: scroll;
  margin: auto;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
@media (min-width: 992px) {
  .video-wrapper {
    padding: 20px 40px;
  }
}
.video-wrapper::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
.video-wrapper h3.primary {
  padding-right: 40px;
}

.lity-container {
  min-width: 100%;
  padding: 0 20px;
}
@media (min-width: 992px) {
  .lity-container {
    max-width: 1275px !important;
    padding: 0 40px;
  }
}
.lity-container .lity-content {
  margin: 0 auto;
  position: relative;
}
@media (min-width: 992px) {
  .lity-container .lity-content {
    max-width: 900px !important;
  }
}
.lity-container .lity-content .video_container {
  margin: 0 -20px;
}
@media (min-width: 384px) {
  .lity-container .lity-content .video_container {
    margin: 0 auto;
  }
}
.lity-container .lity-content .accordion_collapse-body {
  max-height: 300px;
  overflow-y: scroll;
}
.lity-container .lity-content .close-button {
  background-image: url("/themes/custom/drupal_tedavi/images/icon/close.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 21px;
  right: 20px;
  z-index: 100;
  cursor: pointer;
}
@media (min-width: 992px) {
  .lity-container .lity-content .close-button {
    right: 40px;
  }
}
.lity-container .lity-close {
  display: none;
}

.lity {
  display: none;
}
.lity.lity-opened {
  display: block;
}
.lity.lity-opened iframe {
  border: 2px solid transparent;
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  top: 0;
  transition: 0.2s all ease;
  width: 100%;
}

.btn {
  display: inline-flex;
  border: none;
}
.btn.btn-primary, .btn.btn_primary, .btn.primary {
  color: #fff;
  background-color: #2A78A3;
  padding: var(--Spacing-Spacing-XS, 12px) var(--Spacing-Spacing-S, 16px);
  justify-content: center;
  align-items: center;
  border: none;
}
.btn.btn-primary:hover, .btn.btn_primary:hover, .btn.primary:hover {
  background-color: #6C6C6C;
}
.btn.btn-primary:disabled, .btn.btn_primary:disabled, .btn.primary:disabled {
  color: rgba(255, 255, 255, 0.7);
}
.btn.btn-secondary, .btn.btn_secondary {
  color: #2A78A3;
  background-color: #fff;
  padding: var(--Spacing-Spacing-XS, 12px) var(--Spacing-Spacing-S, 16px);
  justify-content: center;
  align-items: center;
  border: 1px solid #2A78A3;
}
.btn.btn-secondary:hover, .btn.btn_secondary:hover {
  color: #fff;
  background-color: #2A78A3;
}
.btn.btn-secondary:disabled, .btn.btn_secondary:disabled {
  color: rgba(42, 120, 163, 0.7);
}
.btn.btn-tertiary, .btn.btn_tertiary {
  color: #2A78A3;
  background-color: none;
  padding: var(--Spacing-Spacing-XS, 12px) var(--Spacing-Spacing-S, 16px);
  justify-content: center;
  align-items: center;
  border: none;
}
.btn.btn-tertiary:hover, .btn.btn_tertiary:hover {
  color: #fff;
  background-color: #6C6C6C;
}
.btn.btn-tertiary:disabled, .btn.btn_tertiary:disabled {
  color: rgba(42, 120, 163, 0.7);
}
.btn.btn-icon {
  background-color: #2A78A3;
  width: 30px;
  height: 30px;
  border: none;
}
.btn.btn-icon.btn-icon-sm {
  width: 18px;
  height: 18px;
}
.btn.btn-icon.btn-icon-md {
  width: 30px;
  height: 30px;
}
.btn.btn-icon.btn-icon-lg {
  width: 46px;
  height: 46px;
}
.btn.btn-icon:hover {
  background-color: #6C6C6C;
}
.btn.btn-icon:disabled {
  background-color: #6C6C6C;
  opacity: 0.7;
}

.icon {
  width: 16px;
  height: 16px;
}
.icon .icon-sm {
  width: 8px;
  height: 8px;
}
.icon .icon-md {
  width: 16px;
  height: 16px;
}
.icon .icon-lg {
  width: 24px;
  height: 24px;
}
.icon .icon-xl {
  width: 40px;
  height: 40px;
}
.icon .social {
  width: 30px;
  height: 30px;
}
.icon .graphical {
  width: 100px;
  height: 100px;
}

#admin-bar--open-close {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 30px;
  padding: 0.48rem;
  background-color: #dae0e5;
  color: #2F3138;
  text-align: center;
  text-decoration: none;
  border-left: 2px #41A5FF solid;
  border-right: 0px transparent solid;
  border-radius: 5px;
  box-shadow: 2px 0px 4px 0px #dbdbdb;
  cursor: pointer;
  z-index: 9999;
  transition: 0.2s all ease-in;
}
#admin-bar--open-close:before {
  content: "X";
  display: block;
  color: transparent;
  width: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#admin-bar--open-close.opened:before {
  background-image: url("../../images/icon/close.svg");
}
#admin-bar--open-close.closed:before {
  background-image: url("../../images/icon/left-arrow.svg");
}
#admin-bar--open-close:hover {
  background-color: #41A5FF;
  padding-right: 2rem;
}

#admin-bar {
  position: fixed;
  bottom: 0;
  right: 25px;
  z-index: 9998;
}
#admin-bar .tabs .tabs-primary {
  margin: 0;
}
#admin-bar .tabs .tabs-primary .nav-tabs {
  background-color: #dae0e5;
  padding: 0;
  border: 2px #dae0e5 solid;
  border-radius: 5px;
  box-shadow: 0px 0px 4px 0px #dbdbdb;
  transition: all 0.3s ease-in;
}
#admin-bar .tabs .tabs-primary .nav-tabs li {
  margin: 0;
  padding: 0;
}
#admin-bar .tabs .tabs-primary .nav-tabs li a {
  margin: 0;
  border-radius: 5px;
  font-size: 12px;
  border: 1px #dae0e5 solid;
  color: #2F3138;
}
#admin-bar .tabs .tabs-primary .nav-tabs li a.active, #admin-bar .tabs .tabs-primary .nav-tabs li a:hover {
  background-color: #f8f9fa;
  color: #2F3138;
}
#admin-bar .contextual-region .trigger.focusable {
  display: none !important;
}

#drupal-off-canvas .button.dialog-cancel,
#layout-builder-modal .button.dialog-cancel {
  color: #212529;
  border: 1px #dbdbdb solid;
}
#drupal-off-canvas .button.dialog-cancel:hover,
#layout-builder-modal .button.dialog-cancel:hover {
  background-color: #979AA1;
}
#drupal-off-canvas .form-type-checkbox,
#drupal-off-canvas .form-radios > div,
#layout-builder-modal .form-type-checkbox,
#layout-builder-modal .form-radios > div {
  padding: 0;
  margin: 0;
  width: auto;
}
#drupal-off-canvas .form-control,
#layout-builder-modal .form-control {
  border: 0;
}
#drupal-off-canvas *:not(div).glb-list a,
#layout-builder-modal *:not(div).glb-list a {
  background-color: #f8f9fa;
  border: 1px #E9ECEF solid;
  transition: all 0.3s ease-in;
}
#drupal-off-canvas *:not(div).glb-list a:hover,
#layout-builder-modal *:not(div).glb-list a:hover {
  background-color: #dae0e5;
}
#drupal-off-canvas *:not(div).layout-selection.glb-list a svg,
#layout-builder-modal *:not(div).layout-selection.glb-list a svg {
  background-color: transparent;
  filter: brightness(100%) contrast(30%);
}
#drupal-off-canvas * textarea,
#drupal-off-canvas * select,
#drupal-off-canvas *:not(div) textarea,
#drupal-off-canvas *:not(div) select,
#layout-builder-modal * textarea,
#layout-builder-modal * select,
#layout-builder-modal *:not(div) textarea,
#layout-builder-modal *:not(div) select {
  height: 100%;
}
#drupal-off-canvas .custom-control-input,
#layout-builder-modal .custom-control-input {
  opacity: 1;
  margin-top: 10px;
  margin-bottom: 10px;
}
#drupal-off-canvas .bs_flex,
#layout-builder-modal .bs_flex {
  display: flex;
}
#drupal-off-canvas .bs-justify-content-between,
#layout-builder-modal .bs-justify-content-between {
  justify-content: space-between;
}
#drupal-off-canvas .bs_row,
#layout-builder-modal .bs_row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
#drupal-off-canvas .bs_col,
#layout-builder-modal .bs_col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
#drupal-off-canvas .bs_col--50,
#layout-builder-modal .bs_col--50 {
  flex: 50%;
  max-width: 50%;
}
#drupal-off-canvas .bs_col--100,
#layout-builder-modal .bs_col--100 {
  flex: 100%;
  max-width: 100%;
}
#drupal-off-canvas .bs-group-title,
#layout-builder-modal .bs-group-title {
  margin-left: 15px;
  display: flex;
  align-items: center;
}
#drupal-off-canvas .sr-only,
#layout-builder-modal .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#drupal-off-canvas .fieldgroup.blb_container_type,
#layout-builder-modal .fieldgroup.blb_container_type {
  border: 1px #9b9b9b solid;
  padding: 0.5rem 0.5rem;
}
#drupal-off-canvas .fieldgroup.blb_container_type legend,
#layout-builder-modal .fieldgroup.blb_container_type legend {
  float: left;
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div {
  display: flex;
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div {
  position: relative;
  flex: 100%;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div input,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div input + label,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div input + label {
  transition: all 0.3s ease-in-out;
  padding: 8px;
  height: 70px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  background-color: #f8f9fa;
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div input + label:hover,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div input + label:hover {
  background-color: hsl(210, 16.6666666667%, 112.6470588235%);
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div input + label:hover:after,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div input + label:hover:after {
  border-color: #2F3138;
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div input:checked + label,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div input:checked + label {
  color: inherit;
  background-color: #5C606B;
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div input:checked + label svg,
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div input:checked + label svg *,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div input:checked + label svg,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div input:checked + label svg * {
  color: inherit;
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div input:checked + label:after,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div input:checked + label:after {
  border-color: #2F3138;
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div input + label,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div input + label {
  font-size: 10px;
  font-weight: normal;
  padding: 8px;
  margin: 2px;
  width: calc(100% - 4px);
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  background-color: #f8f9fa;
  flex-direction: column;
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div input + label:hover,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div input + label:hover {
  background-color: hsl(210, 16.6666666667%, 112.6470588235%);
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div input:checked + label,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div input:checked + label {
  font-weight: bold;
  color: #41A5FF;
  background-color: #dbdbdb;
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div input:checked + label .input-icon:after,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div input:checked + label .input-icon:after {
  background-image: url("../../images/layout-builder/container-active.svg");
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div .input-icon,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div .input-icon {
  width: 50px !important;
  height: 26px;
  margin-bottom: 10px;
  background: url("../../images/layout-builder/stripe-sm.svg") center top repeat;
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div .input-icon:after,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div .input-icon:after {
  content: "";
  display: block;
  margin: 0 auto 1rem auto;
  width: 100%;
  height: 100%;
  background-image: url("../../images/layout-builder/container.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f8f9fa;
  background-size: 100% 26px;
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div .input-icon.container:after,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div .input-icon.container:after {
  width: 60%;
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div .input-icon.container-fluid:after,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div .input-icon.container-fluid:after {
  width: 80%;
}
#drupal-off-canvas .fieldgroup.blb_container_type .fieldset__wrapper > div > div .input-icon.w-100:after,
#layout-builder-modal .fieldgroup.blb_container_type .fieldset__wrapper > div > div .input-icon.w-100:after {
  width: 100%;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type,
#layout-builder-modal .fieldgroup.blb_gutter_type {
  border: 1px #9b9b9b solid;
  padding: 0.5rem 0.5rem;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type legend,
#layout-builder-modal .fieldgroup.blb_gutter_type legend {
  float: left;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div {
  display: flex;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div {
  position: relative;
  flex: 100%;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input + label,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input + label {
  transition: all 0.3s ease-in-out;
  padding: 8px;
  height: 105px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  background-color: #f8f9fa;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input + label:hover,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input + label:hover {
  background-color: hsl(210, 16.6666666667%, 112.6470588235%);
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input + label:hover:after,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input + label:hover:after {
  border-color: #2F3138;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input:checked + label,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input:checked + label {
  color: inherit;
  background-color: #dbdbdb;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input:checked + label svg,
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input:checked + label svg *,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input:checked + label svg,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input:checked + label svg * {
  color: inherit;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input:checked + label:after,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input:checked + label:after {
  border-color: #2F3138;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input + label,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input + label {
  font-size: 10px;
  font-weight: normal;
  padding: 8px;
  margin: 2px;
  width: calc(100% - 4px);
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  background-color: #f8f9fa;
  flex-direction: column;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input + label:hover,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input + label:hover {
  background-color: transparent;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input:checked + label,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input:checked + label {
  font-weight: bold;
  color: #41A5FF;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input:checked + label .input-icon:after,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div input:checked + label .input-icon:after {
  background-image: url("../../images/layout-builder/gutter-active.svg");
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div .input-icon,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div .input-icon {
  width: 80%;
  height: 66px;
  margin-bottom: 10px;
  background: url("../../images/layout-builder/stripe-lg.svg") center top repeat;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div .input-icon:after,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div .input-icon:after {
  content: "";
  display: block;
  margin: 0 auto 1rem auto;
  width: 100%;
  height: 100%;
  background-image: url("../../images/layout-builder/gutter.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f8f9fa;
  background-size: cover;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div .input-icon.container:after,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div .input-icon.container:after {
  width: 60%;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div .input-icon.container-fluid:after,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div .input-icon.container-fluid:after {
  width: 70%;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div .input-icon.w-100:after,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div .input-icon.w-100:after {
  width: 100%;
}
#drupal-off-canvas .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div .input-icon.gutter-icon-0:after,
#layout-builder-modal .fieldgroup.blb_gutter_type .fieldset__wrapper > div > div .input-icon.gutter-icon-0:after {
  width: 80%;
}
#drupal-off-canvas .blb_breakpoint_cols,
#layout-builder-modal .blb_breakpoint_cols {
  border: 1px #9b9b9b solid;
  padding: 0.5rem 0.5rem;
}
#drupal-off-canvas .blb_breakpoint_cols legend,
#layout-builder-modal .blb_breakpoint_cols legend {
  float: left;
}
#drupal-off-canvas .blb_breakpoint_cols label,
#layout-builder-modal .blb_breakpoint_cols label {
  background-color: #dae0e5;
  padding: 0.5rem;
  margin: 0 !important;
  border-radius: 5px;
}
#drupal-off-canvas .blb_breakpoint_cols:checked + label,
#layout-builder-modal .blb_breakpoint_cols:checked + label {
  background-color: #41A5FF;
}
#drupal-off-canvas .blb_breakpoint_cols label:hover .blb_breakpoint_col,
#layout-builder-modal .blb_breakpoint_cols label:hover .blb_breakpoint_col {
  background-color: rgba(255, 255, 255, 0.8);
  color: #383A40;
}
#drupal-off-canvas input:checked + label .blb_breakpoint_col,
#layout-builder-modal input:checked + label .blb_breakpoint_col {
  color: #383A40;
  background-color: #41A5FF;
}
#drupal-off-canvas .blb_breakpoint_col,
#layout-builder-modal .blb_breakpoint_col {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2);
}
#drupal-off-canvas .blb_breakpoint_col.bp-selected,
#layout-builder-modal .blb_breakpoint_col.bp-selected {
  color: #ffffff;
  background-color: #41A5FF;
}
#drupal-off-canvas .bs_tooltip,
#layout-builder-modal .bs_tooltip {
  background: #e2e6ea;
}
#drupal-off-canvas #bs_nav-tabs.bs_nav-tabs,
#layout-builder-modal #bs_nav-tabs.bs_nav-tabs {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  margin: 0 0px 30px -30px;
  width: calc(100% + 30px);
  position: sticky;
  top: 0;
  z-index: 2;
}
#drupal-off-canvas #bs_nav-tabs.bs_nav-tabs li:nth-child(2),
#layout-builder-modal #bs_nav-tabs.bs_nav-tabs li:nth-child(2) {
  display: none !important;
}
#drupal-off-canvas #bs_nav-tabs.bs_nav-tabs li:nth-child(2) [data-target=appearance],
#layout-builder-modal #bs_nav-tabs.bs_nav-tabs li:nth-child(2) [data-target=appearance] {
  display: none !important;
}
#drupal-off-canvas summary:after,
#layout-builder-modal summary:after {
  display: none;
}
#drupal-off-canvas .inline-block-create-button,
#layout-builder-modal .inline-block-create-button {
  width: 100%;
}
#drupal-off-canvas .inline-block-create-button::before,
#layout-builder-modal .inline-block-create-button::before {
  display: none;
}
#drupal-off-canvas .inline-block-list.glb-list li,
#layout-builder-modal .inline-block-list.glb-list li {
  display: flex;
  position: relative;
  margin: 0;
  padding: 0.75rem 0 0.5rem 0;
  width: calc(50% - 0.25rem);
}
#drupal-off-canvas .inline-block-list.glb-list li:last-child,
#layout-builder-modal .inline-block-list.glb-list li:last-child {
  padding-bottom: 0.5rem;
}

.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close::after {
  display: none;
}

.ui-dialog:not(.ui-dialog-off-canvas) {
  width: 100% !important;
  max-width: 1280px !important;
}
.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-titlebar-close::after {
  display: none;
}

.display-font {
  font-family: "Noto Sans", sans-serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media (min-width: 992px) {
  .display-font {
    font-size: 58px;
  }
}

.heading-large {
  font-family: "Noto Sans", sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #000;
}
@media (min-width: 992px) {
  .heading-large {
    font-size: 42px;
  }
}

.heading-med {
  font-family: "Noto Sans", sans-serif;
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  color: #000;
}
@media (min-width: 992px) {
  .heading-med {
    font-size: 40px;
    line-height: 120%;
  }
}

.heading-small {
  font-family: "Noto Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #000;
}
@media (min-width: 992px) {
  .heading-small {
    font-size: 34px;
  }
}

.subhead-large {
  font-family: "Noto Sans", sans-serif;
  font-size: 27px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #000;
}
.subhead-med {
  font-family: "Noto Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #000;
}

.subhead-small {
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  color: #000;
}
h4.subhead-med {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}
@media (min-width: 992px) {
  h4.subhead-med {
    font-size: 25px;
    line-height: 31px;
  }
}

.heading-large,
.heading-med,
.heading-small,
.subhead-large .subhead-med,
.subhead-small,
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

p, .body-text {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}
@media (min-width: 992px) {
  p, .body-text {
    font-size: 18px;
    line-height: 26px;
  }
}

.text-small {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}
p,
.body-text,
.text-small {
  text-wrap: pretty;
}

.text-reflex-blue {
  color: #001489 !important;
}

a {
  color: #2A78A3;
  text-decoration: underline;
}
a:hover {
  color: #000;
  text-decoration: none;
}

ul {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}

ol {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}
ol.references {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}

.hang-note {
  position: relative;
  padding-left: 3px;
}
.hang-note::before {
  content: "";
  position: absolute;
  left: -3px;
  top: -2px;
  font-size: 75%;
}
.hang-note.hash::before {
  content: "#";
}
.hang-note.ast::before {
  content: "*";
  font-size: 100%;
  left: -4px;
  top: -2px;
}
.hang-note.dagger::before {
  content: "†";
}
.hang-note.dbl-dagger::before {
  content: "‡";
}
.hang-note.sect::before {
  content: "§";
}
.hang-note.vert::before {
  content: "||";
  left: 9px !important;
}

.btn {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 145%;
  color: #000;
}

.nav .nav-link {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  color: #000;
}
.nav .utlity-nav-link {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  color: #000;
  text-decoration-line: underline;
}

.mb-16px-lg-30px {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .mb-16px-lg-30px {
    margin-bottom: 30px;
  }
}

.mb-16px-lg-40px {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .mb-16px-lg-40px {
    margin-bottom: 40px;
  }
}

.text-intro {
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 992px) {
  .text-intro {
    font-size: 22px;
    line-height: 32px;
  }
}

html,
body {
  overflow-x: hidden;
}

body {
  overflow-y: hidden;
}

.patient-branding {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 30px;
  padding-bottom: 20px;
  background-color: #001489;
}
.patient-branding img {
  width: 251px;
  height: auto;
}
@media (min-width: 992px) {
  .patient-branding {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 36px;
    padding-bottom: 30px;
  }
  .patient-branding img {
    width: 292px;
  }
}

h1 {
  font-family: "Noto Sans", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  color: #001489;
  margin-bottom: 21px;
}
@media (min-width: 992px) {
  h1 {
    font-size: 38px;
    line-height: normal;
  }
}

h2 {
  font-family: "Noto Sans", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #001489;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  h2 {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 37px;
  }
}

h3 {
  font-family: "Noto Sans", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 31px;
  color: #001489;
  margin-bottom: 21px;
}
h3.resources {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
@media (min-width: 992px) {
  h3.resources {
    font-size: 22px;
    line-height: 31px;
  }
}

p {
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  color: #424242;
  margin-bottom: 21px;
}
p.large-text {
  font-size: 20px;
  line-height: 29px;
  color: #424242;
}
p.image-header {
  color: #001489;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 31px;
}

a.external {
  display: flex;
  width: fit-content;
  align-items: center;
  text-decoration: none;
  border-bottom: 2px solid #008cc6;
  color: #008cc6;
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
a.external svg {
  margin-left: 8px;
}
a.external:hover {
  color: #001489;
  border-bottom: 2px solid #001489;
}
a.external:hover svg path {
  fill: #001489;
}

.wrap-balance {
  text-wrap: balance;
}

.text-gray {
  color: #424242;
}

.text-white {
  color: white;
}

.w-fit-content {
  width: fit-content;
}

.patient-hero {
  background-color: #001489;
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
  padding-top: 20px;
}
@media (min-width: 992px) {
  .patient-hero {
    background-image: url("/themes/custom/drupal_tedavi/images/pages/patient-splash/DTC-landing-hero-dt.png");
    background-position: bottom right;
    background-size: auto 75%;
    padding-top: 30px;
    height: 561px;
  }
  .patient-hero.spanish {
    background-image: url("/themes/custom/drupal_tedavi/images/pages/patient-splash-spanish/hero-d.png");
  }
}
@media (min-width: 1200px) {
  .patient-hero {
    background-size: auto 90%;
  }
}
@media (min-width: 1400px) {
  .patient-hero {
    background-size: auto 100%;
  }
}
.patient-hero .mobile-hero-image {
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
}
@media (min-width: 992px) {
  .patient-hero .mobile-hero-image {
    display: none;
  }
}
.patient-hero .hero-logo {
  width: 251px;
  height: auto;
  margin-bottom: 43px;
}
@media (min-width: 992px) {
  .patient-hero .hero-logo {
    width: 292px;
    margin-bottom: 50px;
  }
}
@media (min-width: 1400px) {
  .patient-hero .hero-logo {
    margin-bottom: 100px;
  }
}
.patient-hero h1 {
  color: #fff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Noto Sans", sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 28px;
  line-height: normal;
}
@media (min-width: 992px) {
  .patient-hero h1 {
    font-size: 38px;
  }
}

.bg-gray {
  background-color: #F0F1F8;
}

@media (min-width: 992px) {
  .bg-lg-gray {
    background-color: #F0F1F8;
  }
}

.bg-sky-blue {
  background-color: #0091CF;
}

.bg-lt-blue {
  background-color: #F0F1F8;
}

.bg-dark-blue {
  background-color: #001489;
}

.bg-deep-teal {
  background-color: #005683;
}

.bg-reflex-blue {
  background-color: #001489 !important;
}

.bg-light-marigold {
  background-color: #FFC658 !important;
}

.blue-bar-cta {
  padding: 40px 0;
}
@media (min-width: 992px) {
  .blue-bar-cta {
    padding: 60px 0;
  }
}

@media (min-width: 992px) {
  .translate-y-desktop {
    transform: translateY(-60px);
  }
}

.white-rounded-box {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .white-rounded-box {
    background: white;
    padding: 44px 76px;
    border-radius: 25px;
    margin-right: -76px;
    margin-left: -76px;
  }
}

.accordion-section {
  padding-top: 24px;
  padding-bottom: 48px;
}
@media (min-width: 992px) {
  .accordion-section {
    padding-top: 20px;
    padding-bottom: 70px;
  }
}
.accordion-section.spanish {
  padding-top: 54px;
}
@media (min-width: 992px) {
  .accordion-section.spanish {
    padding-top: 40px;
  }
}

.advanced-treatments-callout {
  padding-top: 60px;
  padding-bottom: 320px;
}
@media (min-width: 992px) {
  .advanced-treatments-callout {
    padding-top: 72px;
    padding-bottom: 0;
  }
}
.advanced-treatments-callout .card {
  z-index: 2;
  position: absolute;
  max-width: 336px;
  transform: translateY(40px);
  padding: 0;
}
.advanced-treatments-callout .card .card-body {
  padding: 20px 16px 40px 16px;
}
@media (min-width: 992px) {
  .advanced-treatments-callout .card .card-body {
    padding: 44px 60px !important;
  }
}
@media (min-width: 1200px) {
  .advanced-treatments-callout .card .card-body {
    padding: 26px 58px 35px 58px !important;
  }
}
@media (min-width: 1400px) {
  .advanced-treatments-callout .card .card-body {
    padding: 43px 60px !important;
  }
}
@media (min-width: 992px) {
  .advanced-treatments-callout .card {
    position: relative;
    transform: translateY(60px);
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .advanced-treatments-callout .card {
    width: unset;
  }
}

.sign-up-callout {
  padding-bottom: 60px;
  padding-top: 640px;
}
.sign-up-callout.spanish {
  padding-top: 700px;
}
@media (min-width: 992px) {
  .sign-up-callout {
    padding-top: 158px !important;
  }
}

.card {
  border-radius: 20px;
  display: flex;
  padding: 36px 58px 36px 58px;
  flex-direction: column;
  align-items: flex-start;
  border: none;
}
.card.yellow-top {
  border-radius: 0px 0px 20px 20px;
  border-top: 10px solid #ffc658;
  padding: 36px 24px;
  padding-top: 26px;
  background: #f3f4f4;
}
.card.yellow-top.full-width {
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.card.yellow-top.salmon-border {
  border-top-color: #F18070;
}
@media (min-width: 992px) {
  .card.yellow-top {
    max-width: 442px;
  }
  .card.yellow-top.full-width {
    border-radius: 0px 0px 20px 20px;
    max-width: unset;
    padding: 36px 58px 36px 58px;
  }
}
@media (min-width: 1200px) {
  .card.yellow-top {
    margin-right: -56px;
    margin-left: -56px;
  }
}
@media (min-width: 1400px) {
  .card.yellow-top {
    margin-right: -76px;
    margin-left: -76px;
  }
}
.card.white-bg {
  background-color: white;
}
.card.image-card {
  padding: 0;
}
.card.image-card .card-image {
  width: 100%;
  margin-bottom: 0;
}
.card.image-card .card-image img {
  width: 100%;
}
.card.image-card .card-body {
  padding: 20px 24px 40px 24px;
  width: 100%;
}
@media (min-width: 992px) {
  .card.image-card .card-body {
    padding: 22px;
  }
}
@media (min-width: 1200px) {
  .card.image-card .card-body {
    padding: 26px 58px 36px 58px;
  }
}
.card .card-header {
  color: #424242;
  padding: 0;
  font-family: "Noto Sans", sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 4.2px;
  margin-bottom: 20px;
  background-color: transparent;
  border: none;
}
.card .card-content {
  color: #001489;
  font-family: "Noto Sans", sans-serif;
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.69px;
  margin-bottom: 0;
}
.card .percentage {
  color: #001489;
  font-family: "Noto Sans", sans-serif;
  font-size: 88.131px;
  font-style: normal;
  font-weight: 600;
  line-height: 49.674px; /* 56.364% */
  letter-spacing: -2.644px;
  margin-bottom: 0;
}
.card .percentage sup {
  top: -0.65em;
  font-size: 50%;
}
.card .card-footer {
  margin-top: 20px;
  margin-bottom: 0;
  background-color: transparent;
  padding: 0;
  border: none;
  color: #001489;
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.mb-4px {
  margin-bottom: 4px !important;
}

.mb-8px {
  margin-bottom: 8px !important;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.mb-11px {
  margin-bottom: 11px !important;
}

.mb-18px {
  margin-bottom: 18px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.mb-24px {
  margin-bottom: 24px !important;
}

.mb-30px {
  margin-bottom: 30px !important;
}

@media (max-width: 991px) {
  .mb-59px-mobile {
    margin-bottom: 59px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-64px {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 991px) {
  .pt-30px-mobile {
    padding-top: 30px;
  }
}

.py-40px {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-60px {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (min-width: 992px) {
  .py-lg-80px {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (max-width: 991px) {
  .mw-100-mobile {
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .w-lg-50 {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}

.antibody-image {
  height: 108px;
  min-width: 77px;
  margin-right: 20px;
}
@media (min-width: 992px) {
  .antibody-image {
    margin-right: 30px;
  }
}

.nmj-image {
  max-height: 279px;
  width: auto;
}
@media (min-width: 992px) {
  .nmj-image {
    max-height: 325px;
  }
}

.two-brands-image-desktop {
  width: 511px;
  height: auto;
}
@media (min-width: 1200px) {
  .two-brands-image-desktop {
    width: 582px;
  }
}
@media (min-width: 1400px) {
  .two-brands-image-desktop {
    width: 539px;
  }
}
.two-brands-image-desktop.spanish {
  width: 511px !important;
}

.two-brands-image-mobile {
  width: 511px;
  height: auto;
}

.layout {
  background-color: white;
}

strong {
  font-weight: 700;
}

.magenta-text {
  color: #ff40df;
}

@media (max-width: 991px) {
  .row > * {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (min-width: 576px) {
  .container-widths-mobile {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-widths-mobile {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-widths-mobile.spanish {
    max-width: 800px;
    width: 800px;
  }
}

.hcp-hero {
  background-color: #F0F1F8;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .hcp-hero {
    padding-bottom: 0;
  }
}
.hcp-hero .top-bar {
  padding-top: 30px;
  padding-right: 24px;
  padding-left: 24px;
  margin-bottom: 27px;
}
@media (min-width: 992px) {
  .hcp-hero .top-bar {
    padding-top: 36px;
    padding-right: 60px;
    padding-left: 60px;
    margin-bottom: 30px;
  }
}
.hcp-hero .top-bar .hero-logo {
  width: 224px;
}
@media (min-width: 992px) {
  .hcp-hero .top-bar .hero-logo {
    width: 315px;
  }
}
.hcp-hero .left {
  padding: 0;
}
.hcp-hero .left .left-image {
  display: block;
  width: auto;
}
@media (min-width: 992px) {
  .hcp-hero .left .left-image {
    height: 320px;
  }
}
@media (min-width: 1200px) {
  .hcp-hero .left .left-image {
    height: 450px;
  }
}
.hcp-hero .right {
  padding: 0;
}
.hcp-hero .right .right-image {
  display: block;
  width: auto;
}
@media (min-width: 992px) {
  .hcp-hero .right .right-image {
    height: 320px;
  }
}
@media (min-width: 1200px) {
  .hcp-hero .right .right-image {
    height: 450px;
  }
}
@media (min-width: 992px) {
  .hcp-hero .center {
    max-width: 470px;
  }
}
.hcp-hero .hero-pretitle {
  text-align: center;
  font-family: "Noto Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #1D428A;
  margin-bottom: 11px;
}
@media (min-width: 992px) {
  .hcp-hero .hero-pretitle {
    font-size: 23px;
    line-height: normal;
    margin-bottom: 32px;
  }
}
.hcp-hero h1 {
  color: #1D428A;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 6.72px;
  margin-bottom: 11px;
}
@media (min-width: 992px) {
  .hcp-hero h1 {
    line-height: 56px;
    font-size: 45px;
    letter-spacing: 9.45px;
  }
}
.hcp-hero .rainbow-gradient {
  background: linear-gradient(270deg, #872651 12.51%, #1d428a 50.15%, #467f30 70.76%, #92c83e 95.43%);
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0;
}
.hcp-hero .rainbow-gradient p {
  color: white;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2.2px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .hcp-hero .rainbow-gradient p {
    font-size: 26px;
    letter-spacing: 2.6px;
  }
}
.hcp-hero .hero-subtitle {
  color: #1D428A;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}
@media (min-width: 992px) {
  .hcp-hero .hero-subtitle {
    margin-top: 52px;
    max-width: 382px;
    margin-left: auto;
    margin-right: auto;
  }
}

.transparent-box-container {
  background-color: transparent;
  margin-top: -19px;
}
@media (min-width: 992px) {
  .transparent-box-container {
    margin-right: -50px;
    margin-left: -50px;
    margin-top: 0;
  }
}
.transparent-box-container .rainbow-gradient-topper {
  height: 20px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  background: linear-gradient(270deg, #872651 12.51%, #1d428a 50.15%, #467f30 70.76%, #92c83e 95.43%);
}
.transparent-box-container .white-box {
  background-color: white;
  padding: 32px 20px;
  border-radius: 20px;
}
@media (min-width: 992px) {
  .transparent-box-container .white-box {
    padding-top: 20px;
    padding-right: 50px;
    padding-left: 50px;
    padding-bottom: 0;
    border-radius: 0;
  }
}
.transparent-box-container .white-box.no-border-radius {
  border-radius: 0;
}
.transparent-box-container .white-box.bottom-radius {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-bottom: 30px;
}

.gray-rounded-box {
  background-color: #F0F1F8;
  padding: 36px 40px;
  border-radius: 25px;
  margin-top: 36px;
  margin-bottom: 166px;
}
@media (min-width: 992px) {
  .gray-rounded-box {
    margin-bottom: 97px;
  }
}
.gray-rounded-box h2 {
  text-align: center;
  font-family: "Noto Sans";
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #001489;
  margin-bottom: 20px;
}

.percent-section {
  margin-bottom: 30px;
}
.percent-section .pre-percent {
  text-align: center;
  font-family: "Noto Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 109.091% */
  letter-spacing: -0.66px;
  color: #001489;
}
.percent-section .pre-percent-sign {
  text-align: center;
  font-family: "Noto Sans";
  font-size: 41.25px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px; /* 36.364% */
  letter-spacing: -1.238px;
  color: #001489;
}
.percent-section .percentage {
  color: #001489;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 75px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -2.25px;
  margin-bottom: 0;
}
.percent-section .percentage sup {
  font-size: 0.5em;
  top: -0.7em;
}

.left-hanging-callout {
  left: 0;
  padding: 53px 40px 40px 72px;
  background-color: #001489;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  width: 355px;
  max-width: 100%;
  background-image: url("/themes/custom/drupal_tedavi/images/pages/hcp-splash/curve.svg");
  background-size: 47px 47px;
  background-repeat: no-repeat;
  background-position: 20px 30px;
  z-index: 1;
  position: absolute;
  transform: translateY(-60%);
}
@media (min-width: 992px) {
  .left-hanging-callout {
    width: 611px;
    padding: 92px 76px 56px 190px;
    background-size: 73px 73px;
    background-position: 138px 46px;
    transform: translateY(-46px);
  }
}
.left-hanging-callout p {
  color: white;
  font-family: "Noto Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .left-hanging-callout p {
    font-size: 26px;
    line-height: 36.285px;
  }
}

.background-image-section {
  background-image: url("/themes/custom/drupal_tedavi/images/pages/hcp-splash/scientist-mobile.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 375px;
}
@media (min-width: 992px) {
  .background-image-section {
    background-image: url("/themes/custom/drupal_tedavi/images/pages/hcp-splash/scientist-desktop.jpg");
    height: 450px;
  }
}

.gray-text-section {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (min-width: 992px) {
  .gray-text-section {
    padding-top: 79px;
    padding-bottom: 79px;
  }
}
.gray-text-section p {
  color: #424242;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}
@media (min-width: 992px) {
  .gray-text-section p {
    font-size: 22px;
    line-height: 31px;
  }
}

.stay-connected-section {
  padding-top: 55px;
  padding-bottom: 55px;
}
.stay-connected-section svg {
  margin-bottom: 36px;
}
.stay-connected-section h2 {
  text-align: center;
  font-family: "Noto Sans";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  color: white;
  margin-bottom: 0;
}

a.external.green-link {
  color: #467F30;
  border-bottom: 2px solid #467F30;
  margin-top: 35px;
}
@media (min-width: 992px) {
  a.external.green-link {
    margin-top: 0;
  }
}
a.external.green-link:hover:hover {
  color: #366125;
  border-bottom: 2px solid #366125;
}
a.external.green-link:hover:hover svg path {
  fill: #366125;
}

a.external.magenta-link {
  color: #872651;
  border-bottom: 2px solid #872651;
  margin-top: 35px;
}
@media (min-width: 992px) {
  a.external.magenta-link {
    margin-top: 0;
  }
}
a.external.magenta-link:hover:hover {
  color: #641C3C;
  border-bottom: 2px solid #641C3C;
}
a.external.magenta-link:hover:hover svg path {
  fill: #641C3C;
}

.w-85 {
  width: 85%;
}

.text-gray {
  color: #424242;
}

.mb-40px {
  margin-bottom: 40px;
}

.mb-50px {
  margin-bottom: 50px;
}

.pb-30px {
  padding-bottom: 30px !important;
}

.references p {
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #424242;
  margin-bottom: 9px;
}
.references ol li {
  color: #424242;
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 5px;
}
.references :last-child {
  margin-bottom: 0;
}

.references-section {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .references-section {
    margin-bottom: 60px;
  }
}

@media (min-width: 992px) {
  .rystiggo-logo.shrink-tablet {
    width: 240px;
  }
}
@media (min-width: 1200px) {
  .rystiggo-logo.shrink-tablet {
    width: 340px;
  }
}

@media (min-width: 992px) {
  .zilbrysq-logo.shrink-tablet {
    width: 200px;
  }
}
@media (min-width: 1200px) {
  .zilbrysq-logo.shrink-tablet {
    width: 260px;
  }
}

.breadcrumb {
  display: none;
}

@media (min-width: 992px) {
  .max-width-lg-100 {
    max-width: 100%;
  }
}

.fw-300 {
  font-weight: 300;
}

@media (max-width: 991px) {
  .px-24px-mobile {
    padding-left: 24px;
    padding-right: 24px;
  }
}

img {
  max-width: 100%;
}

.mb-41px {
  margin-bottom: 41px;
}

.utility-nav.generic a {
  color: #001489 !important;
}
.utility-nav.generic a:first-child {
  margin-left: 0;
}

.generic-branding {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 30px;
  padding-bottom: 20px;
  background-color: #F0F1F8;
}
.generic-branding img {
  width: 224px;
  height: auto;
}
@media (min-width: 992px) {
  .generic-branding {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 36px;
    padding-bottom: 30px;
  }
  .generic-branding img {
    width: 315px;
  }
}

.generic-container {
  padding: 30px 16px 70px 16px;
}
@media (min-width: 992px) {
  .generic-container {
    padding: 60px 16px 145px 16px;
  }
}
.generic-container .mb-57px {
  margin-bottom: 57px;
}
@media (min-width: 992px) {
  .generic-container .mb-lg-18px {
    margin-bottom: 18px !important;
  }
}
.generic-container .mb-16px {
  margin-bottom: 16px;
}
.generic-container .mb-36px {
  margin-bottom: 36px;
}
.generic-container .mb-26px {
  margin-bottom: 26px;
}
.generic-container h1 {
  color: #001489;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.generic-container h2 {
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #424242;
}
@media (min-width: 992px) {
  .generic-container h2 {
    font-size: 24px;
    font-weight: 400;
  }
}
.generic-container p {
  margin-bottom: 18px;
}
.generic-container p.error-page-copy {
  color: #424242;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
}
.generic-container a {
  color: #001489;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.generic-container ol {
  margin-bottom: 26px;
  padding-left: 27px;
}
@media (min-width: 992px) {
  .generic-container ol {
    padding-left: 54px;
  }
}
.generic-container ol li {
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  color: #424242;
  margin-bottom: 8px;
}
.generic-container ol li span {
  padding-left: 22px;
  display: block;
}
.generic-container ol li:last-of-type {
  margin-bottom: 0;
}
.generic-container .sitemap-link {
  color: #001489;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

@media screen and (min-width: 992px) {
  .footer-fixed-bottom-desktop {
    position: fixed !important;
    bottom: 0;
    left: 0;
  }
}

.py-40px {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 992px) {
  .py-lg-60px {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.dtc-landing .large-quote {
  position: relative;
  padding-left: 36px;
  color: #fff;
  text-align: left;
  font-family: "Noto Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
@media (min-width: 992px) {
  .dtc-landing .large-quote {
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 125% */
    letter-spacing: 0.56px;
  }
}
.dtc-landing .left-quote {
  position: absolute;
  top: 13px;
  left: 0;
  color: #FFC658;
  font-family: "Noto Sans";
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 1.6px;
}
.dtc-landing .quote-author {
  padding-left: 36px;
  text-align: left;
  color: #fff;
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.dtc-landing.bg-lt-blue {
  background-color: #F0F1F8;
}
@media (min-width: 992px) {
  .dtc-landing.patient-hero {
    max-height: 380px;
  }
}
@media (min-width: 1200px) {
  .dtc-landing.patient-hero {
    max-height: 400px;
  }
}
@media (min-width: 1400px) {
  .dtc-landing.patient-hero {
    max-height: 430px;
  }
}
.dtc-landing.patient-hero h1 {
  font-size: 25px;
  line-height: normal;
}
@media (min-width: 992px) {
  .dtc-landing.patient-hero h1 {
    font-size: 30px;
    line-height: normal;
    text-wrap: balance;
  }
}
@media (min-width: 1200px) {
  .dtc-landing.patient-hero h1 {
    font-size: 34px;
  }
}
@media (min-width: 1400px) {
  .dtc-landing.patient-hero h1 {
    font-size: 38px;
  }
}
.dtc-landing.patient-hero .mobile-hero-wrapper {
  margin-top: -60px;
}
@media (min-width: 768px) {
  .dtc-landing.patient-hero .mobile-hero-wrapper {
    margin-top: -120px;
  }
}
@media (min-width: 992px) {
  .dtc-landing.patient-hero .mobile-hero-wrapper {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .dtc-landing.white-callout .card.yellow-top.full-width {
    max-width: 1140px;
    margin: 0 auto;
  }
}
@media (min-width: 1400px) {
  .dtc-landing.white-callout .card.yellow-top.full-width {
    max-width: 1320px;
  }
}
@media (min-width: 992px) {
  .dtc-landing.white-callout .translate-y-desktop {
    transform: translateY(-40px);
  }
}
@media (min-width: 1200px) {
  .dtc-landing.white-callout .translate-y-desktop {
    transform: translateY(-50px);
  }
}
@media (min-width: 1400px) {
  .dtc-landing.white-callout .translate-y-desktop {
    transform: translateY(-60px);
  }
}
.dtc-landing.managing-gmg-cta {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .dtc-landing.managing-gmg-cta {
    margin-top: -120px;
    padding-top: 100px;
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .dtc-landing.managing-gmg-cta .button {
    text-wrap: nowrap;
  }
}
.dtc-landing.targeted-treatments {
  padding-top: 40px;
}
@media (min-width: 992px) {
  .dtc-landing.targeted-treatments {
    padding-top: 60px;
  }
}
.dtc-landing.targeted-treatments h2 {
  font-size: 28px;
  line-height: 32px;
}
@media (min-width: 1200px) {
  .dtc-landing.targeted-treatments .card {
    margin-top: 40px;
    border-bottom-left-radius: 25px;
    height: 409px;
  }
}
.dtc-landing.targeted-treatments .card .card-header {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .dtc-landing.targeted-treatments .card .card-header {
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.42px;
  }
}
.dtc-landing.targeted-treatments .card-body {
  padding: 20px 24px 40px 24px;
}
@media (min-width: 992px) {
  .dtc-landing.targeted-treatments .card-body {
    padding: 40px;
  }
}
@media (min-width: 1400px) {
  .dtc-landing.targeted-treatments .card-body {
    padding: 44px 60px;
  }
}
@media (min-width: 1200px) {
  .dtc-landing.targeted-treatments .content-frame {
    max-width: 265px;
  }
}
@media (min-width: 1400px) {
  .dtc-landing.targeted-treatments .content-frame:first-of-type {
    margin-right: 87px;
  }
}
.dtc-landing.targeted-treatments .content-frame p {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}
@media (min-width: 992px) {
  .dtc-landing.targeted-treatments .content-frame p {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
  }
}
.dtc-landing.targeted-treatments .content-frame p.card-content {
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0;
}
@media (min-width: 992px) {
  .dtc-landing.targeted-treatments .content-frame p.card-content {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 31px;
  }
}
.dtc-landing.targeted-treatments .card-image {
  border-top: 10px solid #F18070;
}
@media (min-width: 768px) {
  .dtc-landing.targeted-treatments .card-image {
    border-top: none;
  }
}
.dtc-landing.targeted-treatments .card-image img {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
@media (min-width: 992px) {
  .dtc-landing.targeted-treatments .card-image img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.dtc-landing.targeted-treatments .two-brands-image-desktop {
  height: 409px;
  width: auto;
}
.dtc-landing.quote-callout {
  padding-top: 530px;
  padding-bottom: 40px;
  margin-top: -460px;
}
@media (min-width: 576px) {
  .dtc-landing.quote-callout {
    padding-top: 620px;
    margin-top: -580px;
  }
}
@media (min-width: 992px) {
  .dtc-landing.quote-callout {
    padding-top: 100px;
    padding-bottom: 60px;
    margin-top: -60px;
  }
}
.dtc-landing.rethinking {
  padding-top: 40px;
  padding-bottom: 40px;
}
.dtc-landing.rethinking h2 {
  font-size: 28px;
  line-height: 32px;
}
.dtc-landing.rethinking h3 {
  color: #424242;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
@media (min-width: 992px) {
  .dtc-landing.rethinking h3 {
    font-size: 18px;
    line-height: 26px;
  }
}
.dtc-landing.rethinking .button {
  margin-bottom: 30px;
}

.managing-gmg.symptoms-intro .card {
  background-color: #fff;
}
.managing-gmg.impact h2 br {
  display: none;
}
@media (min-width: 768px) {
  .managing-gmg.impact h2 br {
    display: inline-block;
  }
}
.managing-gmg.impact .card {
  margin-left: 16px;
  margin-right: 16px;
}
@media (min-width: 992px) {
  .managing-gmg.impact .card {
    margin-left: 0;
    margin-right: 0;
  }
}
.managing-gmg.impact .card h3 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .managing-gmg.impact .card h3 {
    font-size: 25px;
    line-height: 31px;
  }
}
.managing-gmg.impact .card p strong {
  color: #001489;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
@media (min-width: 992px) {
  .managing-gmg.impact .card p strong {
    font-size: 18px;
    line-height: 26px;
  }
}
.managing-gmg.impact .card .media--type-image {
  width: 120px;
  height: 120px;
  margin-bottom: 21px;
}
@media (min-width: 992px) {
  .managing-gmg.impact .card .media--type-image {
    width: 150px;
    height: 150px;
  }
}
.managing-gmg.mg-adl-tool-cta {
  padding-top: 100px;
  padding-bottom: 40px;
  margin-top: -100px;
}
@media (min-width: 992px) {
  .managing-gmg.mg-adl-tool-cta {
    padding-top: 120px;
    padding-bottom: 60px;
    margin-top: -120px;
  }
}
.managing-gmg.mg-adl-tool-cta h2 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .managing-gmg.mg-adl-tool-cta h2 {
    font-size: 28px;
    line-height: 35px;
  }
}
.managing-gmg.mg-adl-tool-cta .button {
  text-wrap: nowrap;
}
.managing-gmg.uncontrolled-gmg {
  text-align: center;
}
@media (min-width: 992px) {
  .managing-gmg.uncontrolled-gmg {
    text-align: left;
  }
}
.managing-gmg.uncontrolled-gmg .percentage-w-rule {
  color: #001489;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -2.1px;
  display: inline-block;
  position: relative;
}
@media (min-width: 992px) {
  .managing-gmg.uncontrolled-gmg .percentage-w-rule {
    font-size: 88px;
    letter-spacing: -2.64px;
  }
}
.managing-gmg.uncontrolled-gmg .percentage-w-rule sup {
  top: -0.7em;
  font-size: 0.55em;
}
.managing-gmg.uncontrolled-gmg .percentage-w-rule::after {
  content: "";
  display: block;
  height: 5px;
  background: #001489;
  margin-top: -5px;
  width: 100%;
}
.managing-gmg.uncontrolled-gmg .percentage-w-rule.salmon::after {
  background: #F18070;
}
.managing-gmg.uncontrolled-gmg .percentage-w-rule.lt-marigold::after {
  background: #FFC658;
}
.managing-gmg.uncontrolled-gmg .percentage-w-rule.sky-blue::after {
  background: #0091CF;
}
.managing-gmg.uncontrolled-gmg strong {
  color: #001489;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
@media (min-width: 992px) {
  .managing-gmg.uncontrolled-gmg strong {
    font-size: 18px;
    line-height: 26px;
  }
}
.managing-gmg.two-treatments h2,
.managing-gmg.two-treatments p {
  text-align: left;
}
.managing-gmg.two-treatments strong {
  color: #424242;
}
.managing-gmg.two-treatments .antibody-image {
  margin-right: 0;
}
.managing-gmg.two-treatments .antibody-image .media--type-image img {
  width: 77px;
  height: 108px;
}
@media (min-width: 1200px) {
  .managing-gmg.treatment-tabs .gmg-tabs-wrapper .tab-content .image-1 img {
    max-width: 493px;
  }
  .managing-gmg.treatment-tabs .gmg-tabs-wrapper .tab-content .image-2 img {
    max-width: 487px;
  }
  .managing-gmg.treatment-tabs .gmg-tabs-wrapper .tab-content .image-4 img {
    max-width: 1000px;
  }
}
@media (min-width: 1400px) {
  .managing-gmg.treatment-tabs .gmg-tabs-wrapper .tab-content .image-4 img {
    max-width: 1120px;
  }
}
.managing-gmg.external-links .row:first-of-type {
  padding-left: 16px;
  padding-right: 16px;
}
.managing-gmg.external-links .button {
  text-align: left;
}
@media (min-width: 1200px) {
  .managing-gmg.symptoms-intro .card.yellow-top, .managing-gmg.targeted-treatments .card.yellow-top {
    margin-right: 0;
  }
}
.managing-gmg.two-treatments .image-title, .managing-gmg.treatment-tabs .image-title {
  color: #001489;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 31px;
}
.managing-gmg.two-treatments .image-caption, .managing-gmg.treatment-tabs .image-caption {
  color: #424242;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

.display-font {
  font-family: "Noto Sans", sans-serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

@media (min-width: 992px) {
  .display-font {
    font-size: 58px;
  }
}
.heading-large {
  font-family: "Noto Sans", sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #000;
}

@media (min-width: 992px) {
  .heading-large {
    font-size: 42px;
  }
}
.heading-med {
  font-family: "Noto Sans", sans-serif;
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  color: #000;
}

@media (min-width: 992px) {
  .heading-med {
    font-size: 40px;
    line-height: 120%;
  }
}
.heading-small {
  font-family: "Noto Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #000;
}

@media (min-width: 992px) {
  .heading-small {
    font-size: 34px;
  }
}
.subhead-large {
  font-family: "Noto Sans", sans-serif;
  font-size: 27px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #000;
}

.subhead-med {
  font-family: "Noto Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #000;
}

.subhead-small {
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  color: #000;
}

h4.subhead-med {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

@media (min-width: 992px) {
  h4.subhead-med {
    font-size: 25px;
    line-height: 31px;
  }
}
.heading-large,
.heading-med,
.heading-small,
.subhead-large .subhead-med,
.subhead-small,
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

p, .body-text {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

@media (min-width: 992px) {
  p, .body-text {
    font-size: 18px;
    line-height: 26px;
  }
}
.text-small {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}

p,
.body-text,
.text-small {
  text-wrap: pretty;
}

.text-reflex-blue {
  color: #001489 !important;
}

a {
  color: #2A78A3;
  text-decoration: underline;
}

a:hover {
  color: #000;
  text-decoration: none;
}

ul {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}

ol {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}

ol.references {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}

.hang-note {
  position: relative;
  padding-left: 3px;
}

.hang-note::before {
  content: "";
  position: absolute;
  left: -3px;
  top: -2px;
  font-size: 75%;
}

.hang-note.hash::before {
  content: "#";
}

.hang-note.ast::before {
  content: "*";
  font-size: 100%;
  left: -4px;
  top: -2px;
}

.hang-note.dagger::before {
  content: "†";
}

.hang-note.dbl-dagger::before {
  content: "‡";
}

.hang-note.sect::before {
  content: "§";
}

.hang-note.vert::before {
  content: "||";
  left: 9px !important;
}

.btn {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 145%;
  color: #000;
}

.nav .nav-link {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  color: #000;
}

.nav .utlity-nav-link {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  color: #000;
  text-decoration-line: underline;
}

.mb-16px-lg-30px {
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  .mb-16px-lg-30px {
    margin-bottom: 30px;
  }
}
.mb-16px-lg-40px {
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  .mb-16px-lg-40px {
    margin-bottom: 40px;
  }
}
.text-intro {
  font-size: 18px;
  line-height: 22px;
}

@media (min-width: 992px) {
  .text-intro {
    font-size: 22px;
    line-height: 32px;
  }
}
.dr-locator.locator-wrapper .row:first-of-type {
  padding-left: 16px;
  padding-right: 16px;
}
.dr-locator.locator-wrapper .card {
  padding-bottom: 40px;
  margin-top: -21px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .dr-locator.locator-wrapper .card {
    max-width: 80%;
  }
}
@media (min-width: 992px) {
  .dr-locator.locator-wrapper .card {
    padding-bottom: 60px;
    margin-top: -32px;
  }
}
.dr-locator.locator-wrapper .card h1 {
  font-size: 22px;
  line-height: 28px;
}
@media (min-width: 992px) {
  .dr-locator.locator-wrapper .card h1 {
    font-size: 28px;
    line-height: 35px;
  }
}
.dr-locator.references .row {
  padding-top: 20px;
  padding-bottom: 60px;
}
@media (min-width: 992px) {
  .dr-locator.references .row {
    padding-top: 30px;
    padding-bottom: 100px;
  }
}

footer.bg-secondary {
  background-color: #001489 !important;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
}
footer.bg-secondary .container {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 992px) {
  footer.bg-secondary .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
footer.bg-secondary a {
  font-size: 14px;
}
footer.bg-secondary p {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  color: white;
  line-height: 20px;
}
footer.bg-secondary p a {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  color: white;
}
@media screen and (min-width: 992px) {
  footer.bg-secondary p a {
    font-weight: 600;
  }
}
@media screen and (min-width: 992px) {
  footer.bg-secondary .logo-col {
    width: 350px;
  }
}
footer.bg-secondary .footer-links {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}
footer.bg-secondary .footer-links li {
  margin-bottom: 15px;
}
footer.bg-secondary .footer-links li a {
  font-weight: 700;
  font-size: 20px;
}
@media screen and (min-width: 992px) {
  footer.bg-secondary .footer-links {
    flex-direction: row;
    margin-bottom: 2rem;
  }
  footer.bg-secondary .footer-links li {
    margin-right: 30px;
  }
  footer.bg-secondary .footer-links li a {
    font-weight: 600;
    font-size: 20px;
  }
}
footer.bg-secondary .footer-logo {
  width: 286px;
  margin-bottom: 3rem;
}

.block:has(footer.spanish) {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.utility-nav {
  padding: 8px;
  width: 100%;
  background-color: white;
}
@media (min-width: 768px) {
  .utility-nav {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.utility-nav .utility-nav-links a,
.utility-nav .utility-nav-links p {
  margin-left: 20px;
  color: #001489;
  display: flex;
  align-items: center;
  font-family: "Noto Sans", sans-serif;
  text-decoration: none;
  line-height: normal;
  font-size: 14px;
  font-weight: 400;
}
.utility-nav .utility-nav-links a:hover,
.utility-nav .utility-nav-links p:hover {
  color: #1D428A;
}
.utility-nav .utility-nav-links a svg,
.utility-nav .utility-nav-links p svg {
  margin-left: 5px;
}
.utility-nav .utility-nav-links a.spanish-link,
.utility-nav .utility-nav-links p.spanish-link {
  background-color: #F0F1F8;
}
.utility-nav.spanish {
  width: 100%;
  background-color: white;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .utility-nav.spanish {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.utility-nav.spanish .utility-nav-links a,
.utility-nav.spanish .utility-nav-links p {
  color: #001489;
  display: flex;
  align-items: center;
  font-family: "Noto Sans", sans-serif;
  text-decoration: none;
  line-height: normal;
  font-size: 11px;
  font-weight: 400;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 0;
}
@media (min-width: 768px) {
  .utility-nav.spanish .utility-nav-links a,
  .utility-nav.spanish .utility-nav-links p {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 14px;
  }
}
.utility-nav.spanish .utility-nav-links a:hover,
.utility-nav.spanish .utility-nav-links p:hover {
  color: #1D428A;
}
.utility-nav.spanish .utility-nav-links a svg,
.utility-nav.spanish .utility-nav-links p svg {
  margin-left: 5px;
}
.utility-nav.spanish .utility-nav-links .dark-link {
  padding-right: 14px;
  padding-left: 14px;
  background-color: #F0F1F8;
}
@media (min-width: 768px) {
  .utility-nav.spanish .utility-nav-links .dark-link {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.utility-nav #mobile-utility-dropdown-toggle {
  color: #1d428a;
  display: flex;
  align-items: center;
  font-family: "Noto Sans", sans-serif;
  text-decoration: none;
  line-height: normal;
  cursor: pointer;
  font-size: 14px;
}
.utility-nav #mobile-utility-dropdown-toggle:hover {
  color: #1D428A;
}
.utility-nav #mobile-utility-dropdown-toggle svg {
  margin-left: 5px;
  transition: 0.2s ease-in-out;
}
.utility-nav #mobile-utility-dropdown-toggle.opened svg {
  transform: rotate(-180deg);
}
.utility-nav #mobile-utility-dropdown {
  padding-top: 20px;
  transition: all 0.2s ease-in-out;
  display: none;
}
.utility-nav #mobile-utility-dropdown.opened {
  display: block;
}
.utility-nav #mobile-utility-dropdown a {
  color: #424242;
  display: flex;
  align-items: center;
  font-family: "Noto Sans", sans-serif;
  text-decoration: none;
  line-height: normal;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  margin-bottom: 16px;
  font-size: 14px;
}
.utility-nav #mobile-utility-dropdown a:hover {
  color: #1D428A;
}
.utility-nav #mobile-utility-dropdown a svg {
  margin-left: 5px;
  transition: 0.2s ease-in-out;
}
.utility-nav #isi-dropdown-toggle,
.utility-nav #pi-dropdown-toggle {
  display: none;
  cursor: pointer;
}
.utility-nav #isi-dropdown-toggle svg,
.utility-nav #pi-dropdown-toggle svg {
  transition: 0.2s ease-in-out;
}
.utility-nav #isi-dropdown-toggle p,
.utility-nav #pi-dropdown-toggle p {
  margin-bottom: 0;
}
.utility-nav #isi-dropdown-toggle.opened svg,
.utility-nav #pi-dropdown-toggle.opened svg {
  transform: rotate(-180deg);
}
@media (min-width: 992px) {
  .utility-nav #isi-dropdown-toggle,
  .utility-nav #pi-dropdown-toggle {
    display: block;
  }
}
.utility-nav #isi-dropdown,
.utility-nav #pi-dropdown {
  display: none;
  position: absolute;
  background-color: white;
  padding: 20px 16px;
}
.utility-nav #isi-dropdown.opened,
.utility-nav #pi-dropdown.opened {
  display: block;
}
@media (max-width: 991px) {
  .utility-nav #isi-dropdown,
  .utility-nav #pi-dropdown {
    display: none !important;
  }
}
.utility-nav #isi-dropdown a,
.utility-nav #pi-dropdown a {
  margin-left: 0;
  margin-bottom: 16px;
  color: #424242;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.utility-nav #isi-dropdown a:hover,
.utility-nav #pi-dropdown a:hover {
  color: #001489;
}
.utility-nav #isi-dropdown a:last-of-type,
.utility-nav #pi-dropdown a:last-of-type {
  margin-bottom: 0;
}
.utility-nav #isi-dropdown {
  transform: translate(-80%, 20px);
}
.utility-nav #pi-dropdown {
  transform: translate(0, 20px);
}
.utility-nav.hcp {
  padding-left: 16px;
  padding-right: 16px;
}
.utility-nav.patient {
  padding: 0;
}
.utility-nav.patient .utility-nav-links a {
  margin: 0;
  padding: 9px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;
}
@media (min-width: 992px) {
  .utility-nav.patient .utility-nav-links a {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.utility-nav.patient .utility-nav-links a.gmg-therapies-popup-open img {
  margin-left: 5px;
}

a.button {
  padding: 6px 25px 6px 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  width: fit-content;
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  transition: background-color 0.2s ease, color 0.2s ease;
}
@media (min-width: 1400px) {
  a.button {
    font-size: 20px;
    border-radius: 25px;
    padding: 8px 35px 8px 35px;
  }
}
a.button:focus, a.button:focus-visible {
  outline: 1px auto -webkit-focus-ring-color;
  outline: 1px auto Highlight;
  outline: 1px auto;
}
a.button.button-dark-blue {
  color: #fff;
  background-color: #001489;
}
a.button.button-dark-blue:hover {
  background-color: #005683;
}
a.button.button-dark-blue:active {
  color: #fff;
  background-color: #005683;
}
a.button.button-dark-blue:focus, a.button.button-dark-blue:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #001489;
}
a.button.button-sky-blue {
  color: #fff;
  background-color: #0091CF;
}
a.button.button-sky-blue:hover {
  background-color: #0077A9;
}
a.button.button-sky-blue:active {
  color: #fff;
  background-color: #0077A9;
}
a.button.button-sky-blue:focus, a.button.button-sky-blue:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #001489;
}
a.button.button-white {
  color: #001489;
  background-color: #fff;
}
a.button.button-white:hover {
  background-color: #e2e4ee;
}
a.button.button-white:active {
  color: #001489;
  background-color: #F0F1F8;
}
a.button.button-white-border-sky-blue {
  color: #0091CF;
  background-color: #fff;
  border: 2px solid #0091CF;
}
a.button.button-white-border-sky-blue:hover {
  background-color: #e2e4ee;
}
a.button.button-white-border-sky-blue:active {
  color: #001489;
  background-color: #F0F1F8;
}
a.button.wol-esp-popup-continue {
  color: #0091CF;
  border: 2px solid #0091CF;
}
a.button.button-arrow::after {
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 10px;
  background-size: cover;
  content: "";
}
a.button.button-arrow.button-white::after {
  background-image: url("/themes/custom/drupal_tedavi/images/icon/button-arrow-blue.svg");
  background-repeat: no-repeat;
}
a.button.button-arrow.button-sky-blue::after {
  background-image: url("/themes/custom/drupal_tedavi/images/icon/button-arrow-white.svg");
  background-repeat: no-repeat;
}
a.button.download::after {
  display: inline-block;
  width: 13.4px;
  height: 16.71px;
  margin-left: 10px;
  background-size: cover;
  content: "";
}
a.button.download.button-sky-blue::after {
  background-image: url("/themes/custom/drupal_tedavi/images/icon/download-arrow-icon-white.svg");
  background-repeat: no-repeat;
}
a.button.download.button-white::after {
  background-image: url("/themes/custom/drupal_tedavi/images/icon/download-arrow-icon-blue.svg");
  background-repeat: no-repeat;
}
a.button.external-link::after {
  display: inline-block;
  width: 16px;
  height: 17px;
  margin-left: 10px;
  background-size: cover;
  content: "";
}
a.button.external-link.button-sky-blue::after {
  background-image: url("/themes/custom/drupal_tedavi/images/icon/external-link-icon-white.svg");
  background-repeat: no-repeat;
}
a.button.external-link.button-white::after {
  background-image: url("/themes/custom/drupal_tedavi/images/icon/external-link-icon-blue.svg");
  background-repeat: no-repeat;
}
a.button.mail-icon::before {
  content: "";
  background: url("/themes/custom/drupal_tedavi/images/pages/patient-splash/email-icon.svg") no-repeat;
  width: 28px;
  height: 19px;
  display: inline-block;
  margin-right: 10px;
  background-size: contain;
  background-position: center;
}
a.button.mail-icon:hover {
  background-color: #001489;
  color: white;
}

.webform-button--submit {
  color: white;
  padding: 8px 35px 8px 35px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  width: fit-content;
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  background-color: #0091CF !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.webform-button--submit:hover {
  background-color: #0077A9 !important;
}
@media (min-width: 992px) {
  .webform-button--submit {
    font-size: 20px;
    border-radius: 25px;
  }
}

.webform-submission-rozi-updates-form-form .webform-button--submit {
  background-color: #001489 !important;
}
.webform-submission-rozi-updates-form-form .webform-button--submit:hover {
  background-color: #000f64 !important;
}

.block-webform {
  max-width: 652px;
  margin: auto;
  padding-top: 40px;
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  .block-webform {
    padding-left: 24px;
    padding-right: 24px;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.block-webform .fieldset-wrapper:has(> .form-item--error-message) {
  display: flex;
  flex-direction: column;
}
.block-webform .fieldset-wrapper:has(> .form-item--error-message) .form-item--error-message {
  order: 4;
}
.block-webform .form-required::after {
  display: none;
}
.block-webform .form-item {
  margin-bottom: 0;
}
.block-webform p {
  margin-bottom: 40px;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  font-family: "Noto Sans", sans-serif;
  color: #424242;
}
.block-webform .references {
  margin-bottom: 10px;
}
.block-webform .references p {
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 136.595%;
  margin-bottom: 0 !important;
}
.block-webform .form-check-input:checked {
  background-color: #0091CF;
  border-color: #0091CF;
}
.block-webform .form-header .form-title {
  font-family: "Noto Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #001489;
  margin-bottom: 30px;
}
.block-webform .form-header p {
  color: #424242;
  font-family: "Noto Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}
.block-webform .form-header p.small-text {
  font-size: 14px;
  margin-bottom: 30px;
}
.block-webform .form-required::after {
  background-image: none;
  content: "*";
  font-size: 18px;
  vertical-align: unset;
}
.block-webform .error.required .form-required::after {
  color: #d30004;
}
.block-webform .error.required .form-type-radio .form-radio {
  color: #d30004;
  border: 1px solid #d30004;
}
.block-webform .error.required.no-error-message .form-item--error-message {
  display: none;
}
.block-webform .form-item--error .form-required::after {
  color: #d30004;
}
.block-webform .form-type-textfield,
.block-webform .form-type-email,
.block-webform .form-type-tel {
  margin-bottom: 32px;
  max-width: 400px;
  margin-right: auto;
}
.block-webform .form-control.is-invalid {
  background-image: none;
}
.block-webform .form-item--error-message {
  color: #d30004;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 8px;
}
.block-webform .form-item--error-message strong {
  font-weight: 400;
}
.block-webform .form-item--error-message::before {
  display: none;
}
.block-webform .form-text,
.block-webform .form-email,
.block-webform .form-tel {
  border-radius: 20px;
  border: 1px solid #5a5a5c;
  font-family: "Noto Sans", sans-serif;
}
.block-webform label {
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #424242;
  margin-bottom: 10px;
}
.block-webform legend {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}
.block-webform .description p {
  margin-bottom: 20px;
}
.block-webform .webform-type-radios {
  margin-bottom: 40px;
}
.block-webform .webform-type-radios .form-type-radio {
  display: flex;
  align-items: start;
  font-size: 18px;
}
.block-webform .webform-type-radios .form-type-radio .form-radio {
  min-width: 26px;
  width: 26px;
  height: 26px;
  margin-right: 14px;
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #fff;
  font: inherit;
  color: #424242;
  border: 1px solid #424242;
  border-radius: 50%;
  display: grid;
  place-content: center;
}
.block-webform .webform-type-radios .form-type-radio .form-radio::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #0091CF;
}
.block-webform .webform-type-radios .form-type-radio .form-radio:checked {
  border: 1px solid #0091CF;
}
.block-webform .webform-type-radios .form-type-radio .form-radio:checked::before {
  transform: scale(1);
}
.block-webform .webform-type-radios .form-type-radio .option {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 14px;
}
.block-webform .webform-type-checkboxes {
  margin-bottom: 40px;
}
.block-webform .webform-type-checkboxes .option {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
  margin-bottom: 0;
}
.block-webform .webform-type-checkboxes.error .description p {
  color: #d30004;
}
.block-webform .webform-type-checkboxes.error .option {
  color: #d30004;
}
.block-webform .webform-type-checkboxes.error .form-checkbox {
  border-color: #d30004;
}
.block-webform .form-type-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.block-webform .form-type-checkbox .form-checkbox {
  min-width: 26px;
  width: 26px;
  height: 26px;
  margin-right: 14px;
  margin-top: 0;
  border: 1px solid #424242;
}
.block-webform .form-type-checkbox.form-item--error .description p {
  color: #d30004;
}
.block-webform .form-type-checkbox.form-item--error .option {
  color: #d30004;
}
.block-webform .form-type-checkbox.form-item--error .form-checkbox {
  border-color: #d30004;
}
.block-webform .js-form-item-authorization-statement,
.block-webform .js-form-item-receive-updates {
  align-items: start;
}
.block-webform .js-form-item-authorization-statement .description,
.block-webform .js-form-item-receive-updates .description {
  margin-left: 0;
}
.block-webform .js-form-item-authorization-statement .form-item--error-message,
.block-webform .js-form-item-receive-updates .form-item--error-message {
  display: none;
}
.block-webform .other-text {
  margin-top: -40px;
}
.block-webform .status-messages {
  display: none;
}
.block-webform .container-rounded-blue-border {
  padding: 45px 16px;
  border-radius: 16px;
  border: 2px solid #001489;
}
@media (min-width: 992px) {
  .block-webform .container-rounded-blue-border {
    padding: 45px 60px;
  }
}
.block-webform .spanish-form .form-item--error .form-required {
  color: #d30004;
}
.block-webform .spanish-form .error.required .form-required {
  color: #d30004;
}

#edit-what-patient-gmg-subtypes-do-you-treat---wrapper legend {
  margin-bottom: 10px;
}

.patient-sign-up-form-section .layout {
  background-color: #F0F1F8;
}
.patient-sign-up-form-section .block-webform {
  background-color: white;
  border-radius: 0px 0px 20px 20px;
  border-top: 10px solid #F18070;
  padding: 40px 16px;
  max-width: auto;
  margin: auto;
  transform: translateY(-20px);
}
@media (min-width: 992px) {
  .patient-sign-up-form-section .block-webform {
    padding: 40px 100px 60px 100px;
    max-width: 900px;
    transform: translateY(-50px);
  }
}
.patient-sign-up-form-section .block-webform h2 {
  margin-bottom: 20px;
}
.patient-sign-up-form-section .block-webform .form-item-intro-container {
  margin-top: 0;
}
.patient-sign-up-form-section .block-webform .form-item-authorization-statement {
  margin-bottom: 40px;
  max-width: 589px;
}
.patient-sign-up-form-section .block-webform .form-item-authorization-statement p {
  margin-bottom: 16px;
  color: #424242;
  /* Footnote - small */
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.patient-sign-up-form-section .block-webform .form-item-authorization-statement p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .patient-sign-up-form-section .block-webform .form-item-authorization-statement p {
    font-size: 14px;
  }
}
.patient-sign-up-form-section .block-webform .form-item-authorization-statement p a {
  color: #0091CF;
  /* Footnote Hyperlink */
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media (min-width: 992px) {
  .patient-sign-up-form-section .block-webform .form-item-authorization-statement p a {
    font-size: 14px;
  }
}
.patient-sign-up-form-section .block-webform #edit-actions {
  margin-bottom: 0;
}
.patient-sign-up-form-section .block-webform #edit-outro {
  margin-bottom: 0;
  margin-top: 0;
}

.isi svg {
  cursor: pointer;
  margin-left: 10px;
  min-width: 20px;
}
@media (min-width: 992px) {
  .isi svg {
    min-width: 12px;
  }
}

.zilbrysq-isi ul {
  margin-bottom: 0;
}
.zilbrysq-isi ul li {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  color: #424242;
  margin-bottom: 10px;
}

#isi-tray-desktop {
  display: none;
  padding: 15px 80px 20px 80px;
  position: fixed;
  bottom: 0;
  left: 0;
  top: unset;
  background-color: white;
  z-index: 2;
  box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-in-out;
}
@media (min-width: 992px) {
  #isi-tray-desktop {
    display: flex;
  }
}
#isi-tray-desktop.hide {
  transform: translateY(100%);
}
#isi-tray-desktop p {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 19px;
}
#isi-tray-desktop .rystiggo-isi {
  width: 50%;
  padding-right: 15px;
}
#isi-tray-desktop .rystiggo-isi .headline {
  color: #467F30;
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#isi-tray-desktop .zilbrysq-isi {
  width: 50%;
  padding-left: 15px;
}
#isi-tray-desktop .zilbrysq-isi .headline {
  color: #343579;
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

#isi-tray-mobile {
  display: block;
  background-color: white;
  transition: all 0s;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 992px) {
  #isi-tray-mobile {
    display: none;
  }
}
#isi-tray-mobile #rystiggo-isi-tray {
  background-color: white;
  border-right: 4px solid #467F30;
  padding: 14px 14px 14px 20px;
  border-top: 1px solid #ddd;
  z-index: 2;
  position: fixed;
  transition: all 0.3s ease-in-out;
}
#isi-tray-mobile #rystiggo-isi-tray .preview-text .headline {
  color: #467F30;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 114.286% */
  text-transform: uppercase;
  margin-bottom: 8px;
}
#isi-tray-mobile #rystiggo-isi-tray .preview-text p {
  font-size: 11px;
  font-style: normal;
  font-weight: 300;
  line-height: 14px;
}
#isi-tray-mobile #rystiggo-isi-tray .preview-text.hidden {
  display: none;
}
#isi-tray-mobile #rystiggo-isi-tray .collapsed-text {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
#isi-tray-mobile #rystiggo-isi-tray .collapsed-text .headline {
  color: #467F30;
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 125% */
}
#isi-tray-mobile #rystiggo-isi-tray .collapsed-text .sub-headline {
  color: #467F30;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
#isi-tray-mobile #rystiggo-isi-tray .collapsed-text p {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
}
#isi-tray-mobile #rystiggo-isi-tray .collapsed-text a {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}
#isi-tray-mobile #rystiggo-isi-tray.collapsed {
  height: auto;
}
#isi-tray-mobile #rystiggo-isi-tray.collapsed .collapsed-text {
  opacity: 0;
}
#isi-tray-mobile #zilbrysq-isi-tray {
  border-right: 4px solid #343579;
  padding: 14px 14px 14px 20px;
  border-top: 1px solid #ddd;
  z-index: 3;
  height: 100vh;
  position: fixed;
  background-color: white;
  transition: all 0.3s ease-in-out;
}
#isi-tray-mobile #zilbrysq-isi-tray.collapsed {
  height: auto;
}
#isi-tray-mobile #zilbrysq-isi-tray.collapsed .collapsed-text {
  opacity: 0;
}
#isi-tray-mobile #zilbrysq-isi-tray .collapsed-text {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
#isi-tray-mobile #zilbrysq-isi-tray .collapsed-text .headline {
  color: #343579;
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 125% */
}
#isi-tray-mobile #zilbrysq-isi-tray .collapsed-text .sub-headline {
  color: #343579;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
#isi-tray-mobile #zilbrysq-isi-tray .collapsed-text p {
  color: #424242;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
}
#isi-tray-mobile #zilbrysq-isi-tray .collapsed-text a {
  color: #343579;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
}
#isi-tray-mobile #zilbrysq-isi-tray .preview-text .headline {
  color: #343579;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 114.286% */
  text-transform: uppercase;
  margin-bottom: 8px;
}
#isi-tray-mobile #zilbrysq-isi-tray .preview-text p {
  font-size: 11px;
  font-style: normal;
  font-weight: 300;
  line-height: 14px;
}
#isi-tray-mobile #zilbrysq-isi-tray .preview-text.hidden {
  display: none;
}
#isi-tray-mobile.hide #rystiggo-isi-tray,
#isi-tray-mobile.hide #zilbrysq-isi-tray {
  transform: translateY(100%);
}

#isi-full {
  border-top: 8px solid #1D428A;
  padding: 40px 15px;
}
@media (min-width: 992px) {
  #isi-full {
    padding: 40px 80px;
  }
}
#isi-full p {
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
}
#isi-full .rystiggo-isi {
  margin-bottom: 30px;
}
#isi-full .rystiggo-isi .headline {
  font-size: 18px;
  color: #467F30;
  font-weight: 700;
  line-height: normal;
}
#isi-full .rystiggo-isi .sub-headline {
  font-size: 14px;
  color: #467F30;
  line-height: normal;
  font-weight: 700;
}
#isi-full .rystiggo-isi a {
  color: #424242;
}
#isi-full .zilbrysq-isi .headline {
  font-size: 18px;
  color: #343579;
  font-weight: 700;
  line-height: normal;
}
#isi-full .zilbrysq-isi .sub-headline {
  font-size: 14px;
  color: #343579;
  line-height: normal;
  font-weight: 700;
}

.zil-blue {
  color: #343579;
}

.underline {
  text-decoration: underline;
}

.banner {
  background: #b6e1e2;
  padding-top: 7px;
  padding-bottom: 11px;
}
@media (min-width: 1200px) {
  .banner {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .banner .banner-content {
    display: flex;
    align-items: center;
    justify-content: start;
  }
}
.banner .banner-content .logo-lockup {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1200px) {
  .banner .banner-content .logo-lockup {
    margin-right: 54px;
    margin-left: 0;
  }
}
.banner .banner-content .logo-lockup .logo-lockup-image {
  height: 26px;
  width: auto;
}
@media (min-width: 1200px) {
  .banner .banner-content .logo-lockup .logo-lockup-image {
    height: 36px;
  }
}
.banner .banner-content .banner-text p {
  color: #001489;
  font-size: 14px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  line-height: 18px;
  font-style: normal;
  margin-bottom: 0;
  text-align: center;
}
@media (min-width: 1200px) {
  .banner .banner-content .banner-text p {
    font-size: 20px;
    line-height: 25px;
  }
}
.banner .banner-close {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-left: auto;
  width: fit-content;
  height: 0;
}
@media (min-width: 1200px) {
  .banner .banner-close {
    right: 0;
    transform: translateY(-17px);
  }
}
.banner .banner-close p {
  color: #001489;
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 0;
  display: none;
  padding-right: 8px;
}
@media (min-width: 1200px) {
  .banner .banner-close p {
    display: block;
  }
}
.banner .banner-close .close-icon {
  width: 9px;
  height: 9px;
}
@media (max-width: 1199px) {
  .banner .banner-close .close-icon {
    top: 9px;
    right: 9px;
    transform: translateY(9px);
  }
}
.banner .banner-job-code {
  width: fit-content;
  margin-left: auto;
}
.banner .banner-job-code p {
  color: #001489;
  font-family: "Noto Sans";
  font-size: 6px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 25px;
  height: 0;
  transform: translateY(-9px);
}
@media (min-width: 1200px) {
  .banner .banner-job-code p {
    font-size: 8px;
  }
}

.overlap-card {
  position: relative;
}
.overlap-card::before {
  content: "";
  height: 44px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.overlap-card--light-marigold {
  background-color: #F0F1F8;
}
.overlap-card--light-marigold::before {
  background-color: #FFC658;
}

.overlap-card--light-reflex {
  background-color: #F0F1F8;
}
.overlap-card--light-reflex::before {
  background-color: #001489;
}

.overlap-card__card {
  background-color: #fff;
  border-radius: 20px;
  height: 100%;
  overflow: hidden;
  padding: 44px 40px;
  position: relative;
}
@media (min-width: 992px) {
  .overlap-card__card {
    padding: 44px 60px;
  }
}
.overlap-card__card .button.external-link {
  text-align: left;
}

.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(2px);
  padding: 20px;
  z-index: 1000;
}
.popup.show {
  display: block;
}
.popup .popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 320px;
  background-color: white;
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 30px;
  border-radius: 0px 0px 20px 20px;
  border-top: 10px solid #FFC658;
}
@media (min-width: 992px) {
  .popup .popup-content {
    padding: 30px;
    padding-top: 20px;
    max-width: 940px;
  }
}
.popup .popup-content .close-button {
  margin-left: auto;
  width: 14px;
  height: 14px;
  display: block;
  margin-bottom: 6px;
}
@media (min-width: 992px) {
  .popup .popup-content .close-button {
    margin-bottom: 9px;
  }
}
.popup .popup-content .close-button:hover {
  cursor: pointer;
}
.popup .popup-content .close-button svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  .popup .popup-content .popup-body {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.popup .popup-content .popup-body h3 {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .popup .popup-content .popup-body h3 {
    font-size: 22px;
    line-height: 26px;
  }
}
.popup .popup-content .popup-body p {
  margin-top: 16px;
  margin-bottom: 0;
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}
@media (min-width: 992px) {
  .popup .popup-content .popup-body p {
    font-size: 18px;
    line-height: 26px;
  }
}
.popup .popup-content .popup-body .ucb-logo {
  max-width: 284px;
}
.popup .popup-content .popup-body .button-list {
  margin-top: 40px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .popup .popup-content .popup-body .button-list {
    width: 50%;
    margin-bottom: 0;
  }
}
.popup .popup-content .popup-body .button-list a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  text-align: left;
  padding-left: 22px;
  padding-right: 22px;
}
@media (min-width: 992px) {
  .popup .popup-content .popup-body .button-list a {
    justify-content: center;
    margin-bottom: 14px;
    padding-left: 35px;
    padding-right: 25px;
    text-align: center;
  }
}
.popup .popup-content .popup-body .button-list a:last-of-type {
  margin-bottom: 0;
}
.popup .popup-content .popup-body .button-list a svg {
  margin-left: 10px;
}
.popup .popup-content .popup-body .footnote {
  margin-top: 40px;
  color: #424242;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (min-width: 992px) {
  .popup .popup-content .popup-body .footnote {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
}

body.no-scroll {
  overflow: hidden;
}
body.menu-no-scroll {
  overflow: hidden;
}

html.no-scroll {
  overflow: hidden;
}
html.menu-no-scroll {
  overflow: hidden;
}

.patient-navbar {
  background-color: #001489;
  padding: 0;
  transform: none;
  transition: transform 0.3s ease;
  width: 100%;
  z-index: 2;
}
.patient-navbar .container-fluid {
  padding: 0;
}
@media (min-width: 1400px) {
  .patient-navbar .container-fluid {
    padding-top: 15px;
    padding-bottom: 21px;
  }
}
.patient-navbar .menu-mobile-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 10px;
  width: 100%;
}
@media (min-width: 1400px) {
  .patient-navbar .menu-mobile-bar {
    padding: 0;
    width: auto;
  }
}
.patient-navbar .navbar-brand {
  padding: 0;
  margin-right: 0;
}
.patient-navbar .navbar-brand img {
  width: 221px;
  height: auto;
  margin-right: 0;
  padding: 0;
}
@media (min-width: 1400px) {
  .patient-navbar .navbar-brand img {
    width: 310px;
    height: auto;
    padding-top: 31px;
    padding-bottom: 21px;
    padding-right: 14px;
    margin-right: 60px;
  }
}
.patient-navbar .navbar-toggler {
  padding: 0;
}
.patient-navbar .navbar-toggler .navbar-toggler-icon {
  width: 35px;
  height: 40px;
  background-image: url("/themes/custom/drupal_tedavi/images/icon/menu-close.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.patient-navbar .navbar-toggler.collapsed .navbar-toggler-icon {
  background-image: url("/themes/custom/drupal_tedavi/images/icon/menu-open.svg");
}
.patient-navbar .navbar-nav .nav-item .nav-link {
  color: #001489;
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: auto;
  width: fit-content;
  padding: 0;
  padding-bottom: 5px;
  margin-bottom: 16px;
}
@media (min-width: 1400px) {
  .patient-navbar .navbar-nav .nav-item .nav-link {
    color: white;
    margin-right: 53px;
    margin-left: 0;
    padding-top: 8px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 8px;
    margin-bottom: 0;
  }
  .patient-navbar .navbar-nav .nav-item .nav-link:hover, .patient-navbar .navbar-nav .nav-item .nav-link.is-active {
    padding-bottom: 5px;
    border-bottom: 3px solid #0091CF;
    transition: border-bottom 0s;
  }
}
.patient-navbar .navbar-nav .nav-item .nav-link.dropdown-toggle {
  transition: border-bottom 0s;
}
.patient-navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
  border: none;
  background-image: url("/themes/custom/drupal_tedavi/images/icon/arrow-down-blue.svg");
  content: "";
  width: 12px;
  height: 7.4px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-left: 10px;
  transition: transform 0.2s ease;
}
.patient-navbar .navbar-nav .nav-item .nav-link.dropdown-toggle.is-active, .patient-navbar .navbar-nav .nav-item .nav-link.dropdown-toggle.show {
  border-bottom: 3px solid #0091CF;
  padding-bottom: 5px;
}
.patient-navbar .navbar-nav .nav-item .nav-link.dropdown-toggle.is-active:after, .patient-navbar .navbar-nav .nav-item .nav-link.dropdown-toggle.show:after {
  transform: rotate(-180deg);
}
.patient-navbar .navbar-nav .nav-item .nav-link.dropdown-toggle.active {
  padding-bottom: 5px;
  border-bottom: 3px solid #0091CF;
}
@media (min-width: 1400px) {
  .patient-navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
    background-image: url("/themes/custom/drupal_tedavi/images/icon/arrow-down-white.svg");
  }
  .patient-navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:hover:after {
    transform: rotate(-180deg);
  }
}
@media (max-width: 1399px) {
  .patient-navbar .dropdown-menu {
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
  }
  .patient-navbar .dropdown-menu .nav-item {
    margin-bottom: 10px;
  }
  .patient-navbar .dropdown-menu .nav-item:last-of-type {
    margin-bottom: 20px;
  }
  .patient-navbar .dropdown-menu .nav-item .dropdown-item {
    color: #0091CF;
    font-family: "Noto Sans", sans-serif;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 4px;
    display: block;
  }
  .patient-navbar .dropdown-menu .nav-item .dropdown-item.is-active, .patient-navbar .dropdown-menu .nav-item .dropdown-item:hover, .patient-navbar .dropdown-menu .nav-item .dropdown-item:focus {
    border-radius: 5px;
    background-color: #0091CF;
    color: white;
  }
}
@media (min-width: 1400px) {
  .patient-navbar .dropdown-menu {
    background-color: white;
    padding: 12px;
    border-radius: 10px;
    margin: 0;
    transform: translate(-24px, 0px);
  }
  .patient-navbar .dropdown-menu .nav-item {
    margin-bottom: 16px;
  }
  .patient-navbar .dropdown-menu .nav-item:last-child {
    margin-bottom: 0;
  }
  .patient-navbar .dropdown-menu .dropdown-item {
    color: #0091CF;
    font-family: "Noto Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 5px;
  }
  .patient-navbar .dropdown-menu .dropdown-item:hover, .patient-navbar .dropdown-menu .dropdown-item:focus, .patient-navbar .dropdown-menu .dropdown-item.is-active {
    background-color: #0091CF;
    color: white;
  }
}
.patient-navbar .navbar-collapse {
  background-color: #F0F1F8;
  padding: 16px;
  padding-bottom: 10px;
  min-width: 100vw;
  overflow-y: scroll !important;
  max-height: 86vh;
}
@media (min-width: 1400px) {
  .patient-navbar .navbar-collapse {
    background-color: #001489;
    margin-top: auto;
    align-items: flex-end;
    padding-right: 0;
    min-width: unset;
    padding-bottom: 17px;
    overflow-y: unset !important;
  }
}
.patient-navbar .mobile-utility-links .divider {
  width: 210px;
  border-bottom: 1px solid #FFC658;
  height: 1px;
  margin: auto;
  margin-top: 14px;
  margin-bottom: 30px;
}
.patient-navbar .mobile-utility-links .utility-link a {
  margin: auto;
  display: flex;
  align-items: center;
  width: fit-content;
  color: #001489;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  margin-bottom: 16px;
}
.patient-navbar .mobile-utility-links .utility-link a svg,
.patient-navbar .mobile-utility-links .utility-link a img {
  margin-left: 5px;
}

#patient-main-navigation-sticky {
  z-index: 1;
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
}
#patient-main-navigation-sticky.sticky {
  z-index: 1000;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  transform: translateY(-200%);
  animation: slideDownNav 0.3s forwards;
}
#patient-main-navigation-sticky.slide-up {
  animation: slideUpNav 0.1s forwards;
}
@keyframes slideDownNav {
  from {
    transform: translateY(-200%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slideUpNav {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-200%);
  }
}
#patient-main-navigation-sticky .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 100px;
}
#patient-main-navigation-sticky .navbar-brand img {
  width: 42px;
  height: 42px;
  padding: 0;
  margin-right: 0;
}
#patient-main-navigation-sticky .navbar-collapse {
  align-items: center;
  padding-top: 26px;
  padding-bottom: 10px;
}

.mb-24px {
  margin-bottom: 24px;
}

.background-blur {
  position: fixed;
  top: 40px;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(2px);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.background-blur.show {
  z-index: 1;
  opacity: 1;
}
@media (min-width: 1400px) {
  .background-blur {
    display: none;
  }
}

.sign-up-cta {
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #FFC658;
}
@media (min-width: 992px) {
  .sign-up-cta {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.display-font {
  font-family: "Noto Sans", sans-serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

@media (min-width: 992px) {
  .display-font {
    font-size: 58px;
  }
}
.heading-large {
  font-family: "Noto Sans", sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #000;
}

@media (min-width: 992px) {
  .heading-large {
    font-size: 42px;
  }
}
.heading-med {
  font-family: "Noto Sans", sans-serif;
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  color: #000;
}

@media (min-width: 992px) {
  .heading-med {
    font-size: 40px;
    line-height: 120%;
  }
}
.heading-small {
  font-family: "Noto Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #000;
}

@media (min-width: 992px) {
  .heading-small {
    font-size: 34px;
  }
}
.subhead-large {
  font-family: "Noto Sans", sans-serif;
  font-size: 27px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #000;
}

.subhead-med {
  font-family: "Noto Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #000;
}

.subhead-small {
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  color: #000;
}

h4.subhead-med {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

@media (min-width: 992px) {
  h4.subhead-med {
    font-size: 25px;
    line-height: 31px;
  }
}
.heading-large,
.heading-med,
.heading-small,
.subhead-large .subhead-med,
.subhead-small,
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

p, .body-text {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

@media (min-width: 992px) {
  p, .body-text {
    font-size: 18px;
    line-height: 26px;
  }
}
.text-small {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}

p,
.body-text,
.text-small {
  text-wrap: pretty;
}

.text-reflex-blue {
  color: #001489 !important;
}

a {
  color: #2A78A3;
  text-decoration: underline;
}

a:hover {
  color: #000;
  text-decoration: none;
}

ul {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}

ol {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}

ol.references {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}

.hang-note {
  position: relative;
  padding-left: 3px;
}

.hang-note::before {
  content: "";
  position: absolute;
  left: -3px;
  top: -2px;
  font-size: 75%;
}

.hang-note.hash::before {
  content: "#";
}

.hang-note.ast::before {
  content: "*";
  font-size: 100%;
  left: -4px;
  top: -2px;
}

.hang-note.dagger::before {
  content: "†";
}

.hang-note.dbl-dagger::before {
  content: "‡";
}

.hang-note.sect::before {
  content: "§";
}

.hang-note.vert::before {
  content: "||";
  left: 9px !important;
}

.btn {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 145%;
  color: #000;
}

.nav .nav-link {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  color: #000;
}

.nav .utlity-nav-link {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  color: #000;
  text-decoration-line: underline;
}

.mb-16px-lg-30px {
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  .mb-16px-lg-30px {
    margin-bottom: 30px;
  }
}
.mb-16px-lg-40px {
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  .mb-16px-lg-40px {
    margin-bottom: 40px;
  }
}
.text-intro {
  font-size: 18px;
  line-height: 22px;
}

@media (min-width: 992px) {
  .text-intro {
    font-size: 22px;
    line-height: 32px;
  }
}
@media (max-width: 575.98px) {
  .gmg-tabs-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.gmg-tabs-wrapper .nav-tabs {
  flex-wrap: nowrap;
  overflow-x: visible;
  background-color: #D8DBED;
  border-bottom: 5px #F18070 solid;
  border-radius: 20px 20px 0px 0px;
}
.gmg-tabs-wrapper .nav-tabs .nav-link {
  min-width: 120px;
  padding: 12px 20px 14px 20px;
  color: #424242;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  text-wrap: balance;
  white-space: normal;
  background-color: #D8DBED;
  border-bottom: none;
  border-radius: 20px 20px 0px 0px;
  transition: none;
}
.gmg-tabs-wrapper .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #001489;
  box-shadow: none;
}
.gmg-tabs-wrapper .nav-tabs .nav-link:hover {
  border-color: transparent;
}
.gmg-tabs-wrapper .tab-content {
  padding: 30px 16px;
  background: #fff;
  border-radius: 0px 0px 20px 20px;
}

.floating-container {
  border-radius: 0px 0px 20px 20px;
  border-top: 10px solid #F18070;
  background: white;
  margin: auto;
  padding: 40px 16px;
  transform: translateY(-20px);
  margin-bottom: 50px;
}
.floating-container h2 {
  margin-bottom: 20px;
}
.floating-container p {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .floating-container {
    transform: translateY(-50px);
    padding: 40px 100px 60px 100px;
    max-width: 900px;
    border-radius: 0px 0px 20px 20px;
    margin-bottom: 90px;
  }
  .floating-container p {
    margin-bottom: 20px;
  }
}