#prognostic-role-of-pten #banner .banner-section {
    background-image: url(/content/dam/intelligentcontent/unbranded/pioneerhub/us/en/images/exploring-cancer-patients/prognostic-role-of-pten/mobile/banner-bg.png);
}

/* Numbered Box hidden */
#prognostic-role-of-pten #animated-numbers-container {
    display: none;
}

/* Numbered Box hidden */

#prognostic-role-of-pten .head-content>p:not(:last-child) {
    margin-bottom: 10px;
}

#prognostic-role-of-pten .people-flex {
    display: flex;
    flex-direction: column;
    margin: 14px auto 54px;
    gap: 28px;
}

#prognostic-role-of-pten .people-flex .content {
    font-size: 20px;
    line-height: 26px;
    padding: 0 70px;
}

ul.list-section li.list-item {
    margin: 10px 0 0;
    padding-left: 23px;
    position: relative;
    font-size: 16px;
    line-height: 20px;
}

ul.list-section li.list-item:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #0A1E1A;
    left: 10px;
    top: 8px;
}

#prognostic-role-of-pten .section-2 {
    border-top: 1px solid #B6B7B9;
}

#numbered-flex .number-callout {
    background-image: url(/content/dam/intelligentcontent/unbranded/pioneerhub/us/en/images/exploring-cancer-patients/prognostic-role-of-pten/mobile/call-out-with-stat.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 32px 25px;
    border-radius: 14px;
}

#numbered-flex .number-callout .number-circle-bg {
    background: #9ADBDA;
    border-radius: 50%;
    backdrop-filter: blur(4px);
    color: #0A1E1A;
}

#numbered-flex .number-callout .content {
    font-size: 20px;
    line-height: 26px;
}

#numbered-flex .number-callout .number-section {
    margin-bottom: 27px;
}

#animated-numbers-container #numbered-flex .number-section .number-circle-bg .number-animation {
    font-size: 34px;
    line-height: 40px;
}

#numbered-flex .number-callout .number-circle-bg {
    min-height: 180px;
    max-width: 180px;
}

#prognostic-role-of-pten #page-content .section-3 .section-subhead {
    font-size: 22px;
    line-height: 26px;
}

#prognostic-role-of-pten #page-content .section-3 {
    margin: 24px 0 40px;
}

#prognostic-role-of-pten #page-content .section-3 .section-subhead+p {
    font-size: 16px;
    line-height: 20px;
    margin: 8px 0 24px;
}

#page-content .small-callout {
    background-image: url(/content/dam/intelligentcontent/unbranded/pioneerhub/us/en/images/exploring-cancer-patients/prognostic-role-of-pten/mobile/small-callout.png);
    background-size: cover;
    border-radius: 12px;
    text-align: center;
    padding: 45px 50px 55px;
    background-position: bottom;
}

#page-content .small-callout:not(:last-child) {
    margin-bottom: 30px;
}

#page-content .small-callout .content {
    margin-top: 10px;
    min-height: 72px;
}

/* PTEN charts starts */

#prognostic-role-of-pten #page-content .section-3:has(#pten-charts) {
    margin: 0;
    border-top: 1px solid #B6B7B9;
    padding: 40px 0 32px;
}

#pten-charts {
    margin: 18px 0 14px;
}

#pten-charts .chart-heading {
    overflow: hidden;
}

#pten-charts .chart-heading .heading-bg {
    background: #EBF2F2;
    transform: skewX(-20deg);
    padding: 9px 0;
    position: relative;
    left: -10px;
}

#pten-charts .chart-heading .heading-bg p {
    font-size: 16px;
    line-height: 22px;
    transform: skewX(20deg);
    text-align: center;
    color: #000000;
}

#pten-charts .chart-flex {
    padding: 14px 16px;
}

#pten-charts .chart-flex>.chart {
    display: flex;
    flex-direction: column;
    color: #555555;
}

#pten-charts .chart-flex>.chart .data {
    font-size: 14px;
    line-height: 18px;
}

#pten-charts .chart-flex>.chart .chart-bar {
    background-color: #6FB8B680;
    max-height: 10px;
    margin: 18px 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: 28px;
}

