.nccn-preferred--container .graph-box p {
    font-size: 18px;
    color: #5A5A5C;
    line-height: 100%;
    font-weight: 700;
    /* position: absolute; */
}

.nccn-preferred--container .graph-box>p:nth-child(1) {
    transform-style: preserve-3d;
    transform: rotate(270deg);
    width: max-content;
    position: absolute;
    top: 226px;
    left: 6px;
}

.nccn-preferred--container .graph-box .graph-box-one {
    width: 149px;
    text-align: center;
    position: absolute;
    top: 21px;
    left: calc(100% - 674px);
}

.nccn-preferred--container .graph-box .graph-box-one p {}

.nccn-preferred--container .graph-box .graph-box-one p:nth-child(1) {
    font-weight: 800;
    font-size: 26px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 5px;
}

.nccn-preferred--container .graph-box .graph-box-one p:nth-child(2) {
    font-size: 11px;
    color: #fff;
}

.nccn-preferred--container .graph-box .graph-box-one p:nth-child(3) {
    color: #414042;
    padding-top: 70px;
}

.nccn-preferred--container .graph-box .graph-box-one p:nth-child(4) {
    color: #fff;
    padding-top: 95px;
}

.nccn-preferred--container .graph-box .graph-box-one p:nth-child(5) {
    padding-top: 101px;
    color: #F15E24;
}

.nccn-preferred--container .graph-box .graph-box-two {
    width: 149px;
    text-align: center;
    position: absolute;
    top: 30px;
    left: calc(100% - 369px);
}

.nccn-preferred--container .graph-box .graph-box-two p {}

.nccn-preferred--container .graph-box .graph-box-two p:nth-child(1) {
    font-weight: 800;
    font-size: 26px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 5px;
}

.nccn-preferred--container .graph-box .graph-box-two p:nth-child(2) {
    font-size: 11px;
    color: #fff;
}

.nccn-preferred--container .graph-box .graph-box-two p:nth-child(3) {
    color: #414042;
    padding-top: 85px;
}

.nccn-preferred--container .graph-box .graph-box-two p:nth-child(4) {
    color: #fff;
    padding-top: 96px;
}

.nccn-preferred--container .graph-box .graph-box-two p:nth-child(5) {
    padding-top: 76px;
    color: #919495;
}


.nccn-preferred--container .graph-box {
    background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/echo-orr/orr-graph-web.svg) no-repeat center center;
    max-width: 954px;
    min-height: 437px;
    width: 954px;
    height: 437px;
    position: relative;
}


@media (max-width: 991px) {
    .nccn-preferred--container .graph-box {
        max-width: 465px;
        min-height: 213px;
        width: 465px;
        height: 213px;
        background-size: contain;
    }

    .nccn-preferred--container .graph-box p {
        font-size: 8px;
        color: #5A5A5C;
        line-height: 100%;
        font-weight: 700;
        letter-spacing: 0.4px;
    }

    .nccn-preferred--container .graph-box>p:nth-child(1) {
        width: max-content;
        position: absolute;
        top: 124px;
        left: -26px;
    }

    .nccn-preferred--container .graph-box .graph-box-one {
        width: 72px;
        text-align: center;
        position: absolute;
        top: 25px;
        left: calc(100% - 282px);
    }


    .nccn-preferred--container .graph-box .graph-box-one p:nth-child(1) {
        font-weight: 800;
        font-size: 12px;
        line-height: 100%;
        margin-bottom: 3px;
    }

    .nccn-preferred--container .graph-box .graph-box-one p:nth-child(2) {
        font-size: 5px;
        letter-spacing: 0.2px;
    }

    .nccn-preferred--container .graph-box .graph-box-one p:nth-child(3) {
        padding-top: 29px;
    }

    .nccn-preferred--container .graph-box .graph-box-one p:nth-child(4) {
        padding-top: 42px;
    }

    .nccn-preferred--container .graph-box .graph-box-one p:nth-child(5) {
        padding-top: 44px;
    }

    .nccn-preferred--container .graph-box .graph-box-two {
        width: 73px;
        text-align: center;
        position: absolute;
        top: 29px;
        left: calc(100% - 133px);
    }

    .nccn-preferred--container .graph-box .graph-box-two p:nth-child(1) {
        font-weight: 800;
        font-size: 12px;
        margin-bottom: 3px;
    }

    .nccn-preferred--container .graph-box .graph-box-two p:nth-child(2) {
        font-size: 5px;
    }

    .nccn-preferred--container .graph-box .graph-box-two p:nth-child(3) {
        padding-top: 37px;
    }

    .nccn-preferred--container .graph-box .graph-box-two p:nth-child(4) {
        padding-top: 41px;
    }

    .nccn-preferred--container .graph-box .graph-box-two p:nth-child(5) {
        padding-top: 33px;
    }


    .nccn-preferred--container .graph-box {
               background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/echo-orr/orr-graph-mobile.png) no-repeat center center;
               max-width: 390px;
               min-height: 242px;
               width: 390px;
               height: 242px;
               position: relative;
               background-size: contain;
               left: -3px;
    }
}


