@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Sora:wght@100..800&display=swap');
.background-blue {
    background-color: #6810D4;
}
.fw-normal{
    font-style:normal !important;
}
.ml{
    margin-left:2px}
.ml-5{
    margin-left:4px}
.margin-0{
margin:0 !important;}
.ff-roboto-black{
        font-family: 'Roboto-black' !important;
font-weight:900}
.brca-testing.bc-brcatest.npp-q4-testing .npp-headline-sec .ml_2space {
    margin-left: 5px;
}
.roboto-reg{
    font-family: "Roboto-Regular" !important;
}
.no-span-transform{
           transform: skew(10deg);
    display: block;

}
/*.safety-npp-q4 sup{
font-family: "Roboto";}*/
.lav-purp{
    color:#5B477C;
            text-decoration:underline;
}
.green-var-shade{
color:#7F9C21;
}
.light-background-purple{
    background: #E7DCF9 !important;
}
#maincontent .mbottom_0 {
    margin-bottom: 0 !important;
}
.green-var {
    color: #B2D236;
}

#maincontent .purple-color {
    color: #6810D4 !important;
}

.purple-background-common {
    background: #23024F;
}
.background-purp{
background:#6810D4;
    }
.light-purple{
    background:#F1E9FC;
    }
.select-from-text.npp-q4-select-section {
    background: #5B477C;
    /*border-top: 1px solid white;*/
    padding: 16px 0 0px;
}

.rich-text:has(.sticky-nav.npp-q4-sticky-nav) {
    position: sticky;
    top: 141px;
    z-index: 2;
}
.normalpara{
font-size:16px !important;
line-height:120% !important;
}
.select-from-text.npp-q4-select-section>div {
       max-width: 1004px;
    margin: 0 auto;
    padding-left: 20px;
    display: flex;
    gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
}

.sticky-nav.npp-q4-sticky-nav {
    background: #5B477C;
}

.select-from-text.npp-q4-select-section>div img {
    margin: 0 !important;
    padding: 0 !important;
    width: 28px;
    margin-top: 9px !important;

}
.sticky-nav.npp-q4-sticky-nav .dropdown-menu>li>a.section-active:active{
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 1.20em;} 

.select-from-text.npp-q4-select-section .dropdown-menu>li>a {

    padding-top: 0px !important;
}

.sticky-nav.npp-q4-sticky-nav .dropdown-toggle
 {
    display: none
}

.sticky-nav.npp-q4-sticky-nav .sticky-inpage-links.dropdown-menu {
    padding-top: 12.5px;
  padding-bottom: 12.5px;
    color: white;
    display: flex;
    background-color: #004D74;
    border-radius: 0;
    position: static;
    min-width: unset;
    max-width: unset;
    width: 100% !important;
    margin: 0 !important;
    float: unset;
    background: none;
    box-shadow: none;
    border: none;
 margin-left: 46px !important;
}

.sticky-nav.npp-q4-sticky-nav .dropdown-menu>li>a {
 font-size: 14px;
    line-height: 24px;
    font-family: "Roboto-Bold";
    color: #ffffff;
    margin: 0;
  padding: 0 !important;
          /* border-bottom: 3px solid white;   */
  
}
.sticky-nav.npp-q4-sticky-nav .dropdown-menu>li>a.section-active{
   /* border-bottom: 3px solid white;   */
   text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 1.20em;
}


.sticky-nav.npp-q4-sticky-nav .dropdown-menu>li>a:hover {
    color: #ffffff;
}

#maincontent .select-from-text.npp-q4-select-section .sticky-head {
    font-size: 16px !important;
    line-height: 22px !important;
    font-family: "Roboto-Bold" !important;
    color: #ffffff;
    margin: 0;
        letter-spacing: -0.04em;
}