#pten-charts .chart-flex>.chart .chart-bar .chart-bar-tag {
    background: #E6F4F5;
    display: inline;
    font-size: 10px;
    line-height: 14px;
    padding: 8px;
    border-radius: 8px;
    color: #555555;
}

#pten-charts .chart-flex>.chart.green-chart {
    color: #008C98;
}

#pten-charts .chart-flex>.chart.graph-animation .chart-bar:before {
    content: "";
    display: inline-block;
    width: 13.56% !important;
    height: 26px;
    background: #008C98;
}



#pten-charts .chart-flex>.chart.grey-chart .chart-bar {
    background: #DBDBDC;
}

#pten-charts .chart-flex>.chart.graph-animation.grey-chart .chart-bar:before {
    background: #555555;
    width: 37% !important;
}

#pten-charts .chart-flex>.chart.chart-axis {
    flex-direction: column-reverse;
    align-items: center;
    font-size: 10px;
    line-height: 14px;
}

#pten-charts .chart-details {
    padding: 0 0 0 16px;
    color: #555555;
    font-size: 10px;
    line-height: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#pten-charts .chart-details p:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #008C98;
    margin-right: 14px;
    vertical-align: middle;
}

#pten-charts .chart-details p:last-child:before {
    background: #555555;
}

#pten-charts .pfs-chart .chart-flex>.chart.graph-animation .chart-bar:before {
    width: 49% !important;
}

#pten-charts .pfs-chart .chart-flex>.chart.graph-animation.grey-chart .chart-bar:before {
    width: 92.5% !important;
}

#pten-charts .chart-section.pfs-chart {
    margin-top: 26px;
}

#prognostic-role-of-pten #page-content .section-3:has(#pten-charts) .footnote {
    color: #555555;
    font-size: 10px;
    line-height: 14px;
}

#pten-charts .chart-flex>.chart .chart-bar:before {
    content: "";
    display: inline-block;
    width: 0% !important;
    height: 26px;
    background: #008C98;
    transition: width 1s ease !important;
}


/* PTEN charts ends */

#prognostic-role-of-pten .section-5>p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

#prognostic-role-of-pten .section-5 .routine-testing {
    margin: 21px 0 40px;
}

#prognostic-role-of-pten .section-5 .routine-testing>p {
    font-size: 16px;
}

#prognostic-role-of-pten .section-5 .routine-testing .testing-flex {
    margin: 18px 0 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: center;
}

#prognostic-role-of-pten .section-5 .routine-testing .testing-flex .box {
    background: #F4F7F7;
    border-radius: 8px;
    text-align: center;
    padding: 16px 40px 24px;
    max-width: 339px;
}

#prognostic-role-of-pten .section-5 .routine-testing .testing-flex .box.box-2 {
    padding-bottom: 32px;
}

#prognostic-role-of-pten .flex-reverse-section #clinical-guidelines {
    width: 100%;
    padding: 15px 16px;
    margin: 40px auto;
    gap: 18px;
}

#prognostic-role-of-pten .flex-reverse-section #clinical-guidelines .colCont-child a:after {
    display: none !important;
}

#prognostic-role-of-pten a span.anchBtn-rightArrowIcon.download-arrowBtn::before {
    background-image: url(/content/dam/intelligentcontent/unbranded/pioneerhub/us/en/images/global/white-arrow-right.svg);
}


#prognostic-role-of-pten #expert-thumbnail {
    border-bottom: 1px solid #B6B7B9;
    padding-bottom: 64px !important;
}