/*second image*/

#echo-orr .Duration-of-response {
    background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/echo-orr/DOR-charts-web.svg) no-repeat center center;
    max-width: 796px;
    min-height: 236px;
    width: 796px;
    height: 236px;
    position: relative;
    left: 45px;
}

#echo-orr .Duration-of-response-1 p span {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    color: #DA4826;
}

#echo-orr .Duration-of-response-1 p {
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #DA4826;
}

#echo-orr .Duration-of-response-2 p span {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    color: #5A5A5C;
}

#echo-orr .Duration-of-response-2 p {
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #5A5A5C;
}

.Duration-of-response-3 {
    display: flex;
    gap: 10px;
}

.Duration-of-response-3 p {
    font-weight: 400;
    font-size: 19px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 0px;
}

.Duration-of-response-3 p:nth-child(2) {
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    color: #fff;
}

.Duration-of-response-4 {
    display: flex;
    gap: 10px;
    align-items: center;
}

.Duration-of-response-4 p {
    font-weight: 400;
    font-size: 19px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 0px;
}

.Duration-of-response-4 p:nth-child(2) {
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    color: #fff;
}

.Duration-of-response-1 {
    position: absolute;
    top: 30px;
    left: -86px;
}

.Duration-of-response-2 {
    position: absolute;
    top: 125px;
    left: -83px;
}

.Duration-of-response-3 {
    position: absolute;
    top: 37px;
    left: calc(100% - 479px);
    align-items: center;
}

.Duration-of-response-4 {
    position: absolute;
    top: 126px;
    left: calc(100% - 553px);
    align-items: center;
}

.Duration-of-response-5 {
    position: absolute;
    top: 225px;
    left: calc(100% - 430px);
}

.Duration-of-response-5 p {
    font-size: 20px;
    font-weight: 800;
}


@media (max-width: 991px) {
    #echo-orr .Duration-of-response {
        background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/echo-orr/DOR-charts-mob.svg) no-repeat center center;
        max-width: 353px;
        min-height: 200px;
        width: 353px;
        height: 200px;
        position: relative;
        background-size: contain;
        left: -3px;
        top: 24px;
        margin: auto;
    }

    #echo-orr .Duration-of-response-1 p span {
        font-size: 10px;
    }

    #echo-orr .Duration-of-response-1 p {
        font-size: 10px;
        margin-bottom: 4px;
    }

    #echo-orr .Duration-of-response-2 p span {
        font-size: 10px;
    }

    #echo-orr .Duration-of-response-2 p {
        font-size: 11px;
        margin-bottom: 3px;
    }

    .Duration-of-response-3 {
        gap: 7px;
    }

    .Duration-of-response-3 p {
        font-size: 10px;
        margin-bottom: 0px;
        letter-spacing: 0.4px;
    }

    .Duration-of-response-3 p:nth-child(2) {
        font-size: 19px;
        letter-spacing: -0.5px;
    }

    .Duration-of-response-4 {
        gap: 7px;
    }

    .Duration-of-response-4 p {
        font-size: 10px;
        margin-bottom: 0px;
        letter-spacing: 0.4px;
    }

    .Duration-of-response-4 p:nth-child(2) {
        font-size: 19px;
        letter-spacing: -0.5px;
    }

    .Duration-of-response-1 {
        position: absolute;
        top: -8px;
        left: calc(100% - 350px);
    }

    .Duration-of-response-2 {
        position: absolute;
        top: 76px;
        left: calc(100% - 351px);
    }

    .Duration-of-response-3 {
        top: 35px;
        left: calc(100% - 222px);
    }

    .Duration-of-response-4 {
        top: 121px;
        left: calc(100% - 265px);
    }

    .Duration-of-response-5 {
        top: 169px;
        left: calc(100% - 194px);
    }

    .Duration-of-response-5 p {
        font-size: 11px;
    }
}


