#home-p2a .info {
    /*display: none;*/
}
#home-p2a .info, #home-p2a div#cmp-info {
    display: block !important;
}
div .cmp-info--status-message{display:none}
#cmp-info .cmp-info__close:focus-visible {
    outline: #858585 solid 1px;
    box-shadow: 0 0 0 3px #000000, 0 0 0 6px #ffffff;
}
.info {
    position: absolute;
    width: 100%;
    /* top: 364px; */
    top: 424px;
}
div#cmp-info {
    position: relative;
    width: 100%;
    padding: 12px 24px 12px 48px;
    max-width: 837px;
    background: #FEE9EC;
    border-radius: 28px;
    margin: 0 auto;
    z-index:3;
}
 .bcam-violater .bcam-content p span,.cmp-info__text a,.bcam-violater .bcam-content p{
font-size: 14px;
line-height: 21px;
}
.bcam-violater .bcam-content p {
    color: #000000;
    font-weight: 400;
}

.cmp-info__text a {
    text-decoration: underline !important;
    color: #250E62 !important;
 }

.bcam-content{display:flex;}
.cmp-info__text,.cmp-info__button{padding:0 !important;}
.cmp-info__text{width:100%;}


button.cmp-info__close {
    background: url(/content/dam/intelligentcontent/brands/truqap-hcp/us/en/phase2a/Images/bcam/close_btn_img.svg);
    background-repeat: no-repeat;
    color: transparent;
    width: 16px;
    height: 16px;
    background-position: center;
    }
.bcam-img {
     position: absolute;
     top: 4px;
     left: 8px;
}
.bcam-violater .bcam-content p{ padding-right: 24px;}
.cmp-info__text a:hover{text-decoration:none !important;}


@media only screen and (min-width: 2275px) and (max-width: 2560px) {
    #home-p2a .info {
        top: 610px;
    }
}
@media only screen and (min-width: 1981px) and (max-width: 2274px) {
    #home-p2a .info {
        top: 535px;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1980px) {
    #home-p2a .info {
        top: 470px;
    }
}
@media only screen and (min-width: 1101px) and (max-width: 1300px){
    #home-p2a .info {
        top: 340px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1100px){
    #home-p2a .info {
        top: 290px;
    }
}
@media(max-width:991px){
    
    .bcam-violater.new-bcam img {
        max-width: 80px;
    }
    
    .cust_main_c{
        font-size: 16px;
    line-height: 120%;
    font-weight:500;
            padding-right: 11px;
    }
    
    .cust_vc{
            font-weight: 600!important;
    }
    
    
    
    .new-bcam{
        
                width: 100%;
                        max-width: fit-content;
        
    }
div#cmp-info {
  padding: 24px 12px 24px 112px;
  max-width: 343px;
  margin:0;
  z-index:1;
  }
.bcam-content{flex-direction:column;}
.info {top: 388px;left:0px;width:auto;}
.bcam-img {
    position: absolute;
    top: 18px;
    left: 0px;
    width:100%;
   max-width: 133px;
} 
.bcam-img img{
    max-width: 133px;
    width: 100%;
    }
    .cmp-info__button{position:relative;padding: 0 1em !important}
	button.cmp-info__close{
	position: absolute;
	top: -52px;
	}
	.cmp-info__text a{padding-top: 16px;}
.bcam-violater .bcam-content p{padding:0;}
}
@media(max-width:374px){
		 .bcam-img {top: 5px;}
		
	.bcam-violater .bcam-content p,.bcam-violater .bcam-content p span,.cmp-info__text a{font-size:10px}
	div#cmp-info {padding: 15px 12px 15px 105px;}
    }
@media only screen and (min-width: 351px) and (max-width: 374px) {
        #home-p2a .info {
            margin: 0px 15px;
            top:251px;
        }
}
@media only screen and (min-width: 331px) and (max-width: 350px) {
        #home-p2a .info {
            top:235px;
        }
}
@media only screen and (min-width: 320px) and (max-width: 330px) {
    #home-p2a .info {
        top:228px;
    }
}