@media screen and (min-width:992px) {
    #prognostic-role-of-pten #banner .banner-section {
        background-image: url(/content/dam/intelligentcontent/unbranded/pioneerhub/us/en/images/exploring-cancer-patients/prognostic-role-of-pten/desktop/banner-bg.png);
    }

    #page-content .section-1 .section-head {
        margin: 0 0 14px;
    }

    #prognostic-role-of-pten .head-content>p:not(:last-child) {
        margin-bottom: 20px;
    }

    #prognostic-role-of-pten .people-flex {
        flex-direction: row;
        gap: 0;
        justify-content: center;
        margin: 40px 0 92px;
    }

    #prognostic-role-of-pten .people-flex .box {
        max-width: 294px;
        width: 100%;
    }

    #prognostic-role-of-pten .people-flex .content {
        padding: 0 30px;
    }

    ul.list-section li.list-item {
        font-size: 18px;
        line-height: 24px;
        margin-top: 6px;
    }

    .cmp-text ul.list-section {
        margin-top: 20px;
    }

    #numbered-flex .number-callout {
        padding: 56px 45px;
        background-image: url(/content/dam/intelligentcontent/unbranded/pioneerhub/us/en/images/exploring-cancer-patients/prognostic-role-of-pten/desktop/callout-with-stat.png);
        display: flex;
        align-items: center;
    }

    #numbered-flex .number-callout .number-section {
        margin: 0 27px 0 55px;
        max-width: 180px;
        width: 100%;
    }

    #numbered-flex .number-callout .number-circle-bg {
        min-height: 180px;
        font-size: 30px;
        line-height: 26px;
    }

    #numbered-flex .number-callout .content {
        max-width: 430px;
        font-size: 22px;
        line-height: 28px;
    }

    #page-content .small-callout {
        background-image: url(/content/dam/intelligentcontent/unbranded/pioneerhub/us/en/images/exploring-cancer-patients/prognostic-role-of-pten/desktop/small-callout.png);
        max-width: 255px;
        width: 100%;
        padding: 41px;
    }

    #page-content .small-callout-section {
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }

    #page-content .small-callout:not(:last-child) {
        margin: 0;
    }

    #page-content .small-callout .content {
        min-height: unset;
        margin-top: 16px;
    }

    #prognostic-role-of-pten #page-content .section-3 {
        margin: 40px 0 64px;
    }

    #prognostic-role-of-pten #page-content .section-3 .section-subhead {
        font-size: 26px;
        line-height: 32px;
        padding-right: 90px;
    }

    #prognostic-role-of-pten #page-content .section-3 .section-subhead+p {
        margin: 14px 0 40px;
    }

    #prognostic-role-of-pten #page-content .section-3:has(#pten-charts) {
        padding: 64px 0 40px;
    }

    #prognostic-role-of-pten #page-content .section-3:has(#pten-charts) .section-subhead {
        font-size: 22px;
        line-height: 28px;
        padding-right: 60px;
    }

    #pten-charts {
        margin: 24px 0 11px;
        padding: 0 46px 0 18px;
    }

    #pten-charts .chart-heading .heading-bg {
        max-width: 98%;
        left: 10px;
    }

    #pten-charts .chart-flex {
        padding: 13px 0 22px;
    }

    #pten-charts .chart-flex>.chart {
        flex-direction: row;
        gap: 12px;
        align-items: center;
    }

    #pten-charts .chart-flex>.chart .chart-bar {
        max-width: 630px;
        width: 100%;
    }

    #pten-charts .chart-flex>.chart .data {
        max-width: 90px;
        width: 100%;
        font-size: 14px;
        line-height: 18px;
    }

    #pten-charts .chart-flex>.chart.chart-axis {
        flex-direction: row;
    }

    #pten-charts .chart-flex>.chart.chart-axis .axis-data {
        max-width: 87px;
        width: 100%;
        text-align: right;
    }

    #pten-charts .chart-details {
        flex-direction: row;
        justify-content: center;
        gap: 44px;
        padding-top: 0;
    }

    #prognostic-role-of-pten .section-5>p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    #prognostic-role-of-pten .section-5 .routine-testing {
        margin: 40px 0 64px;
    }

    #prognostic-role-of-pten .section-5 .routine-testing>p {
        font-size: 18px;
        line-height: 24px;
    }

    #prognostic-role-of-pten .section-5 .routine-testing .testing-flex {
        flex-direction: row;
        align-items: unset;
    }

    #prognostic-role-of-pten .section-5 .routine-testing .testing-flex .content {
        min-height: 72px;
        margin-top: 7px;
        padding: 0 3px;
    }

    #prognostic-role-of-pten .section-5 .routine-testing .testing-flex .box {
        max-width: 407px;
        padding: 18px 40px 29px !important;
    }

    #prognostic-role-of-pten .section-5 .routine-testing .testing-flex .box.box-1 {
        max-width: 399px;
        width: 100%;
    }

    #prognostic-role-of-pten .flex-reverse-section #clinical-guidelines {
        flex-direction: row-reverse;
        padding: 40px;
        gap: 32px;
    }

    #prognostic-role-of-pten .flex-reverse-section #clinical-guidelines .colCont-child.colCont-child2 {
        max-width: 362px;
        width: 100%;
    }

    #prognostic-role-of-pten .flex-reverse-section #clinical-guidelines .colCont-child.colCont-child1 {
        max-width: 351px;
    }

    #prognostic-role-of-pten #expert-thumbnail .expert-quote-container .quote-author .author-info a {
        margin: 0;
    }

    #prognostic-role-of-pten #expert-thumbnail .expert-quote-container .expert-quote:before {
        left: 0;
        top: 35px;
    }

    #prognostic-role-of-pten #expert-thumbnail .expert-quote-container .expert-quote:after {
        right: unset;
        bottom: 36px;
    }

    #prognostic-role-of-pten #expert-thumbnail {
        padding-bottom: 0;
    }

    #prognostic-role-of-pten #page-section-flex>.aem-Grid {
        padding-bottom: 102px;
    }

    #prognostic-role-of-pten #the-future p {
        padding-right: 30px;
    }

    #prognostic-role-of-pten #the-future+.head-content {
        padding-right: 90px;
    }

    #prognostic-role-of-pten .section-2a {
        padding-right: 30px;
    }

    #prognostic-role-of-pten .people-flex .box .img-container {
        margin-bottom: 28px;
    }

    #prognostic-role-of-pten #expert-thumbnail .expert-quote-container .expert-quote {
        padding: 0 23px;
    }

    #prognostic-role-of-pten .flex-reverse-section #clinical-guidelines {
        margin-top: 64px;
        margin-bottom: 0;
    }

}

@media screen and (max-width:991px) {
    #prognostic-role-of-pten .head-content {
        font-size: 16px;
        line-height: 20px;
    }

    #prognostic-role-of-pten .people-flex .img-container {
        margin-bottom: 14px;
    }

    #prognostic-role-of-pten #expert-thumbnail .expert-quote-container .expert-quote {
        padding: 0 24px;
    }

    #prognostic-role-of-pten #expert-thumbnail .expert-quote-container .quote-author .author-info a {
        margin: 0;
    }

    #prognostic-role-of-pten #expert-thumbnail .expert-quote-container .quote-author {
        gap: 11px;
        margin-top: 25px;
    }

    #prognostic-role-of-pten #expert-thumbnail .expert-quote-container {
        padding: 32px 11.5px 27px;
    }

    #prognostic-role-of-pten #expert-thumbnail {
        padding-bottom: 49px;
    }

    #prognostic-role-of-pten .flex-reverse-section #clinical-guidelines .colCont-child img {
        min-height: 194px;
    }

    #prognostic-role-of-pten #expert-thumbnail .expert-quote-container .expert-quote:after {
        /* transform: none; */
        /* bottom: -10px !important; */
        right: unset;
    }

}

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

    #numbered-flex .number-callout,
    #page-content .small-callout,
    #cta-section .two-cta-section .cta {
        background-position: center;
    }

}

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

    #expert-thumbnail .expert-quote-container .expert-quote::before,
    #expert-thumbnail .expert-quote-container .expert-quote::after {
        font-size: 54px !important;
        /* top: 0; */
    }

    #expert-thumbnail .expert-quote-container .expert-quote::before {
        left: 27px !important;
    }

    #expert-thumbnail .expert-quote-container .expert-quote:before {
        left: unset !important;
        transform: translateX(-25px) !important;
        top: 0 !important;
    }

    #prognostic-role-of-pten #expert-thumbnail .expert-quote-container .expert-quote:before {
        top: 25px !important;
    }
}