.@import url('https://fonts.cdnfonts.com/css/filson-pro?styles=96092,96090,96082,96086,96080');

@font-face {
	font-family:'filson-pro';
	font-display: swap;
    src: url('/content/dam/website-services/us/498-rwd-imfinzi-com/sclc-redesign/fonts/FilsonProRegular.woff');
}
body { scroll-behavior: smooth; }
.text-nowrap {
    white-space: nowrap;
}
.pingBracket{
	color:#e82de6;
}
.clear {
    clear: both;
}
 a, body a:hover, body a:focus {
    outline: none;
}
a:focus, a:hover {
    text-decoration: none;
}
body.overflow-hidden {
    overflow: hidden;
}
.no-break{
        white-space: nowrap;
}

.etoposide{
	text-indent:-8px;
    font-size:14px!important;
    line-height:20px!important;
}

p{
	padding: 0;
	margin: 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #333;
}
.pink{
	color: #F307F8;
}
body{
    font-family: "Filson Pro", sans-serif;
}
.container {
        width: 100%;
        padding: 0;
		background-color: #FFF;
    }

.callOutWrapper {
    background: #AA182C;
}

.callOutWrapper .calloutWrap {
    padding: 30px 0;
    color: #FFF;
    width: 745px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
    align-items: center;
}

.callOutWrapper .calloutWrap h3.callout_headline {            
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.24px;
    margin: 0;
}

.callOutWrapper .calloutWrap a.callout-btn-cta {
    display: flex;
    align-items: center;
    height: 74px;
    background: #6D0020;
    gap: 15px;
    padding: 0 25px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.50);
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    justify-content: center;
}

.callOutWrapper .calloutWrap a.callout-btn-cta:hover{
	box-shadow:none;
	gap: 25px;
    padding: 0 10px;
}

.callOutWrapper .calloutWrap span.callout-btn-cta-icon {
    background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/stage-2a-3b-nsclc-p3/global/cta-arrow-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 15px;
    height: 25px;
}

.callOutWrapper .calloutWrap a.callout-btn-cta .callout-btn-cta-txt{
    background-image: linear-gradient(#FFF 0 0);
    background-position: left 25px;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: all 0.2s ease;
}


.callOutWrapper .calloutWrap a.callout-btn-cta:hover .callout-btn-cta-txt {    
    background-size: 100% 2px;
}

#empoverlay #exitdialog {
    top: 120px;
    left: 0 !important;
    margin: 0 auto;
    right: 0 !important;
    display: block;
   /* border-radius: 8px 50px 8px 50px !important;*/
    max-width: 624px;
    width: 80.2%;
    padding: 20px;
    width: 624px;
    padding: 32px 32px 40px 32px;
}

.siteexit-title {
    margin-bottom: 22px;
}

#exitdialog p {
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    cursor: pointer;
    margin: 8px 0;
}
.scroll-top{
	position: fixed;
	display: none;
	height: 68px;
	background-image: url('/content/dam/website-services/us/498-rwd-imfinzi-com/sclc-redesign/global/Sticky.svg');
	width: 55px;
	top: 60vh;
	right: 0;
    font-size: 0;
    cursor: pointer;
    z-index: 9;
}
.bold{
	font-weight: 800;
}
.heavy{
	font-weight: 900;
}

/* Exit ramp popup */