/*Third Image*/
#echo-covid-19 .ECHO-trial-timeline {
    background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/echo-covid-19/ECHO-trial-timeline-DSK-web.svg) no-repeat center center;
    max-width: 954px;
    min-height: 184px;
    width: 954px;
    height: 184px;
    position: relative;
    left: 0px;
}

#echo-covid-19 .ECHO-trial-timeline-1 {
    left: calc(100% - 886px);
        top: 10px;

}

#echo-covid-19 .ECHO-trial-timeline-2 {
    left: calc(100% - 532px);
        top: 10px;

}

#echo-covid-19 .ECHO-trial-timeline-3 {
    left: calc(100% - 291px);
        top: 10px;

}

#echo-covid-19 .ECHO-trial-timeline-4 {
    left: calc(100% - 169px);
        top: 10px;

}

#echo-covid-19 .ECHO-trial-timeline-5 {
    left: calc(100% - 857px);
    top: 150px;
    width: 90px;
}

#echo-covid-19 .ECHO-trial-timeline-6 {
        left: calc(100% - 500px);
        top: 150px;
        width: 113px;
}

#echo-covid-19 .ECHO-trial-timeline-7 {
        left: calc(100% - 263px);
        top: 150px;
        width: 81px;
}

#echo-covid-19 .ECHO-trial-timeline-8 {
        left: calc(100% - 140px);
        top: 150px;
        width: 110px;
}

#echo-covid-19 .ECHO-trial-timeline-common {
    font-size: 12px;
    color: #595A5C;
    font-weight: 600;
    position: absolute;
    text-align: center;
    line-height: 122%;
    width: min-content;
}

#echo-covid-19 .ECHO-trial-timeline-common-2 {
    font-size: 12px;
    color: #595A5C;
    font-weight: 600;
    line-height: 120%;
    position: absolute;
    text-align: left;
}


@media (max-width: 991px) {
    #echo-covid-19 .ECHO-trial-timeline {
        background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/echo-covid-19/ECHO-trial-timeline-DSK-mob.svg) no-repeat center center;
        max-width: 343.98px;
        min-height: 392.16px;
        width: 343.98px;
        height: 392.16px;
        position: relative;
        background-size: cover;
        left: 0px;
        top: 3px;
    }

#echo-covid-19 .ECHO-trial-timeline-1 {
    left: calc(100% - 349px);
    top: 23px;
    width: 116px;
}

#echo-covid-19 .ECHO-trial-timeline-2 {
    left: calc(100% - 357px);
    top: 162px;
    width: 116px;
}

#echo-covid-19 .ECHO-trial-timeline-3 {
    left: calc(100% - 349px);
    top: 259px;
    width: 116px;
}

#echo-covid-19 .ECHO-trial-timeline-4 {
    left: calc(100% - 347px);
    top: 339px;
    width: 116px;
}

#echo-covid-19 .ECHO-trial-timeline-5 {
    left: calc(100% - 131px);
    top: 23px;
    width: 122px;
}

#echo-covid-19 .ECHO-trial-timeline-6 {
        left: calc(100% - 129px);
        top: 156px;
        width: 130px;
}

#echo-covid-19 .ECHO-trial-timeline-7 {
        left: calc(100% - 129px);
        top: 258px;
        width: 144px;
}

#echo-covid-19 .ECHO-trial-timeline-8 {
        left: calc(100% - 129px);
        top: 333px;
        width: 144px;
}

#echo-covid-19 .ECHO-trial-timeline-common {
    font-size: 18px;
    color: #595A5C;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 122%;
}

