.page-title {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 30px;
}
.page-title h1 {
	font-family: "filson-pro";
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 50px;
    letter-spacing: 0.4px;
    margin: 0 auto;
    max-width: 900px;
    color: #063A4C;
}
.banner-block {
    max-width: 1132px;
    margin: 0 auto;
    position: relative;
}
.banner-block img{
    width: 100%;
}
.banner-text {
    max-width: 526px;
    position: absolute;
    top: 136px;
    left: 41px;
    color: #fff;
}
.banner-text h2 {
    font-family: "filson-pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: 38px;
    margin: 0;
}
.banner-text p {
    font-family: "filson-pro";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
}
.color-pink{
	color:#F307F8;
}

.page-content {
    padding: 64px 0;
    background: #ECFCFF;
}
.page-content .page-content-inner{
	max-width:938px;
    margin: 0 auto;
}
.page-content .page-content-inner h4 {
    font-family: "filson-pro";
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px;
    color: #333;
    margin: 0 0 40px;
    text-align: center;
}
.step-title {
    background: #063A4C;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    padding: 24px 0;
}
.step-block.bg-green .step-title {
    background: #327096;
}
.step-title p {
    font-family: "filson-pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    /*line-height: 30px;*/
    letter-spacing: 0.24px;
    color: #fff;
    display: flex;
    flex-direction: column;
}
.step-title p span {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}
.step-block-content {
    background: #fff;
}

.step-block-content .flex {
    display: flex;
    gap: 32px;
}
.step-block-content .flex {
    display: flex;
    gap: 32px;
    padding: 24px;
    align-items: center;
}
.step-block-content .flex:first-child {
    border-bottom: 2px solid #ecfcff;
}
.step-block-content p {
    font-family: "filson-pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 425;
    line-height: 24px;
}
.step-block-content p strong, p.mt32 strong {
    font-weight: 800;
}
.step-block-content img {
    width: 60px;
}
.step-block-content img.teamIcon {
    width: 50px;
}
.step-title.bg-red {
    background: #6D0020;
}
.mt32 {
    margin-top: 32px;
}
p.mt32 {
    padding-right: 0;
    letter-spacing: -0.11px;
    font-weight: 400;
}
.foot-note {
    padding: 32px 0;
    /* background: #ecfcff;*/
    background: #fff
}
.foot-note p {
    max-width: 1132px;
    margin: 0 auto;
    font-family: "filson-pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 425;
    line-height: 20px;
    color: #333333;
}
.end-callout-wrap.width1132 {
    max-width: 920px;
 	align-items: center;
    gap: 54px;
}
.end-page-callout a.green-btn {
    padding: 24px 12px;
    max-width: 387px;
    width: 100%;
    text-align: center;
    gap: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.end-page-callout h5{
	margin:0;
}
.end-page-callout a.green-btn:active, .end-page-callout a.green-btn:focus {
    transition: transform 150ms;
    transform: scale(0.95);
    transform-origin: center;
    background: #A3E9FE;
}
img.circle-arrow {
    display: flex;
    margin: 0 auto -1px;
}
.tab-content {
    display: block !important;
}

.nmibc-treatment-journey .page-title h1 {
    text-box: trim-both cap alphabetic;
}

.nmibc-treatment-journey .page-title {
    margin: 40px 0;
}

.nmibc-treatment-journey .banner-text {
    top: 50%;
    transform: translateY(-50%);
}

.year-data-wrap {
    background: #063A4C;
}

.year-data--container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    height: 158px;
}

p.year-data--txt {
    font-size: 25px;
    font-style: normal;
    font-weight: 800;
    line-height: 32px;
    color: #fff;
    text-box: trim-both cap alphabetic;
}

.nmibc-treatment-journey h2.sub-head {
    font-family: "filson-pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: 38px;
    color: #063A4C;
    margin: 0 0 32px;
    text-box: trim-both cap alphabetic;
    text-align: center;
}

.nmibc-treatment-journey .step-block--grid2 {
    display: flex;
    gap: 2px;
}

.nmibc-treatment-journey p.step-block__head {
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px;
    text-box: trim-both cap alphabetic;
    padding: 24px;
    text-align: center;
    color: #fff;
}

.nmibc-treatment-journey p.step-block__head.red-clr {
    background: #6D0020;
}

.nmibc-treatment-journey p.step-block__head.blue-clr {
    background: #063A4C;
}

