/***********How Calquence Works CSS Starts******************/

/* how-calquence-works-cll */

/* Banner Text Starts */

.hcw-subtitle {
    align-items: center;
    margin-bottom: 28px;
    margin-top: 18px;
    gap: 18px;
}

.hcw-subtitle img {
    min-width: 94px;
    min-height: 94px;
}

.hcw-subtitle h2 {
    text-transform: uppercase;
    padding-right: 10px;
}

.hcw-body {
    margin-bottom: 26px;
    padding-right: 15px;
}

.hcw-body p {
    font-size: 14px;
    line-height: 18px;
}

.hcw-footnote p {
    line-height: 18px;
}

/* Banner Text Ends */

/* Video Section Starts */

#calquence-in-action {
    background: linear-gradient(115deg, #F89A1B, #DD4706);
    /* margin-bottom: 15px; */
}

#calquence-in-action-video {
    max-width: 950px;
    margin: 0 auto;
    padding: 0 16px;
    padding-bottom: 20px;
}

.video-title {
    min-height: 18px;
    padding-top: 27px;
    margin-bottom: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

#how-calquence-works-cll .cmp-youtubevideo__content {
    padding: 0 !important;
}

#how-calquence-works-cll .cmp-youtubevideo__player {
    max-height: 520px;
    padding: 0 !important;
}

.cmp-youtubevideo__thumbnail {
    border-radius: 40px;
}

#how-calquence-works-cll .cmp-youtubevideo__playicon {
    content: '';
    color: white;
    font-weight: bold;
    z-index: 0 !important;
    height: 45px !important;
    width: auto !important;
    padding: 12px 24px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 30px;
    overflow: hidden;
    transition: color 0.3s;
    text-transform: uppercase;
    cursor: pointer;
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    font-size: 19px !important;
    line-height: 42px !important;
    min-width: 144px;
    max-width: 144px;
    left: calc(50% - 3.75em) !important;
    top: calc(50% - 1.1em) !important;
}

#how-calquence-works-cll .cmp-youtubevideo__playicon::before {
    content: '' !important;
    position: absolute !important;
    z-index: -1 !important;
    inset: 0px;
    padding: 3px;
    border-radius: 30px;
    mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px);
    background: var(--gradient-cll);
}

#how-calquence-works-cll .cmp-youtubevideo__playicon::after {
    content: 'WATCH' !important;
    /*position: absolute !important;*/
    /*top: 0px;*/
    /*left: 0px;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*z-index: -2;*/
    /*transform: scaleX(0);*/
    /*transform-origin: left center;*/
    /*border-radius: 30px;*/
    /*transition: background, transform 0.4s;*/
}

/*#how-calquence-works-cll .cmp-youtubevideo__playicon:hover::after, #how-calquence-works-cll .cmp-youtubevideo__playicon:active::after, #how-calquence-works-cll .cmp-youtubevideo__playicon:focus::after {*/
/*    transform: scaleX(1);*/
/*    background: var(--common-primary);*/
/*}*/

#how-calquence-works-cll .watch-text {
    font-size: 19px;
    line-height: 42px;
    text-align: center;
}

/* Video Section Ends */

#how-calquence-works-cll .new-banner--footnote {
    top: 5px;
    padding-right: 68px;
    /*100px*/
}

@media screen and (min-width: 992px) {
    .hcw-subtitle h2, .hcw-subtitle h1  {
        padding-right: 0;
    }

    .hcw-body {
        padding-right: 0;
    }

    .video-title {
        font-size: 29px;
        min-height: 42px;
        padding-top: 52px;
        margin-bottom: 36px;
    }
    #calquence-in-action {
        /* margin-bottom: 30px; */
    }
    #calquence-in-action-video {
        /*padding-bottom: 66px;*/
        padding-bottom: 30px;
    }
    #how-calquence-works-cll .cmp-youtubevideo__playicon {
        min-width: 100px;
        max-width: 100px;
        left: calc(50% - 2.5em) !important;
        top: calc(50% - 1em) !important;
    }
    
    #how-calquence-works-cll .new-banner--footnote {
        padding-right: 330px;
        top: 25px;
    }
}


/***********How Calquence Works CSS Ends******************/