#maincontent .select-from-text.npp-q4-select-section .sticky-desc {
    font-size: 12px !important;
    line-height: 22px !important;
    font-family: "Roboto-Regular" !important;
    letter-spacing: -0.04em;
    color: #ffffff;
    margin: 0;
}
.sticky-nav.npp-q4-sticky-nav .sticky-inpage-links.dropdown-menu li{
/* border-left: 1px solid white; */
    padding-left: 16px;
        padding-right: 16px;
}
.sticky-inpage-links.dropdown-menu li:not(:first-child){
    border-left: 1px solid white;

}
/*purple-section*/

#maincontent .purple-background-common {
    padding: 30px 0px;
}

#maincontent .purple-background-common .inner-warp.hcp-res {
    margin-top: 0px
}

#maincontent .purple-background-common .heading p {
    font-size: 25px;
    line-height: 32px;
    color: #ffffff;
    font-family: 'Roboto-Bold';
    font-weight: 700;
    margin-bottom: 16px;
    max-width: 1004px;
    margin: 0 auto;
}

#maincontent .purple-background-common .inner-warp.hcp-res {
    display: flex;
    gap: 32px;
    width: 100%;
    max-width: 1004px;
    margin: 0 auto;

}

#maincontent .purple-background-common .inner-warp.hcp-res>div {
    max-width: 486px;
    margin: 0 auto;
    background: #ffffff;
    padding: 16px 16px 16px;
    width:100%
}

#maincontent .background-blue.common-pruple {
    color: #ffffff;
    padding: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
}

#maincontent .purple-background-common .heading {
    margin-bottom: 16px;
}

#maincontent .purple-background-common .inner-warp.hcp-res .head-white-text {
    font-size: 24px;
    line-height: 100%;
    color: #6810D4;
    font-family: 'Roboto-Bold';
    font-weight: 700;
    margin-bottom: 8px;
}

#maincontent .purple-background-common .inner-warp.hcp-res .common-purpl-p {
    font-size: 16px;
    line-height: 120%;
    color: #000000;
    font-family: 'Roboto-Regular';

    margin-bottom: 8px;
}

#maincontent .purple-background-common .inner-warp.hcp-res>div.purple-wrapper.res-1 {

    padding-top: 24px;
}

#maincontent .purple-background-common .inner-warp.hcp-res>div.purple-wrapper.res-1 .common-purpl-p {
    padding-top: 9px
}

#maincontent .purple-button a {
    border: 1px solid #6810D4;
    border-radius: 8px;
    max-width: 453px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 15px 0px;
    font-size: 16px;
    line-height: 120%;
    color: #6810D4;
    font-family: 'Roboto-bold';
    font-style: italic;
    text-decoration: underline;
}

#maincontent .purple-background-common .inner-warp.hcp-res>div.purple-wrapper.res-1 .purple-button {
    margin-top: 79px;
}

#maincontent .purple-button a img {
    margin-left: 5px;
}

#maincontent .second-with-image {
    display: flex;
    gap: 31.43px;
}

#maincontent .purple-wrapper.res-2 .whitebackground-q4 {
    padding-top: 8px;
}

#maincontent .purple-wrapper.res-2 .whitebackground-q4>:nth-child(2) {
    padding-top: 12px;
    padding-bottom: 16px;
    margin-bottom: 0;
}

#maincontent .purple-wrapper.res-2 .purple-button img {
    position: relative;
    top: -1px;
}
.brca-testing #maincontent .purple-background-common  .inner-warp.hcp-res .res-3 .common-purpl-p {
    margin-top: 20px;
}
#maincontent .purple-background-common.sec2 .inner-warp.hcp-res>div {
    margin-left: 0;
        padding-top: 24px;
}

.brca-testing #maincontent .purple-background-common.sec2 .inner-warp.hcp-res>div.purple-wrapper.res-3 .purple-button {
    margin-top: 30px !important;
}
#maincontent .purple-background-common.sec2 .common-purpl-p{
    padding-top: 9px;}



