@charset "UTF-8";
/*#region LAYOUT*/
section .row {
    margin: 0;
}

section .row > * {
    padding: 0;
}

@media screen and (min-width: 992px) {
    main .container {
        max-width: unset !important;
    }
}

@media screen and (min-width: 992px) {
    main .container.wrapper {
        max-width: calc(100% - 150px) !important;
    }
}

@media screen and (min-width: 1366px) {
    main .container.wrapper {
        max-width: calc(100% - 280px) !important;
    }
}

@media screen and (min-width: 1440px) {
    main .container.wrapper {
        max-width: 1160px !important;
    }
}

.wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0 !important;
    width: 100%;
    max-width: calc(100% - 100px) !important;
}

.wrapper .container {
    padding: 0;
    max-width: unset;
}

@media screen and (min-width: 768px) {
    .wrapper {
        max-width: calc(100% - 150px) !important;
    }
}

@media screen and (min-width: 992px) {
    .wrapper {
        max-width: calc(100% - 150px) !important;
    }
}

@media screen and (min-width: 1366px) {
    .wrapper {
        max-width: calc(100% - 280px) !important;
    }
}

@media screen and (min-width: 1440px) {
    .wrapper {
        max-width: 1160px !important;
    }
}

@media screen and (max-width: 600px) {
    .overflowed-element {
        width: calc(100% + 40px);
        transform: translateX(-50%);
        position: relative;
        left: 50%;
    }
}
/*#endregion*/
/*#region HEADER*/
header .navbar-brand {
    margin: 0;
}

@media screen and (max-width: 991px) {
    header .navbar .container.wrapper {
        width: 100%;
        padding-right: var(--bs-gutter-x, 0.75rem) !important;
        padding-left: var(--bs-gutter-x, 0.75rem) !important;
        margin-right: auto;
        margin-left: auto;
        max-width: unset !important;
    }
}
/*#endregion*/
/*#region VIDEO*/
@media screen and (min-width: 1300px) {
    .ultomiris-video-wrapper {
        width: 100%;
    }
}

.ultomiris-video-wrapper .video-placeholder,
.ultomiris-video-wrapper #placeholder,
.ultomiris-video-wrapper #placeholder_wrapper,
.ultomiris-video-wrapper [id^=placeholder_],
.ultomiris-video-wrapper .wistia_responsive_wrapper {
    width: 100%;
    height: 100%;
}

.ultomiris-video-wrapper .placeholder-wrapper#placeholder_wrapper .video-placeholder {
    width: initial !important;
}

@media screen and (min-width: 982px) {
    .ultomiris-video-wrapper .placeholder-wrapper#placeholder_wrapper .video-placeholder {
        width: initial !important;
    }
}

.ultomiris-video-wrapper .video-placeholder.placeholder {
    cursor: pointer !important;
    /*z-index: 3 !important;*/
}

.ultomiris-video-wrapper .wistia_responsive_wrapper, .ultomiris-video-wrapper .wistia_embed {
    height: 90%;
    position: relative;
    width: 100%;
    max-height: 586px;
}

.ultomiris-video-wrapper .wistia_swatch {
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: opacity 200ms;
    width: 100%;
    max-height: 586px;
}

.ultomiris-video-wrapper .wistia_swatch img {
    filter: blur(5px);
    height: 100%;
    object-fit: contain;
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .video-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
    }
}

@media screen and (min-width: 1440px) {
    .video-wrapper {
        column-gap: 30px;
    }
}

.card-video {
    /* border: 6px solid; */
    border-color: transparent;
    border-radius: 16px;
    padding: 0;
    width: 100%;
    max-width: 540px;
}

.card-video .ultomiris-video-wrapper {
    width: calc(100% + 40px);
    transform: translateX(-50%);
    position: relative;
    left: 50%;
}

@media screen and (min-width: 768px) {
    .card-video .ultomiris-video-wrapper {
        width: 100%;
        transform: unset;
        left: unset;
        margin: 0;
    }
}

.card-video .video-caption h3 {
    padding: 0;
    margin-top: 16px;
}

.card-video .video-caption p {
    padding: 0;
    margin-top: 16px;
}

.video-placeholder.placeholder.placeholder--button::before {
    content: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #CE470D;
    /* width: 110px;
  height: 110px; */
    width: 65px;
    height: 65px;
    border-radius: 50%;
    user-select: none;
    opacity: 0.9;
}

.video-placeholder.placeholder.placeholder--button::after {
    content: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-39%, -50%) rotate(-90deg);
    background-color: transparent;
    /* border-top: 35px solid #FFFFFF;
  border-right: 25px solid #CE470D;
  border-left: 25px solid #CE470D; */
    border-top: 23px solid #FFFFFF;
    border-right: 16px solid #CE470D;
    border-left: 16px solid #CE470D;
    opacity: 0.9;
}

.video-placeholder.placeholder.placeholder--button.button--mini::before {
    width: 40px;
    height: 40px;
}

.video-placeholder.placeholder.placeholder--button.button--mini::after {
    border-top-width: 16px;
    border-right-width: 10px;
    border-left-width: 10px;
    transform: translate(-40%, -50%) rotate(-90deg);
}

@media screen and (min-width: 600px) {
    .video-placeholder.placeholder.placeholder--button::before {
        width: 100px;
        height: 100px;
    }

    .video-placeholder.placeholder.placeholder--button::after {
        border-top: 35px solid #FFFFFF;
        border-right: 25px solid #CE470D;
        border-left: 25px solid #CE470D;
    }
}

@media screen and (min-width: 1024px) {
    .video-card.card-video.vaccination-requirements-video {
        width: 100%;
    }
}
/*#endregion*/
/*#region HERO*/
.ultomirishcpgmg__hero {
    padding: 0;
}

.ultomirishcpgmg__hero .hero__image {
    position: relative;
}