.modal-content {
    height: 368px;
    border-radius: 0 !important;
    width: 624px;
    padding: 32px 32px 40px 32px;
    border: none;
    background-color: #FFFFFF;
}
.modal-header {
    display: none;
}
.modal-dialog {
    width: 80.2% !important;
    max-width: 657px;
    text-align: center;
        margin-top: 13em;
}
.modal-dialog {
    max-width: 612px;
    margin-top: 16em;
}
.close_icon {
    text-align: right;
    cursor: pointer;
    margin: -6px -16px 0px 0px;
}
p.close_icon img {
    max-width: 55px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.siteexit-title h2 {
    font-size: 23px;
    font-weight: 300;
    margin-top: 16px;
    line-height: 1.39;
    letter-spacing: 0.6px;
    text-align: center;
    color: #ac182e;    
    text-transform: uppercase;
}
.siteexit-title h2 {
    color: #193965;    
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 20px;
    font-size: 30px;
    line-height: 38px;
    font-weight: 900;
}
.siteexit-content {
    font-size: 16px;
    line-height: 21px;
    color: #555555;
}
p.siteexit-text {
    color: #333;
    font-weight: 400;
    font-size: 18px;
    /* padding: 5px 16px 10px; */
    line-height: 24px;
    /* margin-bottom: -3px; */
}
.siteexit-button {
    text-align: center;
    /* margin-bottom: 40px; */
}
.siteexit-button a {
    display: inline-block;
    margin: 0 auto;
    float: none;
    margin-top: 32px;
    padding: 11.5px 25px 11.5px 25px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 17px;
    background-color: #003865;
    border-top-right-radius: 20px;
    border: none;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 0.6px;
}

.siteexit-button>a {
    font-weight: 700;
    background-color: #193965;
    border-radius: 0px !important;
    position: relative;
    text-transform: none;
    max-width: 200px;
    width: 100%;
    padding: 15px 15px 15px 25px;
    font-size: 18px;
    letter-spacing: 0.18px;
    box-shadow: 2px 3px 4px #00000029;
    padding: 13px 24px !important;
    display: inline-block;
    line-height: 24px;
}
.siteexit-button>a.back-button {
    text-align: right;
    margin-right: 24px;
    max-width: 200px !important;
    width: 100% !important;
    padding-right: 48px!important;
}
.siteexit-button>a.back-button:hover, .siteexit-button>a.back-button:active, .siteexit-button>a.back-button:focus {
    background-color: #00223E;
    transition: 150ms;
}
.siteexit-button>a.back-button:hover::before {
    margin-left: -5px;
    transition: 150ms;
}
.siteexit-button>a.cont-button:hover, .siteexit-button>a.cont-button:active, .siteexit-button>a.cont-button:focus {
    background-color: #52081E !important;
    transition: 150ms;
}
.siteexit-button>a.cont-button:hover::after {
    right: 30px;
    transition: 150ms;
}
.siteexit-button>a.back-button::before {
    border-top: none;
    border-left: none;
    background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/sclc-redesign/global/arrow-white.svg);
    content: " ";
    position: absolute;
    display: inline-block;
    border: none;
    transform: unset;
    left: 9px;
    top: 14px;
    width: 24px;
    height: 24px;
    left: 48px;
    top: 13px;
     transition: 150ms;
}
.siteexit-button>a.cont-button {
    background-color: #6D0020;
    text-align: left;
    /* margin-left: 15px; */
    padding: 15px 25px 15px 15px;
    max-width: 200px;
    margin-right: 0;
    margin-top: 32px;
    padding-left: 48px!important;
     transition: 150ms;
}
.siteexit-button>a.cont-button::after {
    border-bottom: none;
    border-right: none;
    background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/sclc-redesign/global/arrow-white.svg);
    content: " ";
    content: " ";
    position: absolute;
    display: inline-block;
    border: none;
    right: 34px;
    top: 13px;
    width: 24px;
    height: 24px;
    transform: rotate(180deg);
}
.close_icon {
        margin: -1px -1px 0px 0px;
}

/* Exit ramp popup ends */











@media screen and (min-width: 992px) {

	.mobile_only{
		display: none;
     }
    .desktop_only{
		display: block;
        }
	.new-mobile-only, .mobile-sign-up-container.new-mobile-only {
        display: none;
    }

}

@media screen and (max-width: 991px) {

	.mobile_only{
		display: block;
        }
    .desktop_only{
		display: none;
        }


}



