.component.container.banner-background-color {
    border-bottom: 10px solid #51296A;
    background: var(--Purple-pink-Gradient, linear-gradient(316deg, #FDDBF5 -17.01%, #B4BCF0 99.54%));
    box-shadow: 0 3px 4px 0 rgba(130, 63, 152, 0.25);
    padding-top: 60px;
    max-width: 100%;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.banner-background-color .banner-text-wraper p {
    color: #2D2D2D;
    font-family: "Roboto-Bold";
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 19px;
}

.banner-background-color .banner-text-wraper h1 {
    font-size: 40px;
    line-height: 46px;
    color: #51296A;
    font-family: 'Roboto-Bold';
}

.banner-text-wraper {
    max-width: 100%;
}

.banner-background-color>.component-content {
    max-width: 1140px;
    margin: 0 auto;
}

#growing_body>.component-content {
    max-width: 1140px;
    margin: 0 auto;
}


#growing_body .plain-html.col-12 {
    padding: 0;
}

#growing_body .plain-html h1,
.patient-details h1,
.patient-details h2 {
    color: #2d2d2d;
    font-family: "Roboto-Regular";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    margin-bottom: 30px;
}

#growing_body .plain-html h1 sup,
#growing_body .plain-html h2 sup {
    font-size: 18px;
    top: -.8em;
}

.text-section h2,
.text-second-section p,
.moa-page #c19 h2,
.mechanism-action-section h2 {
    font-family: "Roboto-Bold";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    color: #2d2d2d;
    margin-bottom: 32px;
}

.text-section h2 span.violet-text-clr {
    color: #A251D3;
}

#growing_body .text-section {
    margin-block: 40px;
}

.text-section ul {
    max-width: 1020px;
    margin: 0 auto;
}

.text-section ul li {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 14px;
    color: #2d2d2d;
}

.text-section ul li::marker {
    color: #4BAD38;
}

.text-second-section {
    max-width: 1060px;
    margin: 0 auto;
    border-radius: 20px;
    border: 1px solid #F8DFFF;
    background: #FFF;
    box-shadow: 0 3px 4px 0 rgba(130, 63, 152, 0.25);
    display: flex;
    align-items: center;
    gap: 54px;
}

.text-second-section .left-gradient {
    width: 22px;
    height: 105px;
    background: linear-gradient(180deg, #c6d7ff, #e1b9ff, #ffe2ff);
    border-radius: 20px 0 0 20px;
}

.text-second-section p {
    max-width: 888px;
    color: #2D2D2D;
    font-family: "Roboto-Regular";
    font-weight: 400;
    margin: 0 auto;
}

.text-second-section p span {
    color: #A251D3;
    font-weight: 700;
}

#N-Momentum>.component-content {
    max-width: 1140px;
    margin: 0 auto 60px;
}

#N-Momentum .plain-html p {
    color: #262626;
    font-family: "Roboto-Regular";
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

/* patient support css */
#patient-support-program>.component-content {
    padding: 60px 0;
    max-width: 1162px;
    margin: 0 auto;

}

#patient-support-program .psp-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

#patient-support-program .component.plain-html.col-12 {
    padding: 0;
}

#patient-support-program .psp-wrapper .left-section h1 {
    color: #2865B0;
    font-family: "Arial";
    font-size: 48px;
    font-weight: 700;
    line-height: 54px;
    margin-bottom: 18px;
}

#patient-support-program .psp-wrapper .left-section p {
    color: #000;
    font-family: "Arial";
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    max-width: 852px;

}

/* .bg-lightblue-color {
    display: flex;
    padding: 60px 120px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    align-self: stretch;
    background: linear-gradient(83deg, rgba(0, 180, 225, 0.35) 20.01%, rgba(1, 111, 200, 0.35) 79.85%);
}

.bg-lightblue-color#connect-cordinate>.component-content .component.plain-html.col-12 {
    max-width: 1202px;
    margin: 0 auto 40px;
    background: #fff;
    padding: 60px;
}

.bg-lightblue-color#connect-cordinate>.component-content .plain-html.col-12 {
    padding: 0;
}

#connect-cordinate .text-content-inner p {
    color: #2D2D2D;
    font-family: "Arial";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

#connect-cordinate .text-content-inner p.mb-10 {
    margin-bottom: 10px;
}

#connect-cordinate .img-txt-wraper .d-flex {
    gap: 16px;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

#connect-cordinate .text-content-inner p.mission-btm {
    margin-bottom: 40px;
}

#connect-cordinate .img-txt-wraper .d-flex:last-child {
    margin-bottom: 0;
}

#connect-cordinate .link .field-link {
    display: inline-block;
    padding: 8px 30px;
    border-radius: 60px;
    background: #2865B0;
}

#connect-cordinate .link .field-link a {
    color: #FFF;
    font-family: "Arial";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    padding: 8px 30px 8px 0;
}

#connect-cordinate .link>.component-content {
    text-align: center;
}

#connect-cordinate .link .field-link a::after {
    background-image: url(/-/media/Themes/Horizon/Upliznahcp/Upliznahcp/Images/gMG-Images/ext-icon-link.svg);
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    width: 15px;
    height: 20px;
    margin-left: 13px;
    top: 53%;
    display: inline-block;
    transform: translateY(-50%);
} */