#echo-covid-19 .ECHO-trial-timeline-common-2 {
    font-size: 14px;
    color: #595A5C;
    font-weight: 600;
    line-height: 120%;
    position: absolute;
    text-align: left;
    letter-spacing: -0.5px;
}

}
/*Fourth Image*/

#rr-mcl_efficacy-data .response-rates {
    background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/rr-efficacy-data/ECHO-1L-MCL-COVID-19-ANALYSIS_OS-web.svg) no-repeat center center;
    max-width: 954px;
    min-height: 217px;
    width: 954px;
    height: 217px;
    position: relative;
    left: 0px;
}
#rr-mcl_efficacy-data .response-rates .response-common{
    font-size: 16px;
    line-height: 105%;
    color: #5A5A5C;
    font-weight: 400;
    width: max-content;
    position: absolute;
}
#rr-mcl_efficacy-data .response-rates .response-rates-1 {
    left: calc(100% - 859px);
    top: 31px;
    font-weight: 700;
}

#rr-mcl_efficacy-data .response-rates .response-rates-2 {
    left: calc(100% - 645px);
    top: 25px;
    color: #fff;
}

#rr-mcl_efficacy-data .response-rates .response-rates-3 {
    left: calc(100% - 403px);
    top: 24px;
    color: #fff;
}

#rr-mcl_efficacy-data .response-rates .response-rates-4 {
    left: calc(100% - 238px);
    top: 13px;
}

#rr-mcl_efficacy-data .response-rates .response-rates-5 {
    left: calc(100% - 860px);
    top: 98px;
}

#rr-mcl_efficacy-data .response-rates .response-rates-6 {left: calc(100% - 670px);top: 102px;color: #fff;}

#rr-mcl_efficacy-data .response-rates .response-rates-7 {
    left: calc(100% - 428px);
    top: 102px;
    color: #fff;
}

#rr-mcl_efficacy-data .response-rates .response-rates-8 {
    left: calc(100% - 237px);
    top: 88px;
}

#rr-mcl_efficacy-data .response-rates .response-rates-9 {left: calc(100% - 491px);top: 200px;}

#rr-mcl_efficacy-data .response-rates .response-rates-2 span,
#rr-mcl_efficacy-data .response-rates .response-rates-2 span,
#rr-mcl_efficacy-data .response-rates .response-rates-3 span,
#rr-mcl_efficacy-data .response-rates .response-rates-4 span,
#rr-mcl_efficacy-data .response-rates .response-rates-5 span,
#rr-mcl_efficacy-data .response-rates .response-rates-6 span,
#rr-mcl_efficacy-data .response-rates .response-rates-7 span,
#rr-mcl_efficacy-data .response-rates .response-rates-8 span,
#rr-mcl_efficacy-data .response-rates .response-rates-9 span{
    font-weight: 700;
}

#rr-mcl_efficacy-data .response-rates .response-rates-2,
#rr-mcl_efficacy-data .response-rates .response-rates-3,
#rr-mcl_efficacy-data .response-rates .response-rates-6,
#rr-mcl_efficacy-data .response-rates .response-rates-7{
        font-size: 14px;
}
#rr-mcl_efficacy-data .response-rates .response-rates-2 span,
#rr-mcl_efficacy-data .response-rates .response-rates-3 span,
#rr-mcl_efficacy-data .response-rates .response-rates-6 span,
#rr-mcl_efficacy-data .response-rates .response-rates-7 span{
        font-size: 26px;
}
#rr-mcl_efficacy-data .response-rates .response-rates-9{
    font-size: 18px;
    font-weight: 700;
}


@media (max-width: 991px) {
    #rr-mcl_efficacy-data .response-rates {
        background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/rr-efficacy-data/ECHO-1L-MCL-COVID-19-ANALYSIS_OS-mob.svg) no-repeat center center;
        max-width: 353px;
        min-height: 166px;
        width: 353px;
        height: 166px;
        position: relative;
        background-size: contain;
        left: 7px;
        top: 10px;
    }
    
#rr-mcl_efficacy-data .response-rates .response-common{
    font-size: 9px;
    line-height: 105%;
    width: max-content;
}
#rr-mcl_efficacy-data .response-rates .response-rates-1 {
    left: calc(100% - 351px);
    top: -1px;
}