.nmibc-treatment-journey .step-block--grid2 .white-bg,
.nmibc-treatment-journey .step-block--single-grid .white-bg{
    background: #fff;
    padding: 40px;
}

.nmibc-treatment-journey .step-block-row {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    gap: 24px;
}

.nmibc-treatment-journey p.step-block__text span.blue-clr {
    color: #327096;
    font-weight: 800;
}

.nmibc-treatment-journey .step-block--grid2 > div {
    width: 50%;
}

.nmibc-treatment-journey .step-block-row.step-block-row2 {
    margin-top: 40px;
}

.nmibc-treatment-journey span.pink-clr {
    color: #F307F8;
    display: none;
}

.nmibc-treatment-journey .arrow-line {
    margin: 24px 0;
}

.nmibc-treatment-journey p.step-block__head.light-blue-clr {
    background: #327096;
}

.nmibc-treatment-journey .step-block--single-grid {
    max-width: 550px;
    width: 100%;
    margin: auto;
}

.nmibc-treatment-journey .step-block--single-grid .white-bg{
    padding-inline: 80px;
}

.nmibc-treatment-journey .step-block--single-grid .step-block-row {
    justify-content: center;
}

.nmibc-treatment-journey .light-blue-bg.page-content {
    background: #327096;
}

.nmibc-treatment-journey .cards-content__container {
    display: flex;
    gap: 32px;
    margin-bottom: 32px;
}

.nmibc-treatment-journey .cards-content__card {
    background: #fff;
    width: 50%;
    padding: 40px;
}

.nmibc-treatment-journey .cards-content__card-img {
    text-align: center;
    margin-bottom: 32px;
}

.nmibc-treatment-journey a.page-cta__link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 24px;
    gap: 16px;
    height: 50px;
    background: #B8F0FF;
    color: #063A4C;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 32px auto 0;
}

.nmibc-treatment-journey a.page-cta__link.download--btn {
    /*width: 224px;*/
    width: 240px;
}
.nmibc-treatment-journey a.page-cta__link.download--btn img{
	    margin-left: 16px;
}

.nmibc-treatment-journey a.page-cta__link.learn--btn {
    width: 220px;
}

.nmibc-treatment-journey img.page-cta__link-icon {
    width: 24px;
    height: 24px;
}

.nmibc-treatment-journey .cards-content__card {
    position: relative;
}

.nmibc-treatment-journey .footnote-wrap > p {
    /* font-family: "filson-pro", sans-serif; */
    font-size: 14px;
    font-style: normal;
    font-weight: 425;
    line-height: 20px;
    color: #fff;
    margin-left: 7px;
    text-indent: -2px;
    text-box: trim-both cap alphabetic;
}

.nmibc-treatment-journey span.fn-symbol {
    margin-left: -5px;
    margin-right: 2px;
}

.nmibc-treatment-journey h3.cards-content__card-title {
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: normal;
    margin-bottom: 16px;
}

.nmibc-treatment-journey .cards-content__card h3,
.nmibc-treatment-journey .cards-content__card p {
    text-box: trim-both cap alphabetic;
}

.nmibc-treatment-journey p.cards-content__card-txt {
    font-family: 'filson-pro';
    margin-bottom: 20px;
    color: #333;
}


.nmibc-treatment-journey span.text-underline {
    text-decoration: underline;
    text-underline-offset: 2px;
	color: #fff;
}

.nmibc-treatment-journey a:hover span.text-underline {
    color: #B8F0FF;
}

.footnote-wrap>p:not(:last-child) {
    margin-bottom: 11px;
}

.nmibc-treatment-journey .end-callout-wrap.width1132 {
    justify-content: center;
    gap: 40px;
}

.nmibc-treatment-journey .end-page-callout a.green-btn {
    width: 212px;
}

.nmibc-treatment-journey .end-page-callout h5 {
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.24px;
    text-box: trim-both cap alphabetic;
}

.nmibc-treatment-journey .step-block--grid2__right .step-block-row,
.nmibc-treatment-journey .step-block--single-grid .step-block-row {
    gap: 16px;
}

/*Hover functionality*/
a.page-cta__link:hover,
a.page-cta__link:focus, a.page-cta__link:active {
    background: #A3E9FE;
    color: #193965;
    transition: background-color .2s ease-out;
    text-decoration: none;
}

a.page-cta__link.learn--btn:hover img,
a.page-cta__link.learn--btn:focus img, 
a.page-cta__link.learn--btn:active img {
    transform: translateX(8px);
    transition: 150ms;
}