.gmg-support.igg-rd-page#access-and-support #question-section .plain-html.col-12 .links-section p.assistance a {
    color: #2865B0;
}

.gmg-support.igg-rd-page#access-and-support #question-section h2 {
    font-size: 22px;
    line-height: 34px;
}

/*.gmg-support#access-and-support #question-section {
    padding: 10px 0 60px;
}*/

.gmg-support.igg-rd-page#access-and-support #amgen-copay .amgen-commercial p,
.gmg-support.igg-rd-page#access-and-support #amgen-copay .amgen-commercial p span,
.gmg-support.igg-rd-page#access-and-support #amgen-copay .amgen-commercial ul li {
    color: #000;
}

.gmg-support.igg-rd-page#access-and-support #amgen-copay .amgen-commercial {
    padding-bottom: 32px;
}

.gmg-support #next-cta {
    margin-top: 0px;
}

/* patient support css ends */

/* patient profile css */
.gmg-patient-profile #safety-banner {
    margin-bottom: 70px;
}

.standard-uplizna-hcpgmg sup {
    font-family: 'Roboto-Regular' !important;
    /* color: #2d2d2d; */
}

.gmg-patient-profile .patient-details {
    max-width: 784px;
    margin: 0 auto 46px;
    text-align: center;
    font-family: "Roboto-Regular";
}

.gmg-patient-profile .patient-details h1,
.gmg-patient-profile .patient-details h2 {
    margin-bottom: 8px;
    font-family: "Roboto-Regular";
}

.gmg-patient-profile .patient-details span.violet-color {
    color: #A251D3;
    font-family: "Roboto-Regular";
}

.gmg-patient-profile .patient-details span.dark-grey-color,
.gmg-patient-profile .patient-details p.dark-grey-color {
    color: #2d2d2d;
    font-family: "Roboto-Regular";
}

.gmg-patient-profile .patient-details p.occupation {
    font-family: "Roboto-Bold";
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 36px;
    color: #2d2d2d;
}

.standard-uplizna-hcpgmg.gmg-patient-profile sup {
    font-size: 80%;
    top: -.5em;
}

.gmg-patient-profile .patient-details p.hypo {
    text-align: center;
}

.gmg-patient-profile .patient-details p.hypo em {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
    font-family: "Roboto-Regular";
}


.gmg-patient-profile .reports-text-wraper {
    max-width: 884px;
    margin: 0 auto;
}

.gmg-patient-profile .reports-text-wraper h3 {
    font-family: "Roboto-Bold";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    line-height: 36px;
    color: #823F98;
    margin-bottom: 30px;
}

.gmg-patient-profile .wrapper-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    max-width: 787px;
    margin: 0 auto 30px;
}

.gmg-patient-profile .text-section-container {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    border-radius: 30px;
    border-top: 1px solid #FDDBF5;
    border-left: 1px solid #FDDBF5;
    background: #FFF;
    box-shadow: 10px 10px 0 0 #A251D3;
    position: relative;
}

.gmg-patient-profile .text-section-container ul {
    list-style: disc;
    padding-left: 24px;
    max-width: 519px;
}

.gmg-patient-profile .text-section-container ul.inside-text li {
    color: #2D2D2D;
    font-family: 'Roboto-Bold';
    font-size: 20px;
    font-style: normal;
    /* font-weight: 400; */
    line-height: 28px;
    margin-bottom: 16px;
}

.gmg-patient-profile .text-section-container ul.inside-text li:last-child {
    margin-bottom: 0;
}

.gmg-patient-profile .text-section-container.bg-cont::before {
    content: "";
    background: url("/-/media/Themes/Horizon/Upliznahcp/Upliznahcp/Images/gMG-Images/Sunflower-watermark.png");
    display: block;
    background-repeat: no-repeat;
    width: 253px;
    height: 250px;
    position: absolute;
    top: -48%;
    right: -47px;
    transform: translate(25%, 0%);
    z-index: -1;
}

.bg-wrapper {
    margin-bottom: 70px;
}