/*violator update */

 #home-p2-a .cmp-info__infotext{
    display:flex!important;
    gap: 8px;
    
}

@media only screen and (min-width:992px){
    #home-p2-a .mh-update-section {
    position: absolute;
    right: 0;
    bottom: 389px!important;
    }
    #mechanism-of-action-p2-a #section-2 .section-2-content .moa, #pivotal-trial-p2-a div#pivotal-section-2 .pivotal, #efficacy-p2-a #phase-2 #mpfs-in-subgroups, #efficacy-p2-a #phase-2 #overall-survival, #efficacy-p2-a #phase-2 #mpfs, #safety-p3-a div#adverse-reactions, #safety-p3-a div#laboratory-abnormality, #safety-p3-a div#rates-of-dose-adjustments, #dosing-p3-a #dosing-schedule, #dosing-p3-a #dose-modifications, #access-and-support-p3-a #access-360, #access-and-support-p3-a #resources, #access-and-support-p3-a #specialty-pharmacy-providers {
        scroll-margin-top: 250px;
    }
/*    #access-and-support-p3-a #resources{*/
/*      scroll-margin-top:290px !important;*/
/*}*/
    #home-p2-a .hero-banner:has(.mh-update-section) {
    
    
    height: 742px!important;
    }
    
    
    
    #home-p2-a .hero-banner {
    background-image: url(/content/dam/intelligentcontent/brands/truqap-hcp/us/en/phase2a/Images/bcam/back_img_desk_upd.png)!important;
    }
    
     
    #home-p2-a  button.cmp-info__close {
  
    background-size: 100%!important;
    color: transparent;
    width: 24px!important;
    height: 24px!important;
        position: relative;
    top: -41px!important;
        right: 0px!important;
    }
    
    .cust_violator_logo{
        width: 130px;
    }
    
    #home-p2-a  .info {

    
    top: 514px!important;
    left: -245px!important;
        
    }
    
    .bcam-violater.new-bcam{
            width: 100%;
    max-width: fit-content;
    }
    

    #home-p2-a div#section-2 {
    
    margin-top: -176px!important;
    }
    
    #home-p2-a  .bcam-content.cust-main-cnt-violator{
        display: flex;
                justify-content: center;
    flex-direction: column;
    font-size: 20px;
    line-height: 120%;
    font-weight:500;
    }
    
     #home-p2-a .cust_vc{
            font-weight: 600!important;
    }
    
    .text-underline.fw-bold.indigo-color.cust_viol_truqap{
        font-size:20px!important;
            padding-top: 16px;
                    width: 250px;
        line-height:15px!important;
        font-weight:700!important;
        
    }
    
    
     #home-p2-a div#cmp-info {
   
padding: 8px 32px 8px 8px;
    max-width: 723px;
    height: 146px;
    background: #F5B2CB;
          border-top-right-radius: 32px;
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px;
        border-bottom-right-radius: 32px;
    margin: 0 auto;
    color: #250E62;
    }
}




@media only screen and (max-width:991px){
/*    #access-and-support-p3-a #resources{*/
/*      scroll-margin-top:250px !important;*/
/*}*/
    #home-p2-a:has(.info.cmp-info--hide) .hero-banner .hero-banner-content {
    padding-top: 20px !important;
}
        #mechanism-of-action-p2-a #section-2 .section-2-content .moa, #pivotal-trial-p2-a div#pivotal-section-2 .pivotal, #efficacy-p2-a #phase-2 #mpfs-in-subgroups, #efficacy-p2-a #phase-2 #overall-survival, #efficacy-p2-a #phase-2 #mpfs, #safety-p3-a div#adverse-reactions, #safety-p3-a div#laboratory-abnormality, #safety-p3-a div#rates-of-dose-adjustments, #dosing-p3-a #dosing-schedule, #dosing-p3-a #dose-modifications, #access-and-support-p3-a #access-360, #access-and-support-p3-a #resources, #access-and-support-p3-a #specialty-pharmacy-providers {
        scroll-margin-top: 150px;
    }
    
        #home-p2-a .hero-banner .hero-banner-content {
        padding-top: 160px!important;
        }
    div#cmp-info {
                padding-right: 16px!important;
        padding: 16px 8px;
        color: #250E62;
        max-width: 100%;
        border-radius: 0px;
        height: 139px;
        background-color: #F5B2CB;
    }
    
     .cust_viol_truqap{
             font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 15px !important;
     }
    
}