#rr-mcl_efficacy-data .response-rates .response-rates-2 {
    left: calc(100% - 294px);
    top: 24px;
}

#rr-mcl_efficacy-data .response-rates .response-rates-3 {
    left: calc(100% - 156px);
    top: 24px;
}

#rr-mcl_efficacy-data .response-rates .response-rates-4 {
    left: calc(100% - 62px);
    top: 20px;
}

#rr-mcl_efficacy-data .response-rates .response-rates-5 {
   left: calc(100% - 349px);
   top: 66px;
}

#rr-mcl_efficacy-data .response-rates .response-rates-6 {
    left: calc(100% - 307px);
    top: 102px;
}

#rr-mcl_efficacy-data .response-rates .response-rates-7 {
    left: calc(100% - 169px);
    top: 102px;
}

#rr-mcl_efficacy-data .response-rates .response-rates-8 {
  left: calc(100% - 61px);
  top: 94px;
}

#rr-mcl_efficacy-data .response-rates .response-rates-9 {
    left: calc(100% - 205px);
    top: 157px;
}

#rr-mcl_efficacy-data .response-rates .response-rates-2 span,
#rr-mcl_efficacy-data .response-rates .response-rates-2 span,
#rr-mcl_efficacy-data .response-rates .response-rates-3 span,
#rr-mcl_efficacy-data .response-rates .response-rates-4 span,
#rr-mcl_efficacy-data .response-rates .response-rates-5 span,
#rr-mcl_efficacy-data .response-rates .response-rates-6 span,
#rr-mcl_efficacy-data .response-rates .response-rates-7 span,
#rr-mcl_efficacy-data .response-rates .response-rates-8 span,
#rr-mcl_efficacy-data .response-rates .response-rates-9 span{
    font-weight: 700;
}

#rr-mcl_efficacy-data .response-rates .response-rates-2,
#rr-mcl_efficacy-data .response-rates .response-rates-3,
#rr-mcl_efficacy-data .response-rates .response-rates-6,
#rr-mcl_efficacy-data .response-rates .response-rates-7{
        font-size: 8px;
}
#rr-mcl_efficacy-data .response-rates .response-rates-2 span,
#rr-mcl_efficacy-data .response-rates .response-rates-3 span,
#rr-mcl_efficacy-data .response-rates .response-rates-6 span,
#rr-mcl_efficacy-data .response-rates .response-rates-7 span{
        font-size: 15px;
}
#rr-mcl_efficacy-data .response-rates .response-rates-9{
    font-size: 10px;
}
}


/*5h Image*/

.atrial-fibrillation {
        background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/mcl-safety/1.6-circle-web.svg) no-repeat center center;
    max-width: 422px;
    min-height: 224px;
    width: 422px;
    height: 224px;
    position: relative;
    left: 0px;
}

.Hypertension-circle {
        background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/mcl-safety/4-circle-web.svg) no-repeat center center;
    max-width: 422px;
    min-height: 224px;
    width: 422px;
    height: 224px;
    position: relative;
    left: 0px;
}

.atrial-fibrillation .fibrillation-text1,
.atrial-fibrillation .fibrillation-text2,
.Hypertension-circle .Hypertension-circle-text1,
.Hypertension-circle .Hypertension-circle-text2 {
    width: fit-content;
    color: #DA4727;
    line-height: 148%;
    font-size: 17px;
    position: absolute;
    text-align: center;
}

.atrial-fibrillation .fibrillation-text1 {
    left: calc(100% - 356px);
    top: 85px;
}

.atrial-fibrillation .fibrillation-text2 {
    left: calc(100% - 135px);
    top: 85px;
}

.atrial-fibrillation .fibrillation-text1 span,
.atrial-fibrillation .fibrillation-text2 span,
.Hypertension-circle .Hypertension-circle-text1 span,
.Hypertension-circle .Hypertension-circle-text2 span {
    font-weight: 700;
    color: #DA4727;
    font-size: 46px;
    letter-spacing: 0.5px;
}

.Hypertension-circle .Hypertension-circle-text1{left: calc(100% - 374px);top: 85px;}

.Hypertension-circle .Hypertension-circle-text2{left: calc(100% - 175px);top: 85px;}