/* New CSS For CFF */
#how-calquence-works-cll .video-title-sub{
    color: #ffffff;
    padding-top: 10px;
    margin-bottom: 30px;
}
#how-calquence-works-cll .new-dosing-content{
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 991px) {
    #how-calquence-works-cll .new-banner--footnote p {
        /*font-size: 5px;*/
         font-size: 10px;
    }
    #how-calquence-works-cll .new-dosing-content {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 16px;
}
#how-calquence-works-cll .video-title-sub {
    color: #ffffff;
    padding-top: 12px;
    margin-bottom: 0px;
            width: 341px;
        margin: 0 auto;
}
@media (min-width: 768px) {
   #how-calquence-works-cll .hcq-image .desktop-only {
        margin: 0 auto;
    }
}
}
/* New CSS For CFF */

/* CFF Updates STARTS - 27/10/2025*/

.hcw-footnote p.footnote {
    font-size: 12px !important;
    line-height: 14px !important;
}


/*@media (min-width: 768px) {*/
/*    #how-calquence-works-cll .new-banner--footnote.new-banner--footnote-white {*/
/*        padding-left: 250px !important;*/
/*    }*/
/*}*/



/* Amplify code */

.hcw-subtitle img {
    max-width: 94px;
    min-height: 94px;
    width: 100%;
}
.hcw-subtitle .content-wrapper h4 {
    font-size: 16px;
    line-height: 18px;
    color: #FD6B0D;
    margin-bottom: 3px;
}
.hcw-subtitle {
    align-items: flex-start;
    margin-bottom: 9px;
    margin-top: 14px;
    gap: 18px;
}
.hcw-subtitle .content-wrapper h4 {
    font-size: 16px;
    line-height: 18px;
    color: #FD6B0D;
    margin-bottom: 3px;
}

.hcw-subtitle .content-wrapper ul {
    padding-left: 17px;
}

.hcw-subtitle .content-wrapper ul li {
    font-size: 14px;
    line-height: 18px;
    list-style-type: disc;
    list-style-position: outside;
    text-indent: -4px;
    margin-bottom: 10px;
}
.hcw-subtitle .content-wrapper ul li::marker{
    color: #FD6B0D;
}
.hcw-subtitle:last-child {
    align-items: center;
}

.isi-top-wrapper h3 {
    font-size: 29px;
    line-height: 33px;
    color: #FD6B0D;
    font-weight: 700;
    margin-bottom: 20px;
}

.isi-top-wrapper p {
    font-size: 14px;
    line-height: 14px;
    color: #535554;
}
.isi-top-wrapper {
    max-width: 950px;
    margin: 26px auto 22px;
}
#how-calquence-works-cll .video-title-sub {
    color: #ffffff;
    padding-top: 20px;
    margin-bottom: 0;
}
#how-calquence-works-cll .new-dosing-content {
    display: flex;
    flex-direction: column-reverse;
}

.top-content-wrapper h2{
        font-size: 29px;
    line-height: 33px;
    color: #FD6B0D;
    font-weight: 900;
}
.top-content-wrapper p{
        font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #535554;
}
.top-content-wrapper image-wrapper img{
        max-width: 979px;
    width: 100%;
}
.top-content-wrapper image-wrapper p{
        font-size: 28px;
    color: #535554;
    font-weight: 600;
    margin-top: 20px;
    text-align: center;
}
#calquence-dosing-cll .dosing-full-container {
    background-color: #E0E5E5 !important;
}
.low-rates p.top-para{
    margin-top: -17px;
    margin-bottom: 30px;
}

.low-rates h2.orange-bold-text {
    font-size: 16px;
    margin-bottom: 18px !important;
        line-height: normal;
}


#possible-side-amplify-bottom .low-rates h2.orange-bold-text {
    font-size: 29px;
}

.serious-side-effect ul.isi-bullet-list li::before {
    left: -14px;
    content: '\2022';
    padding-top: 0;
    margin-right: 0;
    width: auto;
    color: var(--body-color);
}


.acc-content-wrapper p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px !important;
}

.acc-content-wrapper h3 {
    margin: 20px 0;
}

.acc-content-wrapper .image-wrapper img.amp-dosing-img {
    max-width: 950px;
    width: 100%;
}

.acc-content-wrapper .image-wrapper p {
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    line-height: 18px;
    color: #535554;
    margin-top: 20px;
}

.acc-content-wrapper .acc-footnotes {
    margin-top: 25px;
}

.acc-content-wrapper .acc-footnotes p {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 6px !important;
}

@media (min-width: 768px) {
    .hcq-image .desktop-only {
        width: 849px;
        height: 125px;
        margin-left: 32px;
        margin-top: 35px;
    }
    
    
}