/*purple-section*/
@media screen and (max-width:1003px) {
    /* sanity issues starts */ 

	.dosing-page .dosing-new-section.npp-section-id.visible .graphic-copy.npp-safety-graphic.green-dq4.new-q4-update {
    	padding-right: 13px !important;
	}

    /* Sanity issues ends */
    #maincontent .purple-background-common .inner-warp.hcp-res>div.purple-wrapper.res-1 .common-purpl-p {
    padding-top: 14px !important;
}
    .sticky-nav.npp-q4-sticky-nav .sticky-inpage-links.dropdown-menu {
        flex-direction: column;
        padding-left: 25px;
        margin-left: 0 !important;
    }

    .sticky-nav.npp-q4-sticky-nav .sticky-inpage-links.dropdown-menu>li {
        border-left: 1px solid white !important;
                padding: 0;
    }

    .sticky-nav.npp-q4-sticky-nav .dropdown-menu>li>a:last-child {
        padding-bottom: 0px !important;
    }
.npp-max-width .sticky-inpage-links.dropdown-menu > li:not(:last-child) > a{
padding-bottom:16px !important;
}
    .sticky-nav.npp-q4-sticky-nav .dropdown-menu>li>a {
        padding-left: 20px !important;
    }

    .sticky-nav.npp-q4-sticky-nav .dropdown-menu>li>a:hover {
        background: none;
    }

    .select-from-text.npp-q4-select-section>div {

        padding-left: 16px;
    }

    .rich-text:has(.sticky-nav.npp-q4-sticky-nav) {

        position: unset;
    }

    /*last purple-section  */
    #maincontent .purple-background-common .inner-warp.hcp-res {
        flex-direction: column;
        padding: 0;
    }

    #maincontent .purple-background-common {
        padding: 30px 16px;
    }

    #maincontent .purple-background-common .inner-warp.hcp-res>div.purple-wrapper.res-1 .purple-button {
        margin-top: 32px;
    }

    #maincontent .purple-wrapper.res-2 .whitebackground-q4>:nth-child(2) {
        padding-top: 12px;
        padding-bottom: 32px;
    }

   #maincontent  .second-with-image {

        margin-left: 12px;
    }

   #maincontent  .purple-background-common .inner-warp.hcp-res .head-white-text {

        line-height: 120%;
        margin-bottom: 0;
    }
 #maincontent .purple-background-common.sec2 .common-purpl-p {
    padding-top: 21px;
}

}

@media screen and (min-width:1004px){
.brca-testing #maincontent .purple-background-common .inner-warp.hcp-res>div.purple-wrapper .purple-button {
    margin-top: 20px !important;
}

.brca-testing #maincontent .purple-background-common .inner-warp.hcp-res>div.purple-wrapper.res-1 .purple-button {
    margin-top: 30px !important;
}

.brca-testing #maincontent .purple-background-common .inner-warp.hcp-res>div.purple-wrapper.res-3 .purple-button {
    margin-top: 132px !important;
}
   #maincontent .purple-background-common.sec2 .purple-button {
        margin-top: 58px;
    }
.box3 .head-white-text ~ .purple-button {
    bottom: 0;
    position: absolute;
    width: 100%;
}
.box3 .whitebackground-q4 {
    position: relative;
    height: 100%;
}
}

/*last purple-section  */


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

    .three-wrap .or-text{
        background-color: #004D74;
    color: #FFFFFF!important;
    padding: 2px 5px;
    transform: skew(-10deg);
    display: inline-block;
                font-family: 'Roboto' !important;
        font-weight: 700!imporant;
                margin-bottom: -10px;

}

    .purple-content p.cust-onet{
    font-family: 'Roboto'!important;
    font-size: 16px !important;
    line-height: 120%!important;
            font-weight: 700;


}
        .second-purple p.first-text{
            font-family: 'Roboto'!important;
                    font-weight: 500 !important;
            font-size: 24px !important;
    line-height: 120%!important;

    }



 
       .purple-background-common.sec2{
        padding-top: 2px!important;
}
                .indent-1.cust-vector{
                top: 5px;
        }