@media (max-width: 991px) {
    .atrial-fibrillation {
        background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/mcl-safety/1.6-circle-mobile.svg) no-repeat center center;
        max-width: 367px;
        min-height: 219px;
        width: 367px;
        height: 219px;
        position: relative;
        background-size: contain;
        left: -12px;
        top: 0px;
    }

    .Hypertension-circle {
        background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/mcl-safety/4-circle-mobile.svg) no-repeat center center;
        max-width: 370px;
        min-height: 217px;
        width: 370px;
        height: 217px;
        position: relative;
        background-size: contain;
        left: 7px;
        top: 0px;
    }
    
.atrial-fibrillation .fibrillation-text1,
.atrial-fibrillation .fibrillation-text2,
.Hypertension-circle .Hypertension-circle-text1,
.Hypertension-circle .Hypertension-circle-text2 {
    width: fit-content;
    color: #DA4727;
    line-height: 148%;
    font-size: 15.24px;
    position: absolute;
    text-align: center;
}

.atrial-fibrillation .fibrillation-text1 {
    left: calc(100% - 312px);
    top: 86px;
}

.atrial-fibrillation .fibrillation-text2 {
    left: calc(100% - 118px);
    top: 86px;
}

.atrial-fibrillation .fibrillation-text1 span,
.atrial-fibrillation .fibrillation-text2 span,
.Hypertension-circle .Hypertension-circle-text1 span,
.Hypertension-circle .Hypertension-circle-text2 span {
    font-weight: 700;
    color: #DA4727;
    font-size: 42.01px;
    letter-spacing: 0.5px;
}

.Hypertension-circle .Hypertension-circle-text1{left: calc(100% - 330px);top: 86px;}

.Hypertension-circle .Hypertension-circle-text2{left: calc(100% - 150px);top: 86px;}
}

/*last circle*/
.discontinuation-rate {
        background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/mcl-safety/11-circle-web.svg) no-repeat center center;
    max-width: 422px;
    min-height: 224px;
    width: 422px;
    height: 224px;
    position: relative;
    left: 0px;
}

.dose-reduction {
        background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/mcl-safety/2-circle-mobile.svg) no-repeat center center;
    max-width: 422px;
    min-height: 224px;
    width: 422px;
    height: 224px;
    position: relative;
    left: 0px;
}

.discontinuation-rate .discontinuation-rate-text1,
.dose-reduction .dose-reduction-text1{
    width: fit-content;
    color: #DA4727;
    line-height: 148%;
    font-size: 17px;
    position: absolute;
    text-align: center;
}

.discontinuation-rate .discontinuation-rate-text1 {
    left: calc(100% - 259px);
    top: 98px;
}


.discontinuation-rate .discontinuation-rate-text1 span,
.dose-reduction .dose-reduction-text1 span{
    font-weight: 800;
    color: #DA4727;
    font-size: 46px;
    letter-spacing: 0.5px;
}

.dose-reduction .dose-reduction-text1{left: calc(100% - 246px);top: 98px;}


@media (max-width: 991px) {
    .discontinuation-rate {
        background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/mcl-safety/11-circle-mobile.svg) no-repeat center center;
        max-width: 343px;
        min-height: 198px;
        width: 343px;
        height: 198px;
        position: relative;
        background-size: contain;
        left: 0px;
        top: 0px;
    }

    .dose-reduction {
        background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/mcl-safety/2-circle-mobile.svg) no-repeat center center;
        max-width: 342px;
        min-height: 198px;
        width: 357px;
        height: 206px;
        position: relative;
        background-size: contain;
        left: 0px;
        top: 0px;
    }
    
.discontinuation-rate .discontinuation-rate-text1,
.dose-reduction .dose-reduction-text1 {
    line-height: 148%;
    font-size: 15.24px;
    position: absolute;
    text-align: center;
}

.discontinuation-rate .discontinuation-rate-text1 {
    left: calc(100% - 216px);
    top: 90px;
}


.discontinuation-rate .discontinuation-rate-text1 span,
.dose-reduction .dose-reduction-text1 span {
    font-size: 42.01px;
    letter-spacing: 0.5px;
}