#empoverlay #exitdialog {
    top: 120px;
    left: 0 !important;
    margin: 0 auto;
    right: 0 !important;
    display: block;
    /* border-radius: 8px 50px 8px 50px !important;*/
    max-width: 624px;
    width: 80.2%;
    padding: 20px;
    width: 624px;
    padding: 32px 40px 40px 40px;
}

.siteexit-title {
    margin-bottom: 25px;
}

#exitdialog p {
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    cursor: pointer;
    margin: 0;
}

 #exitdialog a.close {
    opacity: 1;
}
#exitdialog .close_exit {
    content: url(/content/dam/website-services/us/498-rwd-imfinzi-com/Cholangio-carcinoma/desktop/exitramp-close-icon.svg);
}

#exitdialog .close_icon img.close_exit {
    max-width: 55px;
    right: 20px;
    top: 25px;
    position: absolute;
    display: none;
}
#empoverlay #exitdialog .close{opacity: 1;}
#empoverlay #exitdialog .close::after{
    background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/sclc-redesign/global/close-exit.svg);
    content: " ";
    position: absolute;
    display: inline-block;
    border: none;
    right: 32px;
    top: 32px;
    width: 40px;
    height: 40px;
}
.modal-body{
	padding: 0;
}
.siteexit-title h2 {
    color: #193965;
    font-weight: 800;
    font-size: 30px;
    line-height: 38px;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    padding-top: 40px;
}
.siteexit-title h2 .text-nowrap{
	white-space: initial;
}

#exitdialog p {
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}
#exitdialog .siteexit-content p,#exitdialog .rich-text p{
	line-height: 24px;
}
#exitdialog button.btn.back {
    text-align: right;
    margin-right: 15px;
}

#exitdialog p.btns button {
    box-shadow: 2px 3px 4px #00000029;
}
#exitdialog .btns button {
    font-weight: 700;
    background-color: #193965;
    border-radius: 0px !important;
    position: relative;
    text-transform: none;
    width: 100%;
    padding: 12px;
    font-size: 18px;
    letter-spacing: 0.18px;
    box-shadow: 0px 6px 10px #00000029;
    border: none;
    padding-right: 15px;
}


#exitdialog button.btn.ok {
    background-color: #6D0020 !important;
    /* text-align: left; */
    margin-left: 0;
    order: 1;
    padding-left: 15px;
}
#exitdialog button.btn.back {
    max-width: 200px!important;
    width: 100%!important;
}

#exitdialog button.btn.ok::after {
    content: " ";
    width: 10px;
    height: 10px;
    border: 2px solid #FFFFFF;
    position: absolute;
    right: 12px;
    top: 20px;
    transform: rotate(136deg);
    border-bottom: none;
    border-right: none;
}
#exitdialog button.btn.ok::after {
    /*content: " ";
    width: 10px;
    height: 10px;
    border: 2px solid #FFFFFF;
    position: absolute;
    right: 12px;
    top: 20px;
    transform: rotate(136deg);
    border-bottom: none;
    border-right: none;*/
    background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/sclc-redesign/global/arrow-white.svg);
    content: " ";
    position: absolute;
    display: inline-block;
    border: none;
    right: 8px;
    top: 11px;
    width: 24px;
    height: 24px;
    transform: rotate(180deg);
}
 #exitdialog button.btn.ok::after {
    right: 35px;
    top: 13px;
}
#exitdialog p.btns {
    margin: 32px auto 0;
    width: 290px;
    display: flex;
    justify-content: center;
}

#exitdialog button.btn.back {
    text-align: right;
    margin-right: 24px;
    padding-right: 48px!important;
}
#exitdialog .btns button:hover {
    background: #00223E;
    color: #FFF;
    transition: 150ms;
}
#exitdialog button.btn.ok::after {
    right: 39px;
    top: 14px;
}
#exitdialog .btns button.btn.ok:hover {
    background-color: #52081E !important;
    transition: 150ms;
}
#exitdialog .btns button.btn.ok:hover::after {
    margin-right: -5px;
    transition: 150ms;
}
#exitdialog button.btn.back::before {
    content: " ";
    width: 10px;
    height: 10px;
    border: 2px solid #FFFFFF;
    position: absolute;
    left: 16px;
    top: 19px;
    transform: rotate(136deg);
    border-top: none;
    border-left: none;
}