.gmg-patient-profile #uplizna-bg-gradient {
    background: var(--light-violet-gradient, linear-gradient(158deg, #FFF 57.94%, #F8DFFF 93.11%));
    padding-bottom: 30px;
}

.gmg-patient-profile .text-second-section {
    max-width: 884px;
    gap: 24px;
    margin: 0 auto 30px;
}

.gmg-patient-profile .text-second-section .left-gradient {
    height: 150px;
}

.gmg-patient-profile .text-second-section .content {
    padding: 24px 8px;
}

.gmg-patient-profile .text-second-section .content p,
.moa-page .mechanism-action-section p {
    font-size: 24px;
    line-height: 32px;
    font-family: "Roboto-Regular";
    color: #2d2d2d;
}

.gmg-patient-profile .text-second-section .content p b {
    font-family: "Roboto-Bold";
}

.gmg-patient-profile .text-second-section .content p,
.gmg-patient-profile .text-second-section .content p sup {
    font-family: "Roboto-Regular";
}

#uplizna-bg-gradient p.foot-text,
.moa-page #precise-mechanism p,
.moa-page #caro-section .carousel-moa-section p.foot-text,
.moa-page #moa-section-wrapper p.footnote-text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    color: #2d2d2d;
    font-family: "Roboto-Regular";

}

.moa-page #moa-section-wrapper p.footnote-text {
    max-width: 1064px;
    margin: 0 auto;
}

#uplizna-bg-gradient p.foot-text {
    max-width: 870px;
    margin: 0 auto 40px;
}

.gmg-patient-profile .patient-text-inner {
    max-width: 1124px;
    margin: 0 auto;
    padding-left: 12px;
}

.gmg-patient-profile .patient-text-inner ul {
    margin-left: 20px;
}

.gmg-patient-profile .patient-text-inner ul li {
    font-family: "Roboto-Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    color: #2d2d2d;
}

.gmg-patient-profile .patient-text-inner ul li::marker {
    color: #4BAD38;
}

.gmg-patient-profile #next-cta {
    margin-top: 0px;
}

.gmg-patient-profile #next-cta a {
    max-width: 315px;
}

/* patient profile css ends */


/* mechanism of action style starts */
#moa #moa-banner,
.moa-page .mechanism-action-section p {
    margin-bottom: 30px;
}

.moa-page #caro-section>.component-content {
    max-width: 1064px;
    margin: 0 auto 30px;
    padding: 60px 48px;
    border-radius: 30px;
    border: 1px solid var(--violet-60, #C694E5);
    background: var(--Ligh-Grey, #F5F5F6);
    box-shadow: 10px 10px 0 0 #A251D3;
}

.moa-page .carousel-moa-section h4 {
    color: #2D2D2D;
    text-align: center;
    font-family: "Roboto-Regular";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 24px;
}

.moa-page .carousel-moa-section {
    text-align: center;
    margin-bottom: 45px;
}

.moa-page #caro-section #inner-carousel .nav {
    justify-content: center;
}

.moa-page #caro-section #inner-carousel .nav .sxa-numbers.active {
    background-color: #A251D3;
}

.moa-page #caro-section #inner-carousel .nav .sxa-numbers {
    background-color: #E7D6F1;
}

.moa-page #caro-section #inner-carousel ul.moa-list {
    max-width: 833px;
    padding-left: 32px;
    text-align: left;
}

.moa-page #caro-section #inner-carousel ul.moa-list li {
    font-size: 20px;
    line-height: 28px;
    color: #2d2d2d;
    font-family: "Roboto-Regular";
    list-style: disc;
    margin-bottom: 16px;
}

.moa-page #caro-section #inner-carousel ul.moa-list li::marker {
    color: #4BAD38;
}

.moa-page #caro-section #inner-carousel ul.moa-list li:last-child {
    margin-bottom: 30px;
}

.moa-page #caro-section .carousel-moa-section p.foot-text {
    margin-bottom: 26px;
    text-align: left;
}

.bg-mid-grey {
    background-color: #f5f5f6;
    padding-block: 30px;
}

.moa-page #glycoengineered-section {
    margin-bottom: 30px;
}

.moa-page #glycoengineered-section>.component-content {
    max-width: 1160px;
    margin: 0 auto;
}

.moa-page #glycoengineered-section .plain-html p.mbt-30 {
    color: #2D2D2D;
    text-align: center;
    font-family: "Roboto-Regular";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    max-width: 600px;
    margin: 0 auto 30px;
}

.moa-page .bg-purple-wrap {
    display: flex;
    max-width: 525px;
    padding: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    border-radius: 10px;
    border: 1px solid #E4E4E5;
    background: #51296A;
    box-shadow: 0 3px 4px 0 rgba(130, 63, 152, 0.25);
    color: #fff;
    margin-bottom: 10px;
}