.dose-reduction .dose-reduction-text1{left: calc(100% - 203px);top: 88px;}

}


/*MOA Page*/
#mcl-moa .moa-mcl-container {
    background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/mcl-moa/MOA-web.svg) no-repeat center center;
    max-width: 953.97px;
    min-height: 426.99px;
    width: 953.97px;
    height: 426.99px;
    position: relative;
    left: 0px;
}

#mcl-moa .moa-mcl-container .moa-mcl-text01 {
    color: #77787B;
    font-weight: 400;
    line-height: 100%;
    font-size: 25px;
    left: calc(100% - 924px);
    top: 62px;
}

#mcl-moa .moa-mcl-container .moa-mcl-text02 {
    color: #fff;
    font-weight: 800;
    line-height: 100%;
    font-size: 19px;
    left: calc(100% - 656px);
    top: 162px;
}

#mcl-moa .moa-mcl-container .moa-mcl-text03 {
    color: #77787B;
    font-weight: 400;
    line-height: 100%;
    font-size: 18px;
    left: calc(100% - 811px);
    top: 386px;
}

#mcl-moa .moa-mcl-container .moa-mcl-text04 {
    color: #fff;
    font-weight: 800;
    line-height: 100%;
    font-size: 23px;
    left: calc(100% - 650px);
    top: 250px;
}

#mcl-moa .moa-mcl-container .moa-mcl-text05 {
    color: #fff;
    font-weight: 700;
    line-height: 100%;
    font-size: 23px;
    left: calc(100% - 549px);
    top: 194px;
}

#mcl-moa .moa-mcl-container .moa-mcl-text06 {
    color: #77787B;
    font-weight: 400;
    line-height: 100%;
    font-size: 25px;
    left: calc(100% - 336px);
    top: 147px;
}

#mcl-moa .moa-mcl-container .moa-mcl-text07 {
    color: #fff;
    font-weight: 800;
    line-height: 100%;
    font-size: 23px;
    left: calc(100% - 147px);
    top: 99px;
}

.moa-mcl-common {
    position: absolute;
}


@media (max-width: 991px) {
    #mcl-moa .moa-mcl-container {
        background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/mcl-moa/MOA-mob.svg) no-repeat center center;
        max-width: 378px;
        min-height: 169px;
        width: 378px;
        height: 169px;
        position: relative;
        background-size: contain;
        /*left: 9px;*/
        top: -9px;
    }

    #mcl-moa .moa-mcl-container .moa-mcl-text01 {
        font-size: 9.91px;
        left: calc(100% - 366px);
        top: 25px;
    }

    #mcl-moa .moa-mcl-container .moa-mcl-text02 {
        font-size: 7.53px;
        left: calc(100% - 260px);
        top: 66px;
    }

    #mcl-moa .moa-mcl-container .moa-mcl-text03 {
        font-size: 7.13px;
        left: calc(100% - 321px);
        top: 153px;
    }

    #mcl-moa .moa-mcl-container .moa-mcl-text04 {
        font-size: 9.11px;
        left: calc(100% - 258px);
        top: 99px;
    }

    #mcl-moa .moa-mcl-container .moa-mcl-text05 {
        font-size: 9.11px;
        left: calc(100% - 218px);
        top: 77px;
    }

    #mcl-moa .moa-mcl-container .moa-mcl-text06 {
        font-size: 9.11px;
        left: calc(100% - 134px);
        top: 59px;
    }

    #mcl-moa .moa-mcl-container .moa-mcl-text07 {
        font-size: 9.11px;
        left: calc(100% - 58px);
        top: 39px;
    }
    
#mcl-moa .pinch-and-zoom {
    top: -40px;
    align-items: center;
    right: auto;
}
}