.ultomirishcpgmg__hero .hero__image .hero__disclaimer {
    text-align: center;
    /* max-width: none; */
    left: 6px;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .ultomirishcpgmg__hero .hero__image .hero__disclaimer {
        text-align: right;
        max-width: 350px;
        left: auto;
    }
}

@media screen and (min-width: 1024px) {
    .ultomirishcpgmg__hero .hero__image:before {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        background: linear-gradient(90deg, #fff 52%, hsla(0, 0%, 100%, 0.75) 56%, hsla(0, 0%, 100%, 0) 65%);
    }
}

.ultomirishcpgmg__hero .hero__title-container {
    padding: 20px 0;
    background-color: hsla(35, 13%, 82%, 0.25);
}

.ultomirishcpgmg__hero .hero__title {
    color: #014b44;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    width: 100%;
    max-width: 177px;
    line-height: 18px;
}

@media screen and (min-width: 500px) {
    .ultomirishcpgmg__hero .hero__title {
        max-width: initial;
    }
}

.ultomirishcpgmg__hero .hero__content-container {
    position: relative;
    width: 100%;
}

.ultomirishcpgmg__hero .hero__content-container.wrapper {
    max-width: 1160px !important;
}

.ultomirishcpgmg__hero .hero__content-container .wrapper {
    margin-top: 32px;
}

@media screen and (min-width: 1024px) {
    .ultomirishcpgmg__hero .hero__content-container .wrapper {
        margin-top: 0;
        height: 100%;
        display: flex;
        align-items: center;
    }
}

@media screen and (min-width: 1024px) {
    .ultomirishcpgmg__hero .hero__content {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
    }
}

.ultomirishcpgmg__hero .hero__image--img {
    height: initial;
    margin: 0;
    max-width: initial;
    min-height: 94px;
    object-fit: cover;
}

@media screen and (min-width: 1024px) {
    .ultomirishcpgmg__hero .hero__image--img {
        max-width: initial;
        height: 118px;
        object-fit: cover;
        object-position: left;
        height: unset;
        height: 250px;
    }
}

@media screen and (min-width: 1400px) {
    .ultomirishcpgmg__hero .hero__image--img {
        object-fit: contain;
        object-position: right;
        max-height: 118px;
    }
}

.ultomirishcpgmg__hero .hero__subtitle {
    width: 100%;
    max-width: 250px;
}

@media screen and (min-width: 500px) {
    .ultomirishcpgmg__hero .hero__subtitle {
        max-width: initial;
    }
}

@media screen and (min-width: 1024px) {
    .ultomirishcpgmg__hero .hero__subtitle {
        max-width: 608px;
    }
}
/*#endregion*/
/*#region MOLECULE*/
.molecule-page .molecule-page__moa-link,
.molecule-page .molecule-page__moa-link a {
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .molecule-page .molecule-page__moa-link,
    .molecule-page .molecule-page__moa-link a {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    .molecule-page .molecule-page__image img {
        width: calc(100% + 40px);
        transform: translateX(-50%);
        position: relative;
        left: 50%;
    }
}

.molecule-page .video-card {
    margin-bottom: 0;
    max-width: 636px;
}

.molecule-page .molecule-page__video-disclaimer {
    margin-top: 8px;
    padding: 0;
    transform: translateX(35px);
}

@media screen and (min-width: 425px) {
    .molecule-page .molecule-page__video-disclaimer {
        transform: translateX(85px);
    }
}

@media screen and (min-width: 600px) {
    .molecule-page .molecule-page__video-disclaimer {
        transform: none;
    }
}

@media screen and (max-width: 600px) {
    .molecule-page .molecule-page__video-disclaimer {
        max-width: 260px;
    }
}

.molecule-page .molecule-page__download-link {
    max-width: 250px;
}

@media screen and (min-width: 768px) {
    .molecule-page .molecule-page__download-link {
        max-width: unset;
    }
}

.molecule-page .molecule-page__download-link a {
    display: inline;
}

/*#region MOLECULE*/
/*#region PREFOOTER*/
.prefooter__section {
    padding: 0;
}

.prefooter__section .row.wrapper {
    margin: 0;
    max-width: unset;
}

.prefooter__section .row.wrapper > div {
    padding: 0;
}

.prefooter {
    position: relative;
    height: 492px;
    overflow-y: hidden;
    padding-top: 40px;
}

.prefooter .prefooter__disclaimer {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    max-width: none;
    left: 6px;
}

@media screen and (min-width: 768px) {
    .prefooter .prefooter__disclaimer {
        margin: unset;
        text-align: right;
        max-width: unset;
        left: unset;
    }
}

@media screen and (min-width: 1024px) {
    .prefooter .prefooter__disclaimer {
        bottom: 12px;
        right: 12px;
    }
}

@media screen and (min-width: 1024px) {
    .prefooter {
        height: 266px;
        padding-top: 0;
    }
}

@media screen and (min-width: 1700px) {
    .prefooter {
        height: 330px;
    }
}

.prefooter .prefooter__wrapper {
    position: initial;
    height: 100%;
}

.prefooter .prefooter__image {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.prefooter .prefooter__image:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #fff 47%, transparent 87%);
}

.prefooter .prefooter__image .prefooter__image--img {
    object-fit: cover;
    object-position: bottom;
}

@media screen and (min-width: 1024px) {
    .prefooter .prefooter__image:before {
        background: linear-gradient(90deg, #fff 49%, transparent 82%);
    }
}

@media screen and (min-width: 1024px) {
    .prefooter .prefooter__image {
        left: initial;
        right: 0;
    }
}

@media screen and (min-width: 1024px) {
    .prefooter .prefooter__image .prefooter__image--img {
        margin: 0;
        max-width: unset;
    }
}

@media screen and (min-width: 1024px) {
    .prefooter .prefooter__container {
        display: flex;
        height: 100%;
        align-items: center;
    }
}

.prefooter .prefooter__container .prefooter__icon {
    width: 100px;
    height: auto;
    margin-bottom: 24px;
}

@media screen and (min-width: 1024px) {
    .prefooter .prefooter__container .prefooter__icon {
        margin: 0;
        margin-right: 35px;
    }
}

.prefooter .prefooter__container .prefooter__title {
    text-align: center;
    width: 100%;
    max-width: 295px;
    margin: 0 auto;
    margin-bottom: 24px;
}

.prefooter .prefooter__container .prefooter__text {
    margin-top: 0;
    margin-bottom: 24px;
    text-align: center;
}

@media screen and (min-width: 1024px) {
    .prefooter .prefooter__container .prefooter__title {
        text-align: left;
        max-width: 467px;
        margin-bottom: 16px;
    }

    .prefooter .prefooter__container .prefooter__text {
        text-align: left;
    }
}

.prefooter .prefooter__container .prefooter__link {
    width: 268px;
    padding: 10px 24px;
    min-height: 50px;
    margin: 0 auto;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: #ce470d;
    border: none;
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 1024px) {
    .prefooter .prefooter__container .prefooter__link {
        margin: 0;
        font-size: 19px;
    }
}
/*#endregion*/
.about-group-hero .hero__disclaimer {
    max-width: 340px;
}

.about-group__prefooter .prefooter__image .prefooter__image--img {
    object-fit: contain;
}

@media screen and (min-width: 768px) {
    .about-group__prefooter .prefooter__image .prefooter__image--img {
        object-fit: cover;
    }
}

@media screen and (min-width: 1024px) {
    .about-group__prefooter .prefooter__image .prefooter__image--img {
        object-fit: contain;
        object-position: right;
    }
}

.about-group__prefooter .prefooter__image .prefooter__disclaimer {
    max-width: 349px;
}

/*#region ABOUT PAGE*/
@media screen and (min-width: 992px) {
    .about-gmg-page .legacy-hero .hero-internal_bg-image .legacy-hero__title {
        max-width: 480px;
    }
}

.about-gmg-page .introduction-text__section {
    padding-top: 0;
}

.about-gmg-page .introduction-text__section .introduction-text {
    width: 100%;
    max-width: 815px;
}

.about-gmg-page .mechanism-of-disease .video-card {
    margin-right: 0;
    width: 100%;
    max-width: 635px;
}

/*#endregion*/
/*#gMG Pages*/
.diagnosing-gmg-page .diagnosis-prefooter__section {
    padding-top: 0;
}

.diagnosing-gmg-page .diagnosis-prefooter__section .prefooter {
    padding-top: 0;
}

.gMG_sec p {
    max-width: 825px;
}

.hero-internal_header-wrapper {
    padding: 18px 0;
}

.gmg-treatment-control .content-side-img_bg-wrapper .content-side-img_text-wrapper h2, .diagnosing-gmg-page .content-side-img_bg-wrapper .content-side-img_text-wrapper h2 {
    line-height: 28px;
}

.isi-container .isi-header-bar {
    padding: 6px 0px;
}

.isi-container .isi-header-bar h3, .isi-container .isi-buttons button {
    font-weight: bold;
}

.gmg-treatment-control .hero-internal_bg-image, .diagnosing-gmg-page .hero-internal_bg-image {
    background-image: url(/-/media/Ultomiris_GMG_hcp/Images/updated_gmg_hcp_images/about-gmg-hero);
}

.diagnosing-gmg-page .gMG_sec {
    max-width: 830px;
}

body.diagnosing-gmg-page .cta-button.accordion-trigger {
    width: 100px;
    min-height: auto;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    color: #ce470d;
    text-decoration: underline;
    display: block;
    text-align: right;
    white-space: nowrap;
    margin-right: 0;
}

.diagnosing-gmg-page .efficacy-accordion-header .accord-head {
    max-width: 660px;
}

body.diagnosing-gmg-page .cta-button.accordion-trigger:after {
    width: 22px;
    height: 12px;
    top: 2px;
    background-image: none;
    content: " +";
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    line-height: 0;
}

body.diagnosing-gmg-page .cta-button.accordion-trigger.open:after {
    content: " –";
}

.diagnosing-gmg-page .patient-profile_notes .icon-bullet-list_wrapper {
    margin-top: 24px;
    align-items: center;
    flex-wrap: wrap;
}

.diagnosing-gmg-page .patient-profile_notes .icon-bullet-list_wrapper .bg-icon {
    width: 75px;
    height: 75px;
    margin-top: 0;
}

.diagnosing-gmg-page .patient-profile_notes .icon-bullet-list_wrapper .icon-bullet-list_text {
    flex: 1 1 0;
    margin-top: 24px;
    margin-left: 0;
}

.diagnosing-gmg-page .patient-profile_notes .icon-bullet-list_wrapper .icon-bullet-list_text p {
    margin-top: 16px;
    margin-bottom: 16px;
}

.diagnosing-gmg-page .patient-profile_notes .icon-bullet-list_wrapper .icon-bullet-list_subtext {
    margin-top: 16px;
    margin-left: 16px;
}

.diagnosing-gmg-page .efficacy-page .efficacy-accordion {
    margin-bottom: 13px;
}

@media (min-width: 767px) {
    .gmg-treatment-control .content-side-img_bg-wrapper .bg-icon.heart-handshake, .diagnosing-gmg-page .content-side-img_bg-wrapper .bg-icon.heart-handshake {
        margin-right: 35px !important;
    }

    .unmetDT .mobile_img {
        display: none;
    }
}

@media (min-width: 992px) {
    .diagnosing-gmg-page .patient-profile_notes .icon-bullet-list_wrapper {
        margin-top: 32px;
    }

    .diagnosing-gmg-page .patient-profile_notes .icon-bullet-list_wrapper .icon-bullet-list_text {
        margin-top: 0;
        margin-left: 24px;
    }

    .diagnosing-gmg-page .patient-profile_notes .icon-bullet-list_wrapper .icon-bullet-list_subtext {
        margin-top: 0;
        margin-left: 115px;
    }
}

.pharmacokinetic-page section .terminal-complement__content {
    max-width: 825px;
}

@media (max-width: 1023px) {
    .prefooter .prefooter__container p {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .unmetDT .desktop_img {
        display: none;
    }

    .gmg-treatment-control .main .container, .gmg-treatment-control .hero-internal_header-wrapper .container, .diagnosing-gmg-page .main .container, .diagnosing-gmg-page .hero-internal_header-wrapper .container {
        padding-left: 53px;
        padding-right: 53px;
    }

    .gmg-treatment-control .hero-internal_header-wrapper p span {
        display: block;
    }

    .gmg-treatment-control .hero-internal_header-wrapper, .diagnosing-gmg-page .hero-internal_header-wrapper {
        padding: 19px 0px;
        height: auto;
    }

    .unmetDT {
        margin-left: -20px;
        margin-right: -20px;
    }

    .gmg-treatment-control .content-side-img_bg-wrapper, .diagnosing-gmg-page .content-side-img_bg-wrapper {
        background-image: url(/-/media/Ultomiris_GMG_hcp/Images/updated_gmg_hcp_images/gMG_works_bg_mobile) !important;
    }

    .diagnosing-gmg-page #main ul li {
        margin-left: calc(1rem + 1px);
    }

    .diagnosing-gmg-page .gMG_sec p, .pharmacokinetic-page .gMG_sec p {
        padding-right: 2px;
    }

    .diagnosing-gmg-page .efficacy-page {
        margin: 0 -20px;
    }

    body.diagnosing-gmg-page .cta-button.accordion-trigger {
        min-width: 85px;
    }

    .diagnosing-gmg-page .efficacy-page .accord-head {
        padding-right: 10px;
    }

    .diagnosing-gmg-page .efficacy-page .efficacy-accordion-content {
        padding: 0 20px 20px;
    }

    .diagnosing-gmg-page .patient-profile_notes .icon-bullet-list_wrapper .icon-bullet-list_text p {
        padding-right: 0px;
    }

    .pharmacokinetic-page #main ul li {
        margin-left: calc(1rem - 1px);
    }

    .pharmacokinetic-page section#exploratory-endpoints {
        padding-top: 15px;
    }

    .pharmacokinetic-page .wrapper {
        max-width: calc(100% - 106px);
    }
}

@media (max-width: 420px) {
    .pharmacokinetic-page .card_wrapper p > span {
        display: block;
    }

    .gMG_sec .download_link {
        max-width: 240px !important;
    }

    .diagnosing-gmg-page #main ul li {
        margin-left: calc(1rem + 1px);
    }

    .diagnosing-gmg-page .gMG_sec p {
        padding-right: 2px;
    }

    .diagnosing-gmg-page .efficacy-page {
        margin: 0 -20px;
    }

    body.diagnosing-gmg-page .cta-button.accordion-trigger {
        min-width: 85px;
    }

    .diagnosing-gmg-page .efficacy-page .accord-head {
        padding-right: 10px;
    }

    .diagnosing-gmg-page .efficacy-page .efficacy-accordion-content {
        padding: 0 20px 20px;
    }

    .diagnosing-gmg-page .patient-profile_notes .icon-bullet-list_wrapper .icon-bullet-list_text p {
        padding-right: 0px;
    }
}
/*#gMG Pages End*/
/* #region MOA */
.moa-page .card-video {
    max-width: 635px;
}