@media screen and (min-width: 992px) {
    #calquence-in-action-video {
        /* padding-bottom: 66px; */
        padding-bottom: 26px;
    }
        #cll-possible-side-effects .wrapper.bottom-class.low-rates
 {
        padding: 15px 20px 15px 0px !important;
    }
}


.top-content-wrapper .extra-text-1{
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    line-height: 18px;
    color: #535554;
    margin-top: 20px;
}
#faq-cll .extra-text-1{
     font-size: 18px;
    line-height: 18px;
    color: #535554;
}
@media (max-width: 768px) {
    .top-content-wrapper .extra-text-1,
    #faq-cll .extra-text-1{
         font-size: 13px;
         margin-top: 6px;
    }
}
#how-calquence-works-cll .footnote-hcw{
        margin-top: 22px;
}



#how-calquence-works-cll .video-title-sub {
    position: relative;
    left: -32px;
}
.isi-top-wrapper h3 {
    font-weight: 900;
}
#dosing-amplify .top-content-wrapper .amp-dosing-img{
    min-width: 979px;
}

@media (max-width: 768px){
    
.hcq-image .mobile-only {
    min-width: 100%;
    min-height: fit-content;
}
#how-calquence-works-cll .video-title-sub {
    position: relative;
    left: -7px;
}
#how-calquence-works-cll .footnote-hcw {
    margin-top: 10px;
            text-indent: 11px;
}
.isi-top-wrapper {
    padding: 0px 16px;
}
}



/*102646*/

.orange-box{width: 592px;align-items: center;display: flex;margin: 0 auto;background: #DC4405;/* height: 81px; */gap: 24px;border-radius: 13px;/* padding: 3px; */margin-top: 33px;}

.orange-box-icon{min-width: 76px;width: 76px;height: 76px;}

.orange-box-icon img{/* width: auto; *//* height: auto; *//* margin: 0 auto; */}

.orange-box-text{font-weight: 400;color: #fff;font-size: 16.63px;line-height: 21.38px;}

.container-two{margin-top: 30px;}

.container-two h2{

}
.container-two p{
  
}
.container-two-img{margin: 0 auto;align-items: center;width: fit-content;}
.container-two-footnote p{
    line-height: 14px;
    font-weight: 400;
    font-size: 14px;
}
.container-two-footnote{
      margin-top: 24px;
}

#amplify-bg-color {
    background-color: #F6F6F6
}
#how-calq-amplify .hcw-subtitle .content-wrapper ul li {
    text-indent: 0px;
}
.no-wrap{
    white-space: nowrap;
}
#faq-cll #on-treatment-accordion .cmp-text p a.orange-bold-text{
    color: var(--common-primary);
    font-weight: 400;
        text-underline-offset: 1px;
}
#faq-cll #on-treatment-accordion .cmp-text p.orange-bold-text,
#faq-cll #on-treatment-accordion .cmp-text p span.orange-bold-text{
    color: var(--common-primary);
    font-weight: 700;
}

#faq-cll #on-treatment-accordion .underline-faq{
    text-underline-offset: 2px;
    text-decoration: underline;
}
#faq-cll #Faq-main-id #on-treatment-accordion{
        margin-bottom: 0px;
}

@media (max-width: 768px) {
.orange-box{width: 100%;gap: 5px;padding: 2px;margin-top: 33px;}
.orange-box-text {
    font-size: 14px;
    line-height: 18px;
}
.orange-box {
        margin-top: 20px;
    }
    #dosing-amplify .top-content-wrapper .amp-dosing-img {
    min-width: 100%;
}
.container-two-footnote p{
        text-indent: -7px;
}
#possible-side-amplify-bottom .low-rates p.top-para{
    margin-top: 0px;
}
.container-two-img .table-image-mobile{
    margin-top: 0px;
    min-width: 364px;
    position: relative;
    left: -17px;
}
#cll-amplify-follow-up .callout{
    height: 90px;
}

#cll-amplify-follow-up .callout p{
        padding: 0px 20px !important;
}
#cal-dosing-amplify-icon .dosing-ct-box-img {
    height: 70px;
    width: 70px;
}
#on-treatment-accordion-item-b80ebd38b8-panel .footnote,
.acc-content-wrapper .acc-footnotes,
#on-treatment-accordion-item-64243e8fc3-panel .text-indent{
    text-indent: -7px;
}
}


/*102654 - CFF*/
.dosing-top-banner-amplify{
    background-color: #FFC21E;
    width: 100%;
    height: 50px;
}