/*Dual Image HTML convert*/
 .dcc-top {
        color: #58595B;
        font-size: 17px;
        line-height: 100%;
        font-weight: 700;
        position: absolute;
    }

    .dcc-bottom {
        position: absolute;
        font-size: 33px;
        line-height: 100%;
        font-weight: 700;
    }

    .dual-circle-chart .dual-circle-chart-text01 {
        color: #DA4727;
        left: calc(100% - 414px);
        top: 9px;
    }

    .dual-circle-chart .dual-circle-chart-text02 {
        left: calc(100% - 132px);
        top: 9px;
    }

    .dual-circle-chart .dual-circle-chart-text03 {
        left: calc(100% - -112px);
        top: 8px;
    }

    .dual-circle-chart .dual-circle-chart-text04 {
        left: calc(100% - 214px);
        top: 291px;
        font-weight: 600;
        color: #58595B;
        font-size: 17px;
        position: absolute;
        width: max-content;
        letter-spacing: -0.2px;
    }

    .dual-circle-chart .dual-circle-chart-text05 {
        color: #DA4727;
        left: calc(100% - 370px);
        top: 324px;
    }

    .dual-circle-chart .dual-circle-chart-text06 {
        left: calc(100% - 127px);
        top: 324px;
    }

    .dual-circle-chart .dual-circle-chart-text07 {
        left: calc(100% - -132px);
        top: 324px;
    }
    .dual-circle-chart-wrapper .desktop-only{
        min-width: 960px;
        position: relative;
        left: -9px;
        top: 10px;
    }
    .dual-circle-chart-wrapper{
    padding-bottom: 50px;
}

    @media (max-width: 991px) {
         .dcc-top {
        font-size: 17px;
    }

    .dcc-bottom {
        font-size: 33px;
    }

    /*
    .dual-circle-chart .dual-circle-chart-text01 {
        left: calc(100% - 246px);
        top: 27px;
    }

    .dual-circle-chart .dual-circle-chart-text02 {
        left: calc(100% - 232px);
        top: 351px;
    }

    .dual-circle-chart .dual-circle-chart-text03 {
        left: calc(100% - 240px);
        top: 705px;
    }

    .dual-circle-chart .dual-circle-chart-text04 {
    left: calc(100% - 293px);
    top: 621px;
    }

    .dual-circle-chart .dual-circle-chart-text05 {
        left: calc(100% - 210px);
        top: 292px;
    }

    .dual-circle-chart .dual-circle-chart-text06 {
    left: calc(100% - 212px);
    top: 650px;
    }

    .dual-circle-chart .dual-circle-chart-text07 {
        left: calc(100% - 216px);
        top: 984px;
    }
    
    */
    .dual-circle-chart-wrapper {
        padding-bottom: 18px;    
    }
    
    /*Compatibility issues*/
    .dual-circle-chart-wrapper > div {
        max-width: 350px;
        margin: 0 auto;
    }
    
    .dual-circle-chart-wrapper > div > img {
        max-width: 350px;
    }
    
    .dual-circle-chart {
        position: relative;
    }
    
    .dual-circle-chart .dual-circle-chart-text01 {
        left: -49px;
        top: 13px;
    }
    
    .dual-circle-chart .dual-circle-chart-text02 {
        left: -37px;
        top: 335px;
    }
    
    .dual-circle-chart .dual-circle-chart-text03 {
        left: -45px;
        top: 690px;
    }
    
    .dual-circle-chart .dual-circle-chart-text04 {
        left: -95px;
        top: 606px;
    }
    
    .dual-circle-chart .dual-circle-chart-text05 {
        left: -13px;
        top: 278px;
    }
    
    .dual-circle-chart .dual-circle-chart-text06 {
        left: -16px;
        top: 633px;
    }
    
    .dual-circle-chart .dual-circle-chart-text07 {
        left: -21px;
        top: 968px;
    }
}
    
    /*Dual image html convert*/
    
    

/*Compatibility issues*/

@media (max-width: 379px) {
    #kinase-selectivity .grey-eyebrow span {
        font-size: 18px;
    }
    
    .dual-circle-chart-wrapper {
        zoom: 0.8;
    }
}


/**/
#rr-safety-data #extra-top-padding .echo-h1-container{
  padding-top: 10px !important;
}



@media (max-width: 991px) {
    #rr-mcl_efficacy-data .pinch-and-zoom {
        top: 94px;
    }
}

@media (max-width: 504px) {
    #rr-mcl_efficacy-data .pinch-and-zoom {
        top: 122px;
    }
}
@media (max-width: 360px) {
    #rr-mcl_efficacy-data .pinch-and-zoom {
        top: 148px;
    }
}