a.page-cta__link:active {
    transition: transform 150ms;
    transform: scale(0.95);
    transform-origin: center;
    background: #A3E9FE;   
    text-decoration: none;
}

.nmibc-treatment-journey .doctor-callout{
	background-color: #063A4C;
}
.nmibc-treatment-journey .doctor-callout .flex{
	max-width: 938px;
	margin: 0 auto;
	display: flex;
	padding: 40px 0;
	gap: 32px;
	align-items: start;
}
.nmibc-treatment-journey .doctor-callout p{
	font-family: "Filson-Pro";
	font-size: 25px;
	font-style: normal;
	font-weight: 425;
	line-height: 32px;
	color: #fff;
}



@media screen and (max-width: 991px) {
    .nmibc-treatment-journey .doctor-callout .flex{
		padding: 40px 15px;
		flex-direction: column;
		align-items: center;
	}
    .page-title {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .page-title h1 {
        font-size: 30px;
        line-height: 34px;
        letter-spacing: 0.3px;
        padding: 0 10px;
		width: 100%;
	}
    .banner-text h2 {
        font-size: 26px;
        text-align: center;
        line-height: 32px;
        letter-spacing: 0.52px;
    }
    .banner-text{
        background: #327096;
        position:static;
        padding: 32px 15px;
        max-width: 100%;
	}
    .banner-text p {
        text-align: center;
        padding: 0;
        letter-spacing: normal;
    }
    .page-content{
		padding:64px 15px;
	}
    .understanding-mibc-treatment-journey .accordion-container .accordion-header{
        padding:24px !important;
        display:flex;
        gap: 24px;
        align-items: center;
        border-bottom: none !important;
    }
    .understanding-mibc-treatment-journey .accordion-container .accordion-header span.ac-header{
        color: #fff;
        font-size: 24px;
        line-height: 30px;
        font-weight: 800;
        font-family: "filson-pro";
        display: flex;
        flex-direction: column;
        padding-right: 38px;
    }
    .understanding-mibc-treatment-journey .accordion-container .accordion-header span.ac-header span{
		font-size: 18px;
        font-weight: 400;
        line-height: 24px;
    }
    #ah-1{
        background: #063A4C;
    }
    .accordion-header img {
        width: 60px;
    }
    .understanding-mibc-treatment-journey .accordion-container .ui-icon{
 		background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/mibc1/global/icon-plus.svg);
        width: 40px;
        height: 40px;
        background-size: 40px;
        top: 45px;
	}
    .understanding-mibc-treatment-journey .accordion-container .ui-state-active .ui-icon {
        background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/mibc1/global/icon-minus.svg);
        width: 40px;
        height: 40px;
        background-size: 40px;
        top: 45px;
    }
	#ah-2 {
        background: #327096;
    }
	#ah-3 {
        background: #6D0020;
    }
    .understanding-mibc-treatment-journey .tab-content-inner{
        width:100%;
    }
    .understanding-mibc-treatment-journey h3.active + .tab-content {
            padding: 0 !important;
    }
    .step-block-content .flex {
        align-items: flex-start;
    }
    .step-block-content .flex:first-child {
        border-bottom: 2px solid #ecfcff;
    }
	.step-block-content {
        padding-top: 16px;
    }
    .tab-item-content.tab-first-item .step-block-content{
        z-index: 1;
        position: relative;
    }
    .understanding-mibc-treatment-journey .accordion-container .tab-content p{
		
        color: #333;
            letter-spacing: -0.1px;
        margin-bottom: 0 !important;
	}
    .understanding-mibc-treatment-journey .accordion-container .tab-content p strong, p.mt32 strong {
        font-weight: 800;
    }
    .understanding-mibc-treatment-journey .accordion-container #ah-2.ui-state-active .ui-icon, .understanding-mibc-treatment-journey .accordion-container #ah-3.ui-state-active .ui-icon {
        top: 40px;
    }
    div#accordion {
        background: #ECFCFF;
    }
	.foot-note {
    	padding: 0 15px 32px;
    }
    .end-callout-wrap.width1132 {
        padding: 10px 15px;
        gap: 40px;
    }
    .end-page-callout h5 {
        letter-spacing: -0.26px;
    }
    .end-page-callout a.green-btn{
        padding: 12px 30px;
    	font-size: 18px;
        line-height: 24px;
    }
	.page-title h2 .text-nowrap {
        white-space: normal;
    }
	.step-block-content img {
        width: 50px;
    }
	.understanding-mibc-treatment-journey .tab-first-item span.text-nowrap.reg{
        font-weight: 425;
    }

    .nmibc-treatment-journey .banner-text {
        position: static;
        transform: none;
    }
    
    .nmibc-treatment-journey .year-data--container {
        flex-direction: column;
        height: auto;
        padding: 64px 40px;
        text-align: center;
    }
    
    .nmibc-treatment-journey .step-block--grid2 {
        flex-direction: column;
    }
    
    .nmibc-treatment-journey .step-block--grid2 > div {
        width: 100%;
    }
    
    .nmibc-treatment-journey .arrow-line img {
        width: 100%;
    }
    
    .nmibc-treatment-journey .step-block--single-grid .white-bg {
        padding-inline: 24px;
    }
    
    .nmibc-treatment-journey .step-block--grid2 .white-bg {
        padding-inline: 24px;
    }
    
    .nmibc-treatment-journey .banner-text h2 {
        text-box: trim-both cap alphabetic;
    }
    
    .nmibc-treatment-journey .step-block--grid2__right .step-block-row {
        gap: 16px;
    }
    
    .nmibc-treatment-journey .step-block--grid2__right .white-bg {
        padding-right: 22px;
    }
    
    .nmibc-treatment-journey .step-block--single-grid .step-block-row {
        gap: 16px;
    }

    .nmibc-treatment-journey .cards-content__container {
        flex-direction: column;
    }
    
    .nmibc-treatment-journey .cards-content__card {
        width: 100%;
        padding: 40px;
    }
    
    .nmibc-treatment-journey .cards-content__container > .cards-content__card:last-child {
        padding-inline: 20px
    }
    
    .nmibc-treatment-journey .cards-content__container > .cards-content__card:last-child > *:not(.cards-content__card-img) {
        padding-inline: 20px
    }

    .nmibc-treatment-journey .end-page-callout {
        padding: 40px 15px;
    }
    
    .nmibc-treatment-journey .end-callout-wrap.width1132 {
        padding: 0;
    }
    
    .nmibc-treatment-journey .end-page-callout a.green-btn {
        width: 100%;
        max-width: 360px;
        height: 72px;
    }

    .nmibc-treatment-journey .footnote-wrap>p:last-child {
        width: 100.3%;
    }

}