.cust-main-cnt-violator{
        color: #250E62;
    
}



/*cc*/

@media only screen and (min-width: 320px) and (max-width: 326px) {
       #home-p2-a div#cmp-info {
        padding-right: 10px !important;
        }
}

@media only screen and (min-width: 920px) and (max-width: 991px) {
       #home-p2-a .info {
       
        width: 100% !important;
        }
}

@media only screen and (min-width: 992px) and (max-width: 1245px) {
           #home-p2-a div#cmp-info {
       
        margin-left: 260px!important;
           }
}


@media only screen and (min-width: 992px) and (max-width: 1025px) {
    
        #home-p2-a div#cmp-info {
        padding: 8px 32px 8px 8px;
        max-width: 704px!important;
        }
}

@media only screen and (min-width: 320px) and (max-width: 337px) {
        #home-p2-a .info {
        top: 347px;
        }
 
    
}

@media only screen and (min-width: 337px) and (max-width: 356px) {
        #home-p2-a .info {
        top: 359px!important;
        }
 
    
}

@media only screen and (min-width: 356px) and (max-width: 365px) {
        #home-p2-a .info {
        top: 373px!important;
        }
 
    
}

@media only screen and (min-width: 365px) and (max-width: 374px) {
        #home-p2-a .info {
        top: 379px!important;
        }
 
    
}

@media only screen and (min-width: 992px) {
    #home-p2-a:has(.bcam_url) div#section-2 {
        margin-top: -160px !important;
    }

    #home-p2-a:has(.bcam_url) .hero-banner.bg-banner {
    background-image: url(/content/dam/intelligentcontent/brands/truqap-hcp/us/en/phase2a/Images/bcam/back_img_desk_upd.png)!important;
        min-height: 725px!important;
    }
    
   #home-p2-a:has(.bcam_url) .seo-badge-animation {
    bottom: 378px!important;
    }
    
    
    
}

@media (max-width: 991px) {
   #home-p2-a:has(.bcam_url) .seo-badge-animation {
        bottom: unset;
        top: -77px!important;
   }
    
    
    
    
    
}
/* ************* */
@media screen and (min-width:376px) and (max-width:991px){
    #home-p2-a .hero-banner .hero-banner-content {
        padding-top: 20px !important;
    }

    #home-p2-a .info {
        position: relative;
        top: unset;
    }

    #home-p2-a:has(.bcam_url) .seo-badge-animation {
        top: -170px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1400px){
    #home-p2-a .info {
             top: 30% !important;
    }
}
   