.npp-update-safety-headline .footnote{

padding-top:0px!important;
    padding-bottom:0px!important;

}



}


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

    .two-wrap .or-text-de.div-custor{
        background-color: #004D74;
    color: #FFFFFF;
    padding: 2px 5px;
    transform: skew(-10deg);
    display: inline-block;
    font-family: 'Roboto' !important;
        font-weight: 700!important;
}


    .section-three.two-wrap .head-row{
    top: -4px;
    position: relative;
}

    .divcust-cnt{
    height: 324px !important;
}

    .divcust-cnt .purple-button.cust-btn{

                        margin-top:16px!important;
                    }
.safety-cust ul.footnote li{

            max-width: 999px;
}
.npp-update-safety-headline .footnote{

padding-top:0px!important;
    padding-bottom:0px!important

}
  .purple-content p.cust-onet{
        font-size: 16px!important;
    line-height: 120%!important;
            font-family: 'Roboto' !important;
        font-weight: 700!important;
    } 
.second-purple p.first-text{
        font-weight: 500!important;
    font-size: 24px !important;
    line-height: 120% !important;
        font-family: 'Roboto' !important;
}




}

.safety-cust ul.footnote li{
        font-family: Roboto;
    font-size: 14px;
    line-height: 120%;
    color: #FFFFFF;
    font-weight: 400;
        text-indent: 0px;
    padding-left: 6px;
    padding-top: 8px;

}
    .safety-cust .indent-1{
    padding-right:1px

    }

.cust-onet{
    color:#6810D4!important;
}

    .cust-sect{
    color:#6810D4!important;
}

.dosing-new-section.npp-section-id.visible .graphic-copy.npp-safety-graphic.green-dq4.new-q4-update {
    padding: 15px 16px!important;
                            }


/*CC*/
@media (min-width:1004px) and (max-width: 1201px) {
.sticky-nav.npp-q4-sticky-nav .sticky-inpage-links.dropdown-menu {
   
    margin-left: 19px !important;
}

}

            @media (max-width:1003px) {
      .carousel-body li.carousel-mob-sub-menu>a {
    border: none;
}
}
 

/*PPT*/

            @media (min-width:320px) and (max-width: 330px) {
            .resource-library #maincontent .purple-button.cust-btn a {
                    padding-right: 10px;
    padding-left: 10px;


            }

                .dosing-page #maincontent .purple-wrapper.res-2 .purple-button img {

        left: -8px!important;
                }

        }



@media screen and (min-width:320px) and (max-width:335px) {

  .dosing-page #maincontent .graphic-copy.npp-safety-graphic.green-dq4 p {
    font-family: 'Roboto-Bold';
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (min-width:345px) and (max-width:370px) {
  .dosing-page #maincontent .graphic-copy.npp-safety-graphic.green-dq4 p {
    font-family: 'Roboto-Bold';
    padding-right: 10px;
    padding-left: 10px;
  }


}

 

@media screen and (min-width:448px) and (max-width:500px) {


.dosing-page #maincontent .graphic-copy.npp-safety-graphic.green-dq4 p {
    font-family: 'Roboto-Bold';
    padding-right: 10px;
    padding-left: 10px;
  }

}
@media screen and (min-width:520px) and (max-width:1003px) {
  .dosing-page #maincontent .graphic-copy.npp-safety-graphic.green-dq4 p {
    font-family: 'Roboto-Bold';
    padding-right: 10px;
    padding-left: 10px;
  }


}

 @media screen and (min-width:550px) and (max-width:1003px) {

                                    .home .bc-home-banner-esmo.npp-bc-banner-home .banner-container.esmo-3-update .heading-one {
                        max-width: 100%;
                }
                                                           .home .bc-home-banner-esmo.npp-bc-banner-home .banner-container.esmo-3-update {

    max-width: 100%!important;
                                                            }

                                                                                .home  .cistctrl-nc{
                                                                             max-width: 100%!important;
                                                                        }

                                }




@media screen and (min-width:400px) and (max-width:1003px) {

                       .olympia.npp-page #maincontent .npp-img-sec img {
 
                    max-width:100%!important;
                     width:100%!important;
 
                    }


                    }