#isi #amplify-isi p.isi-report a::after {
    position: relative;
    display: inline-flex;
    background: url(/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/global/link-out-icon-transparent-amplify.svg);
    background-size: 100%;
    height: 12px;
    width: 11px;
    top: 3px;
    background-repeat: no-repeat;
    left: 2px;
}
#isi #amplify-isi .color-dot{position: relative;left: 4px;}

.dosing-top-banner-amplify p{
    font-size: 18px;
    line-height: 18px;
    color: #535554;
    font-weight: 700;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    padding: 16px;
}
.dosing-top-banner-amplify p.pink-color{
        color: #FF00C0;
}
#dosing-amplify .container-two-footnote p{
        margin-bottom: 4px;
}
#dosing-amplify .container-two-footnote p sup{
        /*top: 2px*/
}

#dosing-amplify .container-two-footnote{
    margin-bottom: 10px;
}

@media (max-width: 768px) {
.dosing-top-banner-amplify p {
    padding: 7px;
}
}

/*102654 CFF*/


  #faq-cll #FAQ-amplify .cmp-text p a {
    font-size: 14px;
    line-height: 18px;
    /*color: var(--common-primary) !important*/
   text-underline-offset: 3px;
}

#amplify-fouth-faq .last-footnote-faq{
    text-indent: 5px;
}
#Amplify-banner-faq .new-banner--footnote p{
     padding-right: calc(100% - 1006px);
    margin-top: 24px;
}

@media (max-width: 768px) {
  #amplify-fouth-faq .last-footnote-faq{
    text-indent: 0px;
}  
#newly-diagnosed-cll #cll-amplify-follow-up .footnotes{
    text-indent: -7px;
}
#previously-treated-cll #Amplify-long-term-box .footnotes {
    text-indent: -6px;
}

#Amplify-banner-faq .new-banner--footnote p {
    padding-right: calc(100% - 348px);
    margin-top: 0px;
}
}

#newly-diagnosed-cll-amplify #start-strong-text .wrapper .mcl-title-sub .text-indent-amp{
    text-indent: -6px;
    padding-left: 6px;
}

#previously-treated-cll #Amplify-long-term-box .serious-side-effect p{
    font-size: 14px !important;
    line-height: 18px !important;
}

#faq-cll .am-pm{
    font-size: 10px;
    top: -4px;
}
#newly-diagnosed-cll #cll-amplify-follow-up .serious-side-effect .footnote {
    font-size: 14px !important;
    line-height: 16px !important;
}
#cll-possible-side-effects #possible-side-amplify-bottom .footnotes p,
#faq-cll #Amplify-faq .footnote {
    font-size: 14px !important;
    line-height: 14px !important;
    text-indent: -7px;
    padding-left: 7px;
}

@media (min-width: 768px) {
#cll-possible-side-effects #possible-side-amplify-bottom .footnotes p{
           text-indent: -4px !important;
        padding-left: 0px !important;
    
}
}


/*Amplify*/

#faq-cll .faq-101-orange{
    color: #FD6B0D;
    text-transform: uppercase;
    font-weight: 700;
    margin: 20px 0px;
}

#faq-cll .faq-101-orange.first-line{
    margin: 10px 0px;
}


/* CT issues - 14-04-2026 */

@media (min-width: 992px) and (max-width: 1200px) {
    #dosing-amplify .top-content-wrapper .amp-dosing-img {
      min-width: 100%;
    }
    
    /*#desk-navpane {*/
    /*    max-width: 988px;*/
    /*}*/
    /*.navpane .nav-dropdown {*/
    /*    padding: 0 12px;*/
    /*    max-width: 200px;*/
    /*}*/
    /*.navpane .navpane-link:last-of-type {*/
    /*    margin-left: 40px;*/
    /*}*/
}

@media (min-width: 391px) and (max-width: 991px) {
    #how-calquence-works-cll .video-title-sub {
        position: relative;
        left: 0px;
        margin-left: 0;
    }
    
    .header-right.mobile-min-w-192 {
        width: 100%;
    }
}

@media (max-width: 991px) {
    #dosing-amplify .top-content-wrapper .amp-dosing-img {
        min-width: 100%;
    }
    
    #Amplify-banner-faq .new-banner--footnote p {
        margin-top: 0px;
        padding-right: 36px;
    }
}

@media (max-width: 389px) {
    .container-two-img .table-image-mobile {
        max-width: 100vw;
        min-width: auto;
        left: -12px;
    }
    
    #Amplify-banner-faq .new-banner--footnote p {
        padding-right: 12px;
    }
    
    #how-calquence-works-cll .video-title-sub {
        position: relative;
        left: 0;
        margin-left: 0;
    }
}