@media screen and (min-width: 320px) and (max-width: 370px){
    .wht-ref{
        word-break:break-all;
    }
        #phase-2 #nc-header nav#mobile-navigation ul.cmp-navigation__group>li:nth-child(10) a, #phase-2 #nc-header nav#mobile-navigation ul.cmp-navigation__group>li:has(a[title="Register for Updates"]) a {
    
        white-space: normal;
    }
     
        #phase-2 #nc-header .navigation ul.cmp-navigation__group li:nth-child(10):after {
             right: 15px;
        }
        
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    #phase-2 div#footer-content>.aem-Grid.aem-Grid--12.aem-Grid--default--12 {
  
        flex-direction: column;
    }
    #phase-2:has(#nc-header) #footer-content>.aem-Grid>.text:last-child {
     max-width: 100%; 
    flex-basis: 84%;
}
#footer-content .footer-links ul {
    margin-bottom: 40px;
}
.brand-rights br{
    display:none;
}
#phase-2 div#isi .isi-content .flex-box-2.flex-box {
       max-width:100%;
    }
}
@media screen and (min-width: 400px) and (max-width: 991px) {
#phase-2 div#isi .isi-content .flex-box-2.flex-box {
       max-width:100%;
    }
    .link-p a br{
        display:none !important;
    }
    #home-p2-a .hero-banner .hero-banner-content .para-text.eyebrow-update {
 
    max-width: 100%;

}
    button.cmp-info__close {
        position: absolute;
        top: -36px;
    }
    #home-p2-a:has(.bcam_url) .seo-badge-animation {
        /*bottom: 286px !important;*/
    }
}
@media screen and (min-width: 1441px) {
 #home-p2-a:has(.bcam_url) .seo-badge-animation {
       bottom: 191px !important;
    }
}
@media screen and (min-width: 1800px) {
    #home-p2-a #phase-2 .hero-banner.bg-banner {
        aspect-ratio: 25 / 9;
         min-height: auto !important; 
    }
}
@media (min-width: 1240px) and (max-width: 1430px) {
   
        #home-p2-a #phase-2 .info {
            top: 563px !important;
    }
}
@media (min-width: 1400px) and (max-width: 1430px) {
   
        #home-p2-a #phase-2 .info {
                  top: 511px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1430px) {
    
  
        #home-p2-a:has(.bcam_url) .hero-banner.bg-banner {
       
                      min-height: 701px !important;
                      background-position: bottom;
        align-content: normal;
        background-position-y: 31px;
    }
        body:has(#nc-header) #phase-2 .text:has(#inner-section-navigation) {
        top: 158px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  
        body:has(#nc-header) #phase-2 .text:has(#inner-section-navigation) {
        top: 158px !important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1250px) {
    body:has(#nc-header) #phase-2 .text:has(#inner-section-navigation) {
        top: 249px !important;
    }
    #mechanism-of-action-p2-a #section-2 .section-2-content .moa, #pivotal-trial-p2-a div#pivotal-section-2 .pivotal, #efficacy-p2-a #phase-2 #mpfs-in-subgroups, #efficacy-p2-a #phase-2 #overall-survival, #efficacy-p2-a #phase-2 #mpfs, #safety-p3-a div#adverse-reactions, #safety-p3-a div#laboratory-abnormality, #safety-p3-a div#rates-of-dose-adjustments, #dosing-p3-a #dosing-schedule, #dosing-p3-a #dose-modifications, #access-and-support-p3-a #access-360, #access-and-support-p3-a #resources, #access-and-support-p3-a #specialty-pharmacy-providers {
        scroll-margin-top: 350px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
       body:has(#nc-header)#home-p2-a .hero-banner {
        /*aspect-ratio: 7 / 4;*/
    } 
           #home-p2-a .info {
                  top: 697px !important;
    }
    #home-p2-a .hero-banner .hero-banner-content {
   
    margin-left: 30px;
}
    body:has(#nc-header)#home-p2-a .hero-banner {
              background-position-x: right -91px;
    }
        #home-p2-a div#cmp-info {
    
        height: 126px;
        }
        #home-p2-a .hero-banner .hero-banner-content .home-main-heading {
 
    line-height: 58px;
}
}

@media (min-width: 992px) and (max-width: 1200px) {
#home-p2-a .hero-banner .hero-banner-content .para-text.eyebrow-update {
        max-width: 40% !important;
    }
        #home-p2-a .hero-banner .hero-banner-content .home-main-heading {
        font-size: 56px;
        max-width: 30%;
    }
    #home-p2-a .hero-banner .hero-banner-content .h3-font .bold-text.true-img:before {
   
     margin-left: 0px; 
}
    #home-p2-a .hero-banner .hero-banner-content .h3-font {
        font-size: 25px;
        max-width: 27%;
    }
       
}
@media (min-width: 992px) and (max-width: 1230px) {
    #home-p2-a .info {
             top: 691px !important;
    } 
        #home-p2-a div#cmp-info {
    
        height: 120px;
}
}
@media (min-width: 1200px) and (max-width: 1250px) {
        #home-p2-a .info {
        top: 668px !important;
    }
}