#exitdialog .btns button:hover {
    background: #00223E;
    color: #FFF;
}

#exitdialog .btns button.btn.ok:hover{
    background: #52081E !important;
}
#exitdialog button.btn.back::before {
    /*content: " ";
    width: 10px;
    height: 10px;
    border: 2px solid #FFFFFF;
    position: absolute;
    left: 12px;
    top: 20px;
    transform: rotate(136deg);
    border-top: none;
    border-left: none;*/
    background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/sclc-redesign/global/arrow-white.svg);
    content: " ";
    position: absolute;
    display: inline-block;
    border: none;
    transform: unset;
    left: 13px;
    top: 11px;
    width: 24px;
    height: 24px;
}
#exitdialog button.btn.back::before {
    left: 40px;
    top: 13px;
}
#exitdialog .btns button:hover::before {
    left: 35px;
}

 #exitdialog p.btns {
    width: auto;
}
 #exitdialog button.btn.ok {
    width: 200px;
    margin-right: 0;
    padding-right: 50px!important;
    padding-right: 70px !important;
    padding-left: 44px !important;
}
#exitdialog .btns button {
    padding: 12px 24px !important;
    display: inline-block;
}
#exitdialog h2{
	margin: -5px 0 0 0;
}



@media screen and (max-width: 991px) {

	.mobile_only{
		display: block;
        }
    .desktop_only{
		display: none;
        }


	/*****Exit ramp******/

	.modal-dialog{
		top: 25px;
		margin: 0 auto;
		padding: 0 15px;
		width: 100%!important;
	}
	.modal-content{
		padding: 32px 16px 40px;
		height: auto;
		width: 100%;
		margin-bottom: 100px;
		top: calc(50vh - 270px);
	}
	.modal-body{
		padding: 0;
	}
	.siteexit-button{
		margin: 0;
        display: flex;
        justify-content: space-evenly;
	}
	.siteexit-title h2{
		font-size: 26px;
		line-height: 32px;
		padding: 0;
		font-weight: 800;
		padding-top: 40px;
	}
	.siteexit-title{
		margin-bottom: 20px;
	}
	.siteexit-title h2 .text-nowrap{
		white-space: initial;
	}

	.siteexit-button>a.back-button{
		margin: 32px 0 0 0;
	}
	.siteexit-button>a.cont-button{
		/*margin-top: 24px;*/
        margin-left: 0;
	}

	#empoverlay #exitdialog{
		padding: 32px 16px 40px;
		width: calc(100% - 20px);
		margin: 0 auto;
		max-width: 360px;
		top: 30px!important;
    	top: calc(50vh - 240px) !important;
	}
	#empoverlay{
		/* padding: 0 15px; */
	}
	#exitdialog p.btns{
		flex-direction: column;
		gap: 24px;
		justify-content: center;
		align-items: center;
	}
	#exitdialog button.btn.back{
		margin-right: 0;
		margin-left: 0;
	}


	
	/*****Exit ramp******/

	.scroll-top{
		top: 69vh;
    }

	body.fixed-body{
		overflow: hidden;
	}

    .etoposide {
        padding: 32px 15px;
    }

}

@media screen and (min-width: 320px) and (max-width: 500px) {
    .siteexit-button {
        flex-direction: column;
        align-items: center;
    }

}

@media screen and (max-width: 991px) and (orientation:landscape) {

        #empoverlay #exitdialog {
            top: 20px !important;
            height: 74vh;
    		overflow-y: scroll;
        }

        .modal-content {
            top: calc(90vh - 270px);
        }

}