@media screen and (min-width: 992px) {
    .nmibc-treatment-journey a.page-cta__link.download--btn {
        position: absolute;
        bottom: 40px;
        left: 25.4%;
    }

    .nmibc-treatment-journey .footnote-wrap>p:last-child {
        width: 100.4%;
    }

    .step-block-row.step-block-row1.new-step-block-row + .cards-content__container > .cards-content__card {
        padding-inline: 35px;
    }

}

@media screen and (max-width: 390px) {
	.understanding-mibc-treatment-journey .accordion-container #ah-3.accordion-header span.ac-header {
    	max-width: 160px;
	}
    
}
.understanding-mibc-treatment-journey  .page-content .page-content-inner h4{
		    text-align: left;
                    }


/*Pink variable starts here*/
.pink-var {
    color: #F307F8;
}

.pink-var:before {
    content:"[";
}

.pink-var:after {
    content:"]";
}


.pink-bracket:before,
.pink-bracket:after {
    content: "";
    width: 10px;
    height: calc(100% + 29px);
    display: inline-block;
    position: absolute;
    border: 5px solid #F307F8;
    top: -14px;
}

.pink-bracket:before {
    left: -24px;
    border-right: 0;
}

.pink-bracket:after {
    right: -24px;
    border-left: 0;
}

.pink-bracket {
    position: relative;
}

p.cards-content__card-txt.pink-bracket:before {
    left: -8px;
}

p.cards-content__card-txt.pink-bracket:after {
    right: -1px;
}

p.cards-content__card-txt.pink-bracket:after, p.cards-content__card-txt.pink-bracket:before {
    height: calc(100% + 23px);
    top: -10px;
}

.step-block-row.step-block-row1.new-step-block-row {
    margin-bottom: 25px;
    justify-content: center;
}

@media screen and (max-width: 991px){
    p.cards-content__card-txt.pink-bracket:before {
        left: 0px;
    }
    
    .pink-bracket:before {
        left: -7px;
    }
    
    .pink-bracket:after {
        right: -12px;
    }

    p.cards-content__card-txt.pink-bracket:after, p.cards-content__card-txt.pink-bracket:before {
        height: calc(100% + 18px);
        top: -5px;
    }

}