.moa-page .bg-purple-wrap p.first-text {
    font-size: 28px;
    line-height: 32px;
    font-family: "Roboto-Medium", sans-serif;
    margin-bottom: 20px;
    position: relative;
}

.moa-page #glycoengineered-section .col-md-6.col-lg-6.col-xl-6 {
    padding: 0 !important;
}

.moa-page #glycoengineered-section .image.file-type-icon-media-link {
    text-align: right;
}

.moa-page #glycoengineered-section .image.file-type-icon-media-link a img {
    max-width: 100%;
    height: auto;
    position: relative;
    right: 2%;
}

.moa-page .bg-purple-wrap:last-child {
    margin-bottom: 30px;
}

.moa-page #autoantibody .component-content {
    max-width: 1064px;
    margin: 0 auto;
}

.moa-page #autoantibody {
    display: flex;
    padding-bottom: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--Green-gradient-to-white, linear-gradient(158deg, #FFF 57.94%, #DBF1D7 93.11%));
}

#moa #next-cta {
    margin-top: 30px;
}

.moa-page #autoantibody .image img {
    max-width: 1064px;
}

.moa-page #glycoengineered-section .image.file-type-icon-media-link a,
.moa-page #autoantibody .component.image.file-type-icon-media-link a {
    pointer-events: none;
}


.moa-page #moa-section-wrapper {
    margin-top: 70px;
}

.moa-page .mechanism-action-section {
    max-width: 834px;
    margin: 0px auto 30px;
}

.moa-page .mechanism-action-section a.see-moa-video {
    display: inline-flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: #823F98;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-family: "Roboto-Bold";
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}

/*  */
.moa-page .mechanism-action-section a.see-moa-video::after {
    top: 22px;
    content: "";
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: #fff;
    border-image: initial;
    background-color: transparent;
    border-width: 0px 2.5px 2.5px 0px;
    display: inline-block;
    padding: 3px;
    color: #fff;
    transform: rotate(-45deg);
    top: 32px;
    top: 12px;
    right: 22px;
    color: #fff;
}

body.no-scroll {
    overflow: hidden !important;
}

#moa-popup .quantum-modal__dialog {
    max-width: 832px;
    padding: 45px 51px;
    border-radius: 8px;
    overflow: auto;
    margin: 30px auto;
    width: 90%;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 10px 10px 0 0 #A251D3;
}

#moa-popup.quantum-modal .quantum-modal__close.quantum-button--tertiary .quantum-icon {
    fill: #823F98;
    background: #dadada;
    border-radius: 8px;
}


#moa-popup .accordion .field-heading::after {
    margin-left: 7px;
    margin-top: 0;
    width: 9px;
    height: 9px;
    content: "";
    min-width: 13px;
    background-size: cover;
    background-position: center;
    min-height: 5px;
    background-repeat: no-repeat;
    background-image: url("/-/media/Themes/Horizon/Upliznahcp/Upliznahcp/Images/igg4-rd/mechanism of action/filled-down-arrow-purple.svg");
}

#moa-popup .accordion .item.active .field-heading::after {
    transform: rotate(180deg);
}

#moa-popup .accordion .field-heading {
    color: #823F98;
    font-family: Arial;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#moa-popup .toggle-header {
    padding-inline: 0px !important;
    background-color: #fff;
}

#moa-popup .accordion.col-12,
#moa-popup .toggle-header .component.content.col-12 {
    padding: 0;
}

#moa-popup .toggle-content .component.content.col-12 {
    overflow-y: scroll;
    height: 200px;
    padding: 20px;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.16);
    border: 1px solid rgb(222, 222, 222);
    background-color: #fff;
}

#moa-popup .font-16.dark-black-text {
    font-family: "Roboto-Regular";

}

#moa-popup .accordion .toggle-content {
    padding-bottom: 0;
}

#moa-popup .video-js {
    width: auto;
    height: 434px;
    padding: 0 20px;
}

#moa-popup .vjs-title-bar {
    display: none;
}

#moa-popup .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    background-image: none;
}

#caro-section .next-text::after,
#caro-section .prev-text::after {
    border-width: 0;
    background-image: url("/-/media/Themes/Horizon/Upliznahcp/Upliznahcp/Images/Mechanism of action/right-chevorn.svg");
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    width: 75px;
    background-size: contain;
    height: 75px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
}

#caro-section .next-text {
    right: 75px;
}

#caro-section .prev-text::after {
    background-image: url("/-/media/Themes/Horizon/Upliznahcp/Upliznahcp/Images/Mechanism of action/left-chevorn.svg");
}

#moa-popup button.vjs-big-play-button {
    background-color: unset !important;
}

#growing_body .text-section .d-flex {
    gap: 24px;
    max-width: 890px;
    margin: 0 auto;
    align-items: center;
}