.moa-page .hero-internal .hero-internal_header-wrapper .container,
.moa-page .hero-internal .hero-internal_subhead-wrapper .container {
    padding-left: 53px;
    padding-right: 53px;
}

.moa-page #moa-general,
.moa-page #moa-damage,
.moa-page #moa-long-acting,
.moa-page #cta-next-page {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.moa-page #moa-damage .row {
    margin-left: 0;
    margin-right: 0;
}

.moa-page #moa-damage .row > div:first-of-type {
    padding-left: 0;
    padding-right: 0;
}

.moa-page #moa-long-acting .callout-colored_wrapper p {
    font-size: 20px;
}

.moa-page #moa-video #placeholder_wrapper {
    /* margin-left: -20px; */
    /* margin-right: -20px; */
}

.moa-page #cta-next-page .wrapper {
    max-width: 100%;
}

.moa-page #cta-next-page .content-side-img,
.moa-page #cta-next-page .content-side-img_flex-container {
    /* height: 575px; */
}

@media screen and (min-width: 992px) {
    .moa-page .hero-internal .hero-internal_header-wrapper .container,
    .moa-page .hero-internal .hero-internal_subhead-wrapper .container,
    .moa-page .hero-internal .hero-internal_bg-image .container {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
        margin-right: auto;
        margin-left: auto;
    }

    .moa-page #moa-damage .footnotes p {
        max-width: 800px;
    }

    .moa-page #moa-video #placeholder_wrapper {
        margin-left: 0;
        margin-right: 0;
        max-height: 357.33px;
    }

    .moa-page #moa-video #placeholder_wrapper .wistia_responsive_wrapper {
        max-height: 357.33px;
    }

    .moa-page #moa-video #placeholder_wrapper .video-placeholder {
        max-width: 635.25px;
    }

    .moa-page .hero-internal .hero-internal_bg-image {
        max-width: 100%;
        position: relative;
        width: 100%;
    }

    .moa-page .hero-internal .hero-internal_bg-image::before {
        background: linear-gradient(to right, #fff 50%, transparent);
        content: "";
        height: 100%;
        position: absolute;
        right: 520px;
        top: 0;
        width: 20%;
    }

    .moa-page .section .wrapper {
        max-width: 1090px;
    }

    .moa-page #cta-next-page .wrapper {
        max-width: 100%;
        width: 100%;
    }
}
/* #endregion MOA */
/*#region Treatment Page*/
.gmg-treatment-control .conventional-treatments .conventional-treatments__description {
    margin-bottom: 24px;
}

.gmg-treatment-control .treatments__percent-container .footnotes {
    width: 100%;
    max-width: 260px;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .gmg-treatment-control .treatments__percent-container .footnotes {
        max-width: unset;
    }
}

@media screen and (min-width: 1024px) {
    .gmg-treatment-control .treatments__percent-container .footnotes {
        max-width: unset;
    }
}

.gmg-treatment-control .treatments__percent-container .treatments__percent {
    margin-bottom: 24px;
    width: 100%;
    background: none;
}

@media screen and (max-width: 499px) {
    .gmg-treatment-control .treatments__percent-container .treatments__percent {
        width: calc(100% + 40px);
        transform: translateX(-50%);
        position: relative;
        left: 50%;
    }
}

.gmg-treatment-control .treatments__percent-container .treatments__percent .treatments__image {
    width: 100%;
    max-width: 825px;
}

@media screen and (min-width: 1440px) {
    .gmg-treatment-control .treatments__percent-container .treatments__percent {
        max-width: 800px;
    }
}

.gmg-treatment-control .treatments__percent-container .treatments__percent .progress-label {
    text-align: center;
    width: 100%;
    max-width: 212px;
}

@media screen and (min-width: 1024px) {
    .gmg-treatment-control .treatments__percent-container .treatments__percent .progress-label {
        max-width: 300px;
        margin: 0;
        text-align: left;
    }
}

@media screen and (min-width: 1440px) {
    .gmg-treatment-control .treatments__percent-container .treatments__percent .progress-label {
        font-size: 24px;
        max-width: 444px;
        line-height: 125%;
    }
}

.gmg-treatment-control .treatments__percent-container .treatments__percent .progress-container {
    position: relative;
    width: 150px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 1024px) {
    .gmg-treatment-control .treatments__percent-container .treatments__percent .progress-container {
        margin: 0;
        margin-right: 40px;
    }
}

@media screen and (min-width: 1440px) {
    .gmg-treatment-control .treatments__percent-container .treatments__percent .progress-container {
        width: 200px;
        height: 200px;
    }
}

.gmg-treatment-control .treatments__percent-container .treatments__percent .progress-container .progress-circle {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    overflow: visible;
}

.gmg-treatment-control .treatments__percent-container .treatments__percent .progress-container .progress-circle .progress-background {
    fill: none;
    stroke: #f0f0f0;
    stroke-width: 16;
}

.gmg-treatment-control .treatments__percent-container .treatments__percent .progress-container .progress-circle .progress-bar {
    fill: none;
    stroke: #2b2b2b;
    stroke-width: 16;
    stroke-dasharray: 408;
    stroke-dashoffset: 251;
}

.gmg-treatment-control .treatments__percent-container .treatments__percent .progress-container .progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    font-weight: 600;
    color: #2b2b2b;
}

@media screen and (min-width: 1440px) {
    .gmg-treatment-control .treatments__percent-container .treatments__percent .progress-container .progress-text {
        font-size: 40px;
    }
}

.gmg-treatment-control .treatment-page__footernotes-section {
    padding-top: 24px;
    padding-bottom: 0;
}

@media screen and (min-width: 768px) {
    .gmg-treatment-control .treatment-page__footernotes-section {
        padding-top: 40px;
        padding-bottom: 24px;
    }
}
/*#endregion*/
/*#region Trial Page*/
.trial-design-page .trial-page__hero .hero__subtitle {
    max-width: 270px;
}

@media screen and (min-width: 500px) {
    .trial-design-page .trial-page__hero .hero__subtitle {
        max-width: unset;
    }
}

.trial-design-page .multiple-endpoints__section {
    padding-top: 32px;
}

.trial-design-page .key-criterias__section .trial-design-card {
    max-width: 542px;
}

@media screen and (min-width: 1300px) {
    .trial-design-page .champion-mg__section .champion-mg__title {
        max-width: 800px;
    }
}

@media screen and (min-width: 1300px) {
    .trial-design-page .majority-symptomatic-patients__section .majority-symptomatic-patients__title {
        max-width: 850px;
    }
}

@media screen and (min-width: 1024px) {
    .trial-design-page .majority-symptomatic-patients__section .trial-design-card {
        max-width: 350px;
    }
}

.trial-design-page .footernotes__section .container .row > div {
    max-width: 803px;
}

@media screen and (max-width: 1023px) {
    .trial-design-page .footernotes__section {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 1023px) {
    .trial-design-page .trial-prefooter__section .prefooter {
        height: 510px;
    }
}

.trial-design-page .trial-prefooter__section .prefooter__icon {
    width: 123px;
}

.trial-design-page #study-design .new-icon {
    margin: 0;
}

@media screen and (min-width: 992px) {
    .trial-design-page #study-design-chart .trial-design-ole-chart .top-row > div .text-content {
        font-size: 12px;
    }

    .trial-design-page #study-design-chart .trial-design-ole-chart .top-row > div:first-of-type {
        column-gap: 15px;
    }

    .trial-design-page #study-design-chart .trial-design-ole-chart .top-row > div:nth-of-type(2) {
        margin: 10px 0 12px;
    }

    .trial-design-page #study-design-chart .trial-design-ole-chart .bottom-row {
        margin-top: 16px;
        align-items: flex-start;
        transform: translateY(20px);
    }

    .trial-design-page #study-design-chart .trial-design-ole-chart .bottom-row > div {
        max-height: unset;
        max-width: unset;
        width: unset;
    }
}

@media screen and (min-width: 1024px) {
    .trial-design-page .trial-page__hero .hero__image--img {
        height: unset;
        max-height: 250px;
        object-position: 200px;
    }

    .trial-design-page .trial-page__hero .hero__subtitle {
        max-width: 545px;
    }
}

@media screen and (min-width: 1300px) {
    .trial-design-page .trial-page__hero .hero__image--img {
        object-position: 200px -60px;
    }

    .trial-design-page #study-design-chart .study-design-chart__container > div {
        max-width: 830px;
    }
}

@media screen and (min-width: 1400px) {
    .trial-design-page .trial-page__hero .hero__image--img {
        object-position: right;
    }
}
/*#endregion*/
/* #region Patient Profiles */
.patient-profiles-page .hero-internal_bg-image {
    background-image: url("/-/media/Ultomiris_GMG_hcp/Images/patient-profiles/hero-image-patient-profiles-mobile.png");
}

.patient-profiles-page .hero-internal_subhead-wrapper .container,
.patient-profiles-page .hero-internal .hero-internal_header-wrapper .container {
    padding-left: 53px;
    padding-right: 53px;
}

.patient-profiles-page #patient-profiles .patient-profile_card.accordion .container {
    padding-left: 53px;
    padding-right: 53px;
}

.patient-profiles-page #patient-profiles .patient-profile_card.accordion .container .patient-profile_body.open {
    margin-left: -20px;
    margin-right: -20px;
}

.patient-profiles-page .profiles-container .patient-profile_card.accordion {
    margin-left: 0;
    margin-right: 0;
}

.patient-profiles-page #patient-profiles .patient-profile_body.open .icon-bullet-list_text li {
    margin-left: 1rem;
}

.patient-profiles-page #patient-profiles .patient-profile_body.open .icon-bullet-list_text li ul {
    margin-top: 0;
}

.patient-profiles-page #patient-profiles .patient-profile_body.open .icon-bullet-list_text li li {
    list-style-type: none;
    position: relative;
}

.patient-profiles-page #patient-profiles .patient-profile_body.open .icon-bullet-list_text li li::before {
    content: "–";
    position: absolute;
    right: calc(100% + 8px);
}

.patient-profiles-page #patient-profiles .profiles-container > .flex-wrapper {
    padding-right: 53px;
}

.patient-profiles-page #patient-profiles .profiles-container .patient-profile_card {
    background-color: #f5f4f2;
}

.patient-profiles-page #patient-profiles .profiles-container .patient-profile_card::before {
    background-image: url("/-/media/Ultomiris_GMG_hcp/Images/patient-profiles/folder_tab-mobile");
}

.patient-profiles-page .section.pt-0 .wrapper {
    max-width: calc(100% - 112px);
}

.patient-profiles-page .final-cta .content-side-img_bg-wrapper {
    background-image: url("/-/media/Ultomiris_GMG_hcp/Images/patient-profiles/pre-footer-mobile") !important;
}

.patient-profiles-page .content-side-img_bg-wrapper::before {
    background: linear-gradient(180deg, #fff 52%, transparent 87%);
}

.patient-profiles-page .content-side-img_bg-wrapper::after {
    content: "It is not known if ULTOMIRIS® is safe and effective for the treatment of gMG in children¹";
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    color: white;
    text-shadow: 1px 1px 4px #000;
    font-size: 11px;
    line-height: 15px;
    padding: 4px 12px;
    width: 100%;
    max-width: 350px;
}

.patient-profiles-page .patient-profiles > .wrapper {
    max-width: unset !important;
}

@media screen and (min-width: 1024px) {
    .patient-profiles-page .patient-profiles > .wrapper {
        max-width: calc(100% - 150px) !important;
    }
}

@media screen and (min-width: 1366px) {
    .patient-profiles-page .patient-profiles > .wrapper {
        max-width: calc(100% - 280px) !important;
    }
}

@media screen and (min-width: 1440px) {
    .patient-profiles-page .patient-profiles > .wrapper {
        max-width: 1160px !important;
    }
}

.patient-profiles-page .patient-profile_trigger {
    display: flex;
}

@media screen and (min-width: 992px) {
    .patient-profiles-page .hero-internal_bg-image {
        background-image: url("/-/media/Ultomiris_GMG_hcp/Images/patient-profiles/hero-image-patient-profiles");
        max-width: 100%;
    }

    .patient-profiles-page .hero-internal .hero-internal_disclaimer {
        display: none;
    }

    .patient-profiles-page .hero-internal .hero-internal_bg-image::before {
        background: linear-gradient(to right, #fff 50%, transparent);
        content: "";
        height: 100%;
        position: absolute;
        right: 480px;
        top: 0;
        width: 20%;
    }

    .patient-profiles-page #cta-next-page .content-side-img_bg-wrapper .container {
        padding: 0;
    }

    .patient-profiles-page .final-cta .content-side-img_bg-wrapper {
        background-image: url("/-/media/Ultomiris_GMG_hcp/Images/patient-profiles/pre-footer") !important;
        background-position: right bottom;
        background-size: 810px;
    }

    .patient-profiles-page .content-side-img_bg-wrapper::before {
        background-image: linear-gradient(to left, transparent 0px, white 290px);
        width: calc(100% - 400px);
    }

    .patient-profiles-page #patient-profiles .profiles-container .patient-profile_card::before {
        background-image: url("/-/media/Ultomiris_GMG_hcp/Images/patient-profiles/folder_tab-desktop");
    }

    .patient-profiles-page .hero-internal .hero-internal_header-wrapper .container,
    .patient-profiles-page .hero-internal .hero-internal_bg-image .container {
        padding-left: 0;
        padding-right: 0;
    }

    .patient-profiles-page #patient-profiles .profiles-container > .flex-wrapper {
        padding-right: 0;
    }
}
/* #endregion */
/* #region Header */
@media screen and (max-width: 991px) {
    .navbar #navbarNav > .navbar-nav > li > a,
    .navbar #navbarNav > .navbar-nav > li > button,
    .navbar #navbarNav > .utility-nav > li > a,
    .navbar #navbarNav > .utility-nav > li > button,
    .navbar #navbarNav .submenu .submenu-toggler[aria-expanded=true] {
        /* padding-left: 53px; */
        /* padding-right: 53px; */
    }

    .navbar #navbarNav .submenu .submenu-list.show {
        /* padding-left: 60px; */
    }

    .navbar #navbarNav .submenu .submenu-toggler::after,
    .navbar #navbarNav > .utility-nav .icon-external::after {
        /* right: 53px; */
    }

    .navbar #navbarNav .navbar-nav li.home.active:after,
    .navbar #navbarNav .utility-nav li.home.active:after {
        /* left: 53px; */
    }

    #nav-item-contact-an-account-manager a,
    #nav-item-other-indications button {
        background-color: #ce470d;
    }
}

@media screen and (min-width: 992px) {
    #nav-item-other-indications button {
        background-color: #ce470d;
    }

    .eyebrow .top-nav #nav-item-other-indications {
        margin-top: 0px !important;
        border-block-color: #ce470d;
    }

    .eyebrow .top-nav #nav-item-other-indications:hover {
        border-block-color: white;
    }

    .eyebrow .top-nav #nav-item-other-indications button {
        padding: 10px 32px 10px 16px;
    }

    .eyebrow .top-nav #nav-item-other-indications button::after {
        right: 6px;
    }

    .navbar #navbarNav .navbar-nav {
        column-gap: 32px;
    }

    .navbar #navbarNav .navbar-nav li {
        flex: 0 0 auto;
        width: auto;
    }

    .navbar #navbarNav .navbar-nav li > a,
    .navbar #navbarNav .navbar-nav li > button {
        font-size: 16px;
        margin: 0;
        text-align: left;
        width: auto;
    }

    .navbar #navbarNav ul li li {
        white-space: nowrap;
    }

    .navbar #navbarNav .navbar-nav #nav-item-start-your-patients a {
        max-width: 71px;
        line-height: normal;
    }

    .navbar #navbarNav .navbar-nav #nav-item-efficacy-and-safety button {
        max-width: 80px;
        line-height: normal;
    }

    .navbar #navbarNav .navbar-nav #nav-item-about-ultomiris button {
        max-width: 99px;
        line-height: normal;
    }

    .navbar #navbarNav #nav-item-contact-an-account-manager a {
        background-color: #ce470d;
        border: none;
        border-radius: 10px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
        max-width: 148px;
        padding: 16px 24px;
    }

    .navbar #navbarNav #nav-item-contact-an-account-manager a:hover {
        border: none;
    }

    .navbar #navbarNav #nav-item-about-ultomiris .submenu-list,
    .navbar #navbarNav #nav-item-efficacy-and-safety .submenu-list {
        top: calc(100% + 24px);
    }
}

@media screen and (min-width: 1366px) {
    .navbar #navbarNav .navbar-nav #nav-item-start-your-patients a {
        max-width: 75px;
    }
}

@media screen and (min-width: 1366px) {
    .navbar #navbarNav .navbar-nav #nav-item-efficacy-and-safety button {
        max-width: 85px;
    }
}
/* #endregion */
/*#region LEGACY HERO*/
@media screen and (min-width: 1200px) {
    .legacy-hero .hero-internal_bg-image .container.wrapper {
        max-width: 1050px !important;
    }
}

@media screen and (min-width: 1250px) {
    .legacy-hero .hero-internal_bg-image .container.wrapper {
        max-width: 1100px !important;
    }
}

@media screen and (min-width: 1300px) {
    .legacy-hero .hero-internal_bg-image .container.wrapper {
        max-width: 1150px !important;
    }
}

@media screen and (min-width: 1350px) {
    .legacy-hero .hero-internal_bg-image .container.wrapper {
        max-width: 1200px !important;
    }
}

@media screen and (min-width: 1366px) {
    .legacy-hero .hero-internal_bg-image .container.wrapper {
        max-width: 1086px !important;
    }
}

@media screen and (min-width: 1400px) {
    .legacy-hero .hero-internal_bg-image .container.wrapper {
        max-width: 1120px !important;
    }
}

.legacy-hero .hero-internal.wrapper {
    max-width: unset !important;
}

.legacy-hero .hero-internal_bg-image {
    position: relative;
}

.legacy-hero .hero-internal_bg-image.wrapper {
    max-width: 1160px !important;
}

@media screen and (min-width: 1350px) {
    .legacy-hero .hero-internal_bg-image.wrapper {
        max-width: calc(100% - 150px) !important;
    }
}

@media screen and (min-width: 1440px) {
    .legacy-hero .hero-internal_bg-image.wrapper {
        max-width: 1160px !important;
    }
}

@media screen and (min-width: 1440px) {
    .legacy-hero .hero-internal_bg-image.wrapper .container.wrapper {
        max-width: unset !important;
    }
}

@media screen and (min-width: 768px) {
    .legacy-hero .hero-internal_bg-image {
        max-width: unset;
    }
}

@media screen and (max-width: 767px) {
    .legacy-hero .hero-internal_bg-image > .container.wrapper {
        display: contents;
    }
}
/*
.legacy-prefooter {
    max-height: 319px;
}
*/
.legacy-prefooter .legacy-prefooter__wrapper {
    max-width: unset !important;
}

/*#endregion*/
/*#region START YOUR PATIENTS*/
@media screen and (max-width: 424px) {
    .start-you-patients-page .looking-for-an-infusion-location .mike-paragraph a {
        font-size: smaller;
    }
}

.start-you-patients-page .resources .video-card {
    padding: 0;
    margin: 0;
    border: none;
    max-width: 823px;
}

.start-you-patients-page .resources .video-card .video-title {
    padding: 0;
    margin-bottom: 16px;
}

.start-you-patients-page .resources .video-card .video-placeholder {
    margin: 0;
}

.start-you-patients-page .resources .video-card .video-description {
    font-size: 12px;
}

.start-you-patients-page .patient-starting-steps .patient-prescriber__download-button {
    border: solid 1px #707070;
    color: #3F4444;
}

/*#endregion*/
#jump-links .jump-links__default,
#jump-links .cta-link {
    text-decoration: underline;
}

/*#region Efficacy Page*/
.efficacy-page .secondary-endpoints {
    padding-bottom: 110px;
}

.efficacy-page .chart__title-demonstrated-efficacy {
    max-width: 760px;
}

.efficacy-page .additional-secondary-endpoints__paragraph {
    max-width: 770px;
}

@media screen and (min-width: 1024px) {
    .efficacy-page .legacy-prefooter .content-side-img_text-wrapper {
        max-width: 479px;
    }
}

@media screen and (max-width: 424px) {
    .efficacy-page .clinical-deterioration-rates-license {
        font-size: 14px;
    }
}

.efficacy-page .efficacy-page__video-link {
    font-size: 19px;
}

.efficacy-page .efficacy-page__video-link a {
    display: inline;
    font-size: inherit;
}

.efficacy-page .learn-more-about-corticosteroid-link label {
    max-width: 155px;
}

.efficacy-page .minimal-symptom-footnotes .footnotes.hang-footnote {
    position: relative;
    text-indent: initial;
}

.efficacy-page .minimal-symptom-footnotes .footnotes.hang-footnote .first-sup {
    position: absolute;
    top: 4px;
    left: -5px;
}

.efficacy-page .card_wrapper {
    margin-top: 32px;
    margin-bottom: 32px;
}

.efficacy-page .efficacy-accordion {
    margin-top: 40px;
}

/*#region Efficacy Page*/
.paragraph-link a {
    display: inline;
}

/*#region Vaccination Requirements*/
.vaccination-page .risk-evaluation__section-column > .row {
    display: block;
}

.vaccination-page .risk-evaluation__section-column > .row .vaccination-regimen__col {
    max-width: 823px;
}

.vaccination-page .vaccination-requirements-video-wrapper {
    margin-bottom: 40px;
}

.vaccination-page .meningococcal-infection-rates {
    margin-bottom: 24px;
}

.vaccination-page .meningococcal-infection-rates .orange-copy {
    text-decoration: none;
}

.vaccination-page .meningococcal-brochure-button {
    margin-bottom: 56px;
}

.vaccination-page .video-card {
    padding: 0;
    margin: 0;
    border: none;
    max-width: 823px;
}

.vaccination-page .video-card .video-title {
    padding: 0;
    margin-bottom: 16px;
    margin-top: 0;
}

.vaccination-page .video-card .video-placeholder {
    margin: 0;
}

.vaccination-page .video-card .video-description {
    font-size: 12px;
    padding: 0;
    line-height: 16px;
}

.vaccination-page .risk-evaluation__section {
    padding-bottom: 0;
}

.vaccination-page .legacy-prefooter .content-side-img_content-wrapper {
    /* padding-top: 0; */
}

/*#region Vaccination Requirements*/
/*#region HOME*/
.home-page .legacy-hero__main .wrapper {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    margin: 0;
    max-width: unset !important;
}

.home-page #ultomiris-highlights .footnotes p {
    text-align: left;
}

/*#endregion*/
/*#region DOSING PAGE*/
.dosing-page .card-video {
    max-width: 823px;
}

@media screen and (max-width: 600px) {
    .dosing-page .jump-links__container {
        padding-top: 40px;
    }
}

@media screen and (max-width: 600px) {
    .dosing-page #jump-links {
        margin-bottom: 40px !important;
    }
}

.dosing-page .infusion-locator__section .infusion-locator__figcaption {
    text-align: right;
}

@media screen and (min-width: 768px) {
    .dosing-page .infusion-locator__section .infusion-locator__figcaption.desktop-only {
        display: block;
    }
}

.dosing-page .infusion-locator__section .infusion-locator__figcaption .infusion-location__figcaption-text.infusion-location__figcaption-text--black {
    color: var(--bs-body-color);
    font-size: 12px !important;
    line-height: 14px;
    text-align: right;
    max-width: 300px;
}

@media screen and (max-width: 600px) {
    .dosing-page .dosing-page__dosing-guide-link {
        max-width: 250px;
    }
}

@media screen and (max-width: 424px) {
    .dosing-page .infusion-locator__section .cta-link-baseline {
        font-size: 13px;
    }
}

@media screen and (max-width: 600px) {
    .dosing-page .legacy-prefooter {
        margin-top: -100px;
        position: relative;
        z-index: -1;
    }

    .dosing-page .legacy-prefooter .content-side-img_content-wrapper {
        padding-top: 126px;
    }
}
/*#endregion*/
/*#region ISI*/
@media screen and (min-width: 1024px) {
    .isi#isi .isi-container .isi-header-bar .container {
        max-width: calc(100% - 150px);
        padding: 0;
    }
}

@media screen and (min-width: 1366px) {
    .isi#isi .isi-container .isi-header-bar .container {
        max-width: calc(100% - 280px);
    }
}

@media screen and (min-width: 1440px) {
    .isi#isi .isi-container .isi-header-bar .container {
        max-width: 1160px;
    }
}

@media screen and (min-width: 1024px) {
    .isi#isi .isi-container .isi-content {
        padding-left: 0;
        padding-right: 0;
    }

    .isi#isi .isi-container .isi-content .container {
        max-width: calc(100% - 150px) !important;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 1366px) {
    .isi#isi .isi-container .isi-content .container {
        max-width: calc(100% - 280px) !important;
    }
}

@media screen and (min-width: 1440px) {
    .isi#isi .isi-container .isi-content .container {
        max-width: 1160px !important;
    }
}
/*#endregion*/
/*#region SITEMAP AND 404 LINKS*/
@media screen and (min-width: 992px) {
    .links-list .links-list__wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

.links-list .links__title,
.links-list .cta-link {
    margin-bottom: 24px;
    margin-top: 0;
}

.links-list .links__group {
    margin-bottom: 56px;
}

/*#endregion SITEMAP AND 404 LINKS*/
/*#region SAFETY PAGE*/
.safety-page .safety-page-cta .cta-header {
    max-width: 550px;
}

/*#region SAFETY PAGE*/
/*#region FAQ*/
.faq-page .green-head {
    color: #014B44;
    font-size: 24px !important;
}

/*#region FAQ*/
.get-in-touch-page .consent-text-checkbox.error .consent-text-checkbox__label:before {
    content: none;
}



/*# sourceMappingURL=redesign-hcp-styles.css.map */