#growing_body .text-section .d-flex .fr-treat {
    color: #51296a;
    font-family: "Roboto-Regular";
    font-size: 40px;
    font-weight: 600;
    line-height: 46px;
}

#growing_body .text-section .d-flex .fr-treat .off-clr {
    color: #a251d3;
    font-family: "Roboto-Regular";
}

#growing_body .text-section .d-flex .gmg-hcp-splash-banner {
    flex: 0 0 35%;
}

#N-Momentum .plain-html .legacy-section ul,
body .legacy-section .fda-app {
    color: var(--Dark-Grey, #2d2d2d);
    margin-top: 42px;
    font-family: 'Roboto-Bold';
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    /* 136.364% */
}

body .text-section p.text-appropved {
    font-size: 30px;
    color: var(--violet-plus-50-black, #51296A);
    text-align: center;
    line-height: 1.25;
}

body .legacy-section .fda-app {
    font-weight: 400;
    margin-top: 28px;
    font-family: 'Roboto-Regular';
}

#N-Momentum .plain-html p.number-section {
    color: var(--Violet, #a251d3);
    text-align: center;
    font-family: 'Roboto-Bold';
    font-size: 64px;
    font-weight: 600;
    line-height: 46px;
    /* 71.875% */
    margin-bottom: 6px;
}

#N-Momentum .plain-html p.number-section+p {
    color: #2d2d2d;
    font-family: 'Roboto-Regular';
    font-size: 24px;
    line-height: 1;
    text-align: center;
}

#N-Momentum .plain-html p.number-section+p .diff-color {
    color: #a251d3;
    font-family: 'Roboto-Regular';
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

#N-Momentum .plain-html .legacy-section>.d-flex .internal-flex,
#N-Momentum .plain-html .legacy-section>.d-flex {
    gap: 30px;
}

#N-Momentum .plain-html .legacy-section>.d-flex .internal-flex>div {
    position: relative;
    border-radius: 20px;
    border: 1px solid #fddbf5;
    /* fallback or other sides */
    background: var(--White, #fff);
    box-shadow: 0 3px 4px 0 rgba(130, 63, 152, 0.25);
    max-width: 380px;
    padding: 40px 28px;
}

/* Gradient left border */
#N-Momentum .plain-html .legacy-section>.d-flex .internal-flex>div::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    /* left border width */
    height: 100%;
    border-top-left-radius: 17px;
    border-bottom-left-radius: 17px;
    background: linear-gradient(to bottom, #b4bcf0, #fddbf5);
}

#N-Momentum .plain-html .legacy-section>.d-flex img {
    max-width: 328px;
}

#N-Momentum .plain-html .legacy-section ul {
    font-weight: 400;
    margin-block: 40px 60px !important;
    font-family: 'Roboto-Regular';
    list-style: none;
    position: relative;
    padding-left: 25px;
}

#N-Momentum .plain-html .legacy-section ul li {
    font-family: "Roboto-Regular";
}

#references.refrences-accordion ol li em,
#references.refrences-accordion ol li sup {
    font-family: 'Open Sans', sans-serif !important;
}

#N-Momentum .plain-html .legacy-section ul::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 8px;
    height: 8px;
    background-color: #A251D3;
    border-radius: 50%;
}

#N-Momentum .plain-html .legacy-section .p-sup {
    text-indent: -6px;
    padding-left: 6px;
}

#N-Momentum .plain-html .legacy-section .p-sup:first-of-type {
    text-indent: 0px;
    padding-left: 7px;
}

#N-Momentum .plain-html .legacy-section .no-sup {
    padding-left: 6px;
}

#global-cta-sections+#next-cta {
    margin-top: 0px;
}

.mint-study-design #among-phase-randomized>.component-content {
    max-width: 1080px;
    margin: 0 auto;
    padding: 60px 0;
}

.mint-study-design #musk-patients .image img {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
    height: auto;
    border-radius: 30px;
    border-bottom: 10px solid #6FBD60;
    border-right: 10px solid #6FBD60;
}

.mint-study-design #guideline-supported .among-ptext {
    border-style: solid;
    border-width: 0 0 6px 0;
    border-image: linear-gradient(316deg, #FDDBF5 -17.01%, #B4BCF0 99.54%) 1;
    margin-inline: 0;
    margin-bottom: 35px;
}

.mint-study-design #guideline-supported .among-ptext p {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 40px;
    color: #2D2D2D;
    font-family: 'Roboto-Regular';
}

.mint-study-design #first-gmg-trial .Prednisone-withborder {
    max-width: 945px;
    margin: 0 auto;
}

.mint-study-design #baseline-accordion ul.items .toggle-content .component img {
    margin: 30px auto;
    border: 1px solid #707070;
    padding: 20px;
    max-width: 100%;
}

.mint-study-design #baseline-accordion ul.items .item:last-child .toggle-content .component img {
    margin: 30px 0 0 0;
    border: none;
}

.efficacy-gmg-hcp p.p-text {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 20px;
    color: #2D2D2D;
    font-family: 'Roboto-Regular';
}

#secondary-endpoints-content .plain-html ul.point-improve-list-colour {
    padding-left: 40px;
}

#secondary-endpoints-content .plain-html ul.point-improve-list-colour li {
    padding-left: 0;
}

#secondary-endpoints-content .plain-html ul.point-improve-list-colour li:nth-child(1) {
    color: #0063C3;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    font-family: 'Roboto-Regular';
}

#secondary-endpoints-content .plain-html ul.point-improve-list-colour li:nth-child(2) {
    color: #F00;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

/* mechanism of action style ends */
@media(min-width:768px) and (max-width:1199px) {
    .text-second-section .left-gradient {
        height: 155px;
    }

    .text-section ul {
        padding: 0 20px;
    }

    .text-section {
        margin-bottom: 32px;
    }

    .gmg-patient-profile .reports-text-wraper {
        max-width: 604px;
    }

    #pp-bg-over {
        overflow-x: hidden;
    }
}

@media(min-width:992px) {
    .moa-page #glycoengineered-section #for-mobile-version {
        display: none;
    }

    .moa-page #glycoengineered-section #for-desktop-version {
        display: block;
    }
}

.standard-uplizna-hcpgmg sup {
    font-size: 40%;
    top: -1em;
}

.standard-uplizna-hcpgmg.gmg-home-page-hcp sup {
    font-size: 60%;
    top: -.5em;
}

.standard-uplizna-hcpgmg .accordion sup,
#safety-gmg .table-footnote p sup,
#safety-gmg .table-title sup {
    font-size: 60%;
    top: -.8em;
}

.quantum-modal sup {
    font-size: 50%;
    top: -.8em;
}

.bodyclass #video-popup .video-js {
    height: 480px !important;
    width: 100% !important;
}

#safety-gmg .table-footnote p {
    margin-bottom: 0px !important;
}

.standard-uplizna-hcpgmg #for-adult-patients-with-generalized_ sup {
    font-size: 55%;
    top: -.7em;
    font-family: 'Roboto-Bold' !important;
}

.has-search-open .quantum-header__mobile-content>button:first-child::before {
    content: "" !important;
    /* remove FontAwesome icon */
    background-image: url("/-/media/Themes/Horizon/Upliznahcp/Upliznahcp/Images/gMG-Images/search-close.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    width: 42px;
    height: 42px;
    position: relative;
    top: -10px;
    left: 10px;
    display: inline-block;
}

@media(max-width:991px) {

    .moa-page .bg-purple-wrap:nth-child(2) p.first-text,
    .moa-page .bg-purple-wrap:nth-child(1) p.first-text {
        left: 0px !important;
    }

    .moa-page .bg-purple-wrap:nth-child(2) p.first-text::before {
        content: "2";
    }


    .gmg-patient-profile .patient-text-inner ul {
        margin-left: 0px;
    }

    .moa-page .bg-purple-wrap:nth-child(3) p.first-text::before {
        content: "3";
    }

    .moa-page #autoantibody .image img {
        max-width: 100%;
        height: auto;
    }

    .moa-page #caro-section>.component-content {
        max-width: 100%;
        padding: 16px;
    }

    .moa-page .carousel-moa-section h4,
    .moa-page #caro-section #inner-carousel ul.moa-list li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .moa-page #inner-carousel .carousel-inner .col-12,
    .moa-page #inner-carousel {
        padding: 0;
    }

    .carousel-moa-section img {
        max-width: 231px;
    }

    #inner-carousel .carousel-inner .component.content.col-12 .slide-info {
        min-height: auto !important;
    }

    .moa-page #caro-section .carousel-moa-section p.foot-text {
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 22px;
    }

    .moa-page .carousel-moa-section {
        margin-bottom: 22px;
    }

    .moa-page #caro-section #inner-carousel .nav .nav-items {
        padding: 0;
    }

    .moa-page #glycoengineered-section .image.file-type-icon-media-link {
        text-align: center;
    }

    .moa-page #glycoengineered-section .row {
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

    .moa-page .bg-purple-wrap p,
    .gmg-patient-profile .patient-details p.occupation {
        font-size: 22px;
        line-height: 28px;
    }

    .gmg-patient-profile .patient-details p.occupation,
    .gmg-patient-profile .patient-details h1,
    .gmg-patient-profile .patient-details h2 {
        text-align: center;
    }

    .gmg-patient-profile #safety-banner {
        margin-bottom: 30px;
    }
}


.moa-page .bg-purple-wrap p {
    padding-left: 25px;
}

.moa-page .bg-purple-wrap {
    padding: 16px;

}

.moa-page .bg-purple-wrap p.first-text {
    padding-left: 25px;
}

.moa-page .bg-purple-wrap:last-child p:last-child {
    padding-left: 25px;
}

.moa-page .bg-purple-wrap:last-child {
    margin-bottom: 30px;
    padding-left: 25px;
}

.moa-page #glycoengineered-section #for-mobile-version {
    display: none;
}

.moa-page #glycoengineered-section #for-desktop-version {
    display: block;
    margin-right: -11px;
}

.moa-page #precise-mechanism .component-content {
    max-width: 960px;
    margin: 0 auto;
}


#fullIsi>.demo-shell__takeover section p {
    margin-bottom: 24px !important;
}

.isi-content-body ul li,
.isi-content-section ul li {
    margin-bottom: 24px !important;
}

.standard-uplizna-hcpgmg .isi-accodian.collapse-isi sup,
.isi-content-section sup {
    font-size: 60%;
    top: -.5em;
}

.standard-uplizna-hcpgmg.moa-page sup {
    font-size: 60%;
    top: -.8em;
}

.demo-shell__takeover section p:nth-child(2) {
    font-weight: normal !important;
}

@media(max-width:767px) {

    .gmg-patient-profile #pp-bg-over .plain-html.col-12,
    .gmg-patient-profile #uplizna-bg-gradient .col-12 {
        padding-inline: 0;
    }

    #secondary-endpoints-content .plain-html ul.point-improve-list-colour li:nth-child(1) {
        color: #0063C3;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        font-family: 'Roboto-Regular';
    }

    #secondary-endpoints-content .plain-html ul.point-improve-list-colour li:nth-child(2) {
        color: #F00;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .moa-page .bg-purple-wrap:nth-child(2) p.first-text,
    .moa-page .bg-purple-wrap:nth-child(1) p.first-text {
        left: 10px;
    }

    .moa-page .bg-purple-wrap:nth-child(1) p.first-text::before {
        border-color: #4bad38;
        content: "1";
        position: absolute;
        top: 30%;
        left: 0%;
        transform: translate(-50%, -50%);
        width: 26px;
        height: 26px;
        background: #fff;
        border: 2px solid #6ec44d;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18.5px;
        color: #823F98;
        font-family: 'Roboto-Bold', sans-serif;
    }

    .moa-page .bg-purple-wrap:nth-child(2) p.first-text::before {
        border-color: #4bad38;
        content: "2";
        position: absolute;
        top: 30%;
        left: 0%;
        transform: translate(-50%, -50%);
        width: 26px;
        height: 26px;
        background: #fff;
        border: 2px solid #6ec44d;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18.5px;
        color: #823F98;
        font-family: 'Roboto-Bold', sans-serif;
    }

    .moa-page .bg-purple-wrap:nth-child(3) p.first-text::before {
        border-color: #4bad38;
        content: "3";
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translate(-50%, -50%);
        width: 26px;
        height: 26px;
        background: #fff;
        border: 2px solid #6ec44d;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18.5px;
        color: #823F98;
        font-family: 'Roboto-Bold', sans-serif;
    }

    .moa-page #glycoengineered-section .image.file-type-icon-media-link a img {
        max-width: 100%;
        height: auto;
        position: relative;
        right: 0%;
    }

    .moa-page #glycoengineered-section #for-mobile-version {
        display: block;
    }

    .moa-page #glycoengineered-section #for-desktop-version {
        display: none;
    }

    body .text-section p.text-appropved {
        font-size: 22px;
        line-height: 1.25;
    }

    .standard-uplizna-hcpgmg #footer .quantum-footer__inner a {
        background: none !important;
        display: inline;
        position: relative;
    }

    #faqs .quantum-footer__quantum-logo {
        display: block !important;
    }

    .refrences-accordion .accordion {
        padding: 0 5px;
        max-width: max-content;
    }

    #references .accordion .field-heading {
        font-family: 'Inter', sans-serif;
        padding-right: 0 !important;
    }

    .component.container.banner-background-color {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-bottom: 40px;
    }

    #growing_body .plain-html h1 {
        font-size: 32px;
        line-height: 37px;
    }

    .text-section h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .text-section ul {
        padding-inline: 20px;
        margin-bottom: 32px;
    }

    .text-section ul li,
    .gmg-patient-profile .patient-text-inner ul li {
        font-size: 18px;
        line-height: 24px;
    }

    .text-second-section p {
        font-size: 22px;
        line-height: 26px;

    }

    .text-second-section p:first-child {
        margin-bottom: 22px;
    }

    .text-second-section .left-gradient {
        height: 217px;
        width: 24px;
    }

    .text-second-section {
        gap: 22px;
        max-width: 100%;
    }



    .gmg-patient-profile #safety-banner.hero-banner .position-relative {
        align-items: center;
        justify-content: space-between;
        gap: 0px;
    }

    #N-Momentum>.component-content {
        margin-bottom: 40px;
    }

    #N-Momentum .plain-html.col-12 {
        padding: 0 10px;
    }

    #patient-support-program>.component-content {
        padding: 30px 16px;
    }

    #patient-support-program .psp-wrapper .left-section h1 {
        font-size: 32px;
        line-height: 37px;
    }

    #patient-support-program .psp-wrapper .left-section p,
    .gmg-patient-profile .text-section-container ul.inside-text li {
        font-size: 16px;
        line-height: 20px;
    }

    #patient-support-program .psp-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        padding-inline: 16px;
    }

    /* 
    .bg-lightblue-color#connect-cordinate>.component-content .component.plain-html.col-12 {
        padding: 40px;
    }

    #connect-cordinate .text-content-inner p.mb-10 {
        margin-bottom: 16px;
    }

    #connect-cordinate .img-txt-wraper .d-flex {
        flex-direction: column;
        align-items: flex-start;
    } */

    .gmg-support.igg-rd-page#access-and-support #personalised-support p.amgen-pals {
        max-width: 80%;
        text-align: center;
    }

    /* patient support page responsive css */
    .gmg-patient-profile .patient-details h1,
    .gmg-patient-profile .patient-details h2,
    .gmg-patient-profile .reports-text-wraper h3 {
        font-size: 26px;
        line-height: 34px;
    }

    .gmg-patient-profile .wrapper-container {
        flex-direction: column;
        gap: 30px;
    }

    .gmg-patient-profile .patient-details {
        margin-bottom: 30px;
    }

    #growing_body .text-section {
        margin-block: 30px;
    }

    .wrapper-container img {
        max-width: 100px;

    }

    .gmg-patient-profile .reports-text-wraper {
        max-width: 100%;
    }

    .gmg-patient-profile .text-section-container.bg-cont::before {
        top: -12%;
        right: 16%;
        transform: translate(50%, 0px);
        height: 160px;
        width: 160px;
        background: url(/-/media/Themes/Horizon/Upliznahcp/Upliznahcp/Images/gMG-Images/green-sunflower.png);
    }

    .gmg-patient-profile .text-second-section .left-gradient {
        height: 240px;
        width: 54px;
    }

    .gmg-patient-profile .text-second-section .content {
        padding: 15px 15px 15px 0;
    }

    .gmg-patient-profile .text-second-section {
        gap: 20px
    }

    .gmg-patient-profile .patient-text-inner ul li:first-child {
        margin-bottom: 34px;
    }

    .gmg-patient-profile .text-second-section .content p,
    #N-Momentum .plain-html p.number-section+p .diff-color {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 0;
    }

    .gmg-patient-profile .patient-text-inner {
        max-width: 100%;
        padding-left: 20px
    }

    .gmg-patient-profile #pp-bg-over {
        overflow-x: hidden;
    }

    #moa-popup .video-js {
        width: auto;
        height: 154px;
    }

    #caro-section .next-text {
        right: 30px;
        top: 250px;
    }

    #caro-section .next-text::after,
    #caro-section .prev-text::after {
        width: 35px;
        height: 35px;
    }

    #caro-section .prev-text {
        top: 540px;
    }

    .bg-wrapper {
        margin-bottom: 40px;
    }

    #growing_body .text-section .d-flex {
        gap: 10px;
        max-width: 100%;
        flex-direction: column;
    }

    #growing_body .text-section .d-flex .fr-treat {
        font-size: 26px;
        font-weight: 600;
        line-height: 34px;
        text-align: center;
    }

    #N-Momentum .plain-html .legacy-section>.d-flex .internal-flex,
    #N-Momentum .plain-html .legacy-section>.d-flex {
        flex-direction: column;
    }


    #N-Momentum .plain-html p.number-section+p {
        font-size: 22px;

    }

    .banner-background-color .banner-text-wraper h1 {
        font-size: 32px;
        line-height: 37px;
    }

    #N-Momentum .plain-html .legacy-section ul,
    body .legacy-section .fda-app {
        font-size: 18px;
        line-height: 24px;
    }

    body .legacy-section .fda-app {
        margin-block: 30px 0 !important;
    }

    #N-Momentum .plain-html .legacy-section ul {
        margin-block: 14px 40px !important;
    }

    .text-section p.text-appropved {
        font-size: 20px;
        line-height: 28px;
    }

}

@media(max-width:320px) {
    .gmg-patient-profile .text-second-section .left-gradient {
        height: 286px;
    }
}