/**********************Hrr-mutations CSS starts**********************/

/***************Mobile css starts ********************/
/*hrr-mutations banner css starts*/
#prostate-cancer-hrr-mutations .hrr-mutations-banner {
    padding: 80px 24px;
}
#prostate-cancer-hrr-mutations .hrr-mutations-banner h1 {
    font-size: 32px;
}
.erbb2-banner-text p {
    font-family: var(--primary-font);
    padding-top: 24px;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: rgb(255, 255, 255);
}
/*hrr-mutations banner css ends*/

/*hrr-mutations graph css starts*/
.hrr-mutations {
    max-width: 312px;
    margin: 0 auto;
}
#prostate-cancer-hrr-mutations .hrr-mutations span.hrr-mutations-span {
    font-family: var(--heading-font);
}
#prostate-cancer-hrr-mutations .hrr-mutations span.hrr-mutations-span-one {
    font-size: 24px;
}
#prostate-cancer-hrr-mutations .hrr-mutations span.hrr-mutations-span-two {
    font-size: 14px;
    
}
#prostate-cancer-hrr-mutations .hrr-mutations .hrr-mutations-six {
    gap: 20px;
}
#prostate-cancer-hrr-mutations .hrr-mutations p.hrr-mutations-two {
    font-family: var(--primary-font);
}
#prostate-cancer-hrr-mutations .exit-ramp-modal span.modal__closeIcon {
    margin-right: 0;
}
/*hrr-mutations graph css ends*/

#prostate-cancer-hrr-mutations #clinical-relevance a {
    display: inline-flex;
    gap: 4px;
    padding: 4px 0px !important;
}

#prostate-cancer-hrr-mutations #footnote-accordion .cmp-accordion__button:hover {
    color: #3C4242;
    border-color: transparent;
    text-decoration: none;
}

/*nccn-clinical css starts*/
.nccn-clinical {
    padding: 40px 24px 20px;
}
.nccn-clinical-inn {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
img.consistent-light {
    max-width: 116px;
}
.nccn-clinical-right h2 {
    font-size: 1.8125rem;
    line-height: 150%;
    font-style: normal;
    font-weight: 400;
    font-family: var(--heading-font);
}
.nccn-clinical-practice {
    padding: 0 24px 20px;
}
.nccn-clinical-practice-inn p {
    font-style: normal;
    font-weight: 600;
    font-family: var(--primary-font);
    font-size: 1.5rem;
    line-height: 2rem;
}
/*nccn-clinical css ends*/

/*nccn-clinical table css starts*/
.nccn-clinical-table {
    padding: 0 24px;
}
#nccn-clinical-table .content-table th {
    font-size: 14px;
    line-height: 1.5;
    color: #3C4242;
    font-weight: 700;
    border-bottom: 1px solid #C4CFCD;
    padding: 12px;
    background-color: #E6EBF0;
    text-align: left;
    white-space: nowrap;
    text-wrap: wrap;
}
#nccn-clinical-table .content-table thead>tr:first-of-type>th:first-of-type {
border-top-left-radius: 12px;
}

#nccn-clinical-table .content-table thead>tr:first-of-type>th:last-of-type {
border-top-right-radius: 12px;
}
#nccn-clinical-table .content-table tbody>tr:nth-child(even)>td {
background-color: #F5F7F7;
}

#nccn-clinical-table .content-table td.bg-odd {
background-color: #fff!important;
}

#nccn-clinical-table .content-table td.bg-even {
background-color: #F5F7F7;
}
#nccn-clinical-table .content-table th {
font-size: 14px;
line-height: 1.5;
color: #3C4242;
font-weight: 700;
border-bottom: 1px solid #C4CFCD;
padding: 12px;
background-color: #E6EBF0;
text-align: left;
white-space: nowrap;
text-wrap: wrap;
}

#nccn-clinical-table .content-table th p {
font-size: 14px;
line-height: 1.5;
color: #3C4242;
font-weight: 700;
text-align: left;
white-space: nowrap;
}

#nccn-clinical-table .content-table td {
font-size: 14px;
line-height: 1.5;
color: #3C4242;
font-weight: 400;
border-bottom: 1px solid #C4CFCD;
padding: 12px;
vertical-align: top;
background-color: #fff;
}
#nccn-clinical-table p.nccn-clinical-table-text{
    font-size: 0.875rem;
    line-height: 120%;
    font-style: normal;
    font-weight: 400;
    font-family: var(--primary-font);
}
#nccn-clinical-table .content-table td ul li {
    font-size: 14px;
    line-height: 1.5;
    color: #3C4242;
    font-weight: 400;
    display: list-item;
    padding: 0;
}
#nccn-clinical-table .break-all {
    word-break: break-all !important;
}
#nccn-clinical-table .content-table td ul {
    list-style-type: disc;
    padding-left: 30px;
}
#nccn-clinical-table .nccn-clinical-table-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
}
.nccn-clinical-table-footnotes {
    padding: 0 24px 20px;
}
.nccn-clinical-table-footnotes-inn p {
    font-size: 0.875rem;
    line-height: 120%;
    font-style: normal;
    font-weight: 400;
    color: #3C4242;
    font-family: var(--primary-font);
}
#prostate-cancer-hrr-mutations #footnotecontainer {
    display: block;
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 40px;
}

.nccn-clinical-footnote-accordion-text {
    line-height: 1;
    padding-top: 40px;
    border-top: 1px solid #C4CFCD;
    margin-top: 12px;
}
.nccn-clinical-footnote-accordion-text p {
    color: #3C4242;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 120%;
    font-family: var(--primary-font);
    color: #3C4242;
}
#prostate-cancer-hrr-mutations #footnotecontainer .cmp-accordion__panel{
    padding: 16px;
}
#prostate-cancer-hrr-mutations #footnotecontainer .nccn-clinical-footnote-accordion-inside-text p {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding: 10px 0 0 0;
}
/*nccn-clinical table css ends*/

/*patients-bar-chart css start*/
#patients-bar-chart {
    background-color: #F5F7F7;
}
.patients-bar-title {
    padding: 40px 24px 20px;
}
.patients-bar-title-inn {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
img.actionable-light {
    max-width: 116px;
}
.patients-bar-title-right-inn {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.patients-bar-title-right-inn h2 {
    font-size: 1.8125rem;
    line-height: 150%;
    font-style: normal;
    font-weight: 400;
    font-family: var(--heading-font);
}
.patients-bar-title-right-inn p {
    font-size: 24px;
    line-height: 120%;
    font-style: normal;
    font-weight: 600;
    color: #3C4242;
    font-family: var(--primary-font);
}
.patients-barchart {
    padding: 0px 24px;
}
.patients-barchart-inn {
    display: flex;
    flex-direction: column;
}
.patients-barchart-left ul.patients-barchart-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 24px;
    list-style-type: disc;
}
.patients-barchart-left li.patients-barchart-list-item {
    display: list-item;
    text-align: left;
    font-family: var(--primary-font);
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}
.patients-barchart-right-inn {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.patients-barchart-right-top p {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 150%;
    font-style: normal;
    font-family: var(--primary-font);
}
.patients-barchart-right-bottom-image {
    max-width: 312px;
    margin: 0 auto;
}
.patients-barchart-footnote-inn {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.patients-barchart-footnote-top ul.patients-barchart-footnote-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    padding-left: 16px;
    list-style-type: disc;
    padding-top: 20px;
}
.patients-barchart-footnote-top li.patients-barchart-footnote-list-item {
    display: list-item;
    text-align: left;
    font-family: var(--primary-font);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.patients-barchart-footnote-top p {
    font-family: var(--primary-font);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.patients-barchart-footnote-bottom p {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    font-family: var(--primary-font);
}
.patients-barchart-footnote {
    padding: 20px 0 40px;
}

/*patients-bar-chart css ends*/

/*sample type graph css starts*/
.sample-type-graph {
    padding: 40px 24px 20px;
}
.sample-type-graph-inn {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
img.investigate-light {
    max-width: 116px;
}
.sample-type-graph-right h2 {
    font-size: 1.8125rem;
    line-height: 150%;
    font-style: normal;
    font-weight: 400;
    font-family: var(--heading-font);
}
.sample-type-infographic {
    padding: 0 24px;
}
.sample-type-infographic-image {
    max-width: 312px;
    margin: 0 auto;
}
/*sample type graph css ends*/

/*sample type graph table css starts*/
.sample-type-graph-table {
    padding: 20px 24px;
}

#sample-type-graph-table .content-table th {
    font-size: 14px;
    line-height: 1.5;
    color: #3C4242;
    font-weight: 700;
    border-bottom: 1px solid #C4CFCD;
    padding: 12px;
    background-color: #E6EBF0;
    text-align: left;
    white-space: nowrap;
    text-wrap: wrap;
}
#sample-type-graph-table .content-table thead>tr:first-of-type>th:first-of-type {
border-top-left-radius: 12px;
}

#sample-type-graph-table .content-table thead>tr:first-of-type>th:last-of-type {
border-top-right-radius: 12px;
}
#sample-type-graph-table .content-table tbody>tr:nth-child(even)>td {
background-color: #F5F7F7;
}

#sample-type-graph-table .content-table td.bg-odd {
background-color: #fff!important;
}

#sample-type-graph-table .content-table td.bg-even {
background-color: #F5F7F7;
}
#sample-type-graph-table .content-table th {
font-size: 14px;
line-height: 1.5;
color: #3C4242;
font-weight: 700;
border-bottom: 1px solid #C4CFCD;
padding: 12px;
background-color: #E6EBF0;
text-align: left;
white-space: nowrap;
text-wrap: wrap;
}

#sample-type-graph-table .content-table th p {
font-size: 14px;
line-height: 1.5;
color: #3C4242;
font-weight: 700;
text-align: left;
white-space: nowrap;
}

#sample-type-graph-table .content-table td {
font-size: 14px;
line-height: 1.5;
color: #3C4242;
font-weight: 400;
border-bottom: 1px solid #C4CFCD;
padding: 12px;
vertical-align: top;
background-color: #fff;
}
#sample-type-graph-table p.sample-type-graph-table-text{
    font-size: 0.875rem;
    line-height: 120%;
    font-style: normal;
    font-weight: 400;
    font-family: var(--primary-font);
}
#sample-type-graph-table .content-table td ul li {
    font-size: 14px;
    line-height: 1.5;
    color: #3C4242;
    font-weight: 400;
    display: list-item;
    padding: 0;
}
#sample-type-graph-table .break-all {
    word-break: break-all !important;
}
#sample-type-graph-table .content-table td ul {
    list-style-type: disc;
    padding-left: 30px;
}
#sample-type-graph-table .sample-type-graph-table-list {
    list-style: none;
}

.sample-graph-table-content {
    padding: 0 24px 40px;
}
.sample-graph-table-content-inn p.tumor-testing {
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
    color: #3C4242;
    padding: 0 0 16px 0;
    font-style: normal;
    font-family: var(--primary-font);
}
.sample-graph-table-content-inn p.tissue-samples {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 150%;
    font-style: normal;
    font-family: var(--primary-font);
}
.sample-graph-table-content-inn ul.sample-graph-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-left: 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    list-style-type: disc;
    color: #3C4242;
}
.sample-graph-table-content-inn li.sample-graph-list-text {
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
}

/*sample type graph table css ends*/

/*consider-plasma css starts*/
#consider-plasma {
    background-color: #F5F7F7;
}
.consider-plasma-title {
    padding: 40px 24px 0;
}
.consider-plasma-title-inn h2 {
    font-size: 1.8125rem;
    line-height: 150%;
    font-style: normal;
    font-weight: 400;
    font-family: var(--heading-font);
}
.consider-plasma-graph {
    padding: 20px 24px 0;
}
.consider-plasma-graph .consider-plasma-graph-top {
    padding-left: 8px;
}
.consider-plasma-graph-inn ul.consider-plasma-graph-list {
    margin-left: 24px !important;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    list-style-type: disc;
}
.consider-plasma-graph-inn li.consider-plasma-graph-list-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    display: list-item;
    position: relative;
    font-family: var(--primary-font);
}
.consider-plasma-graph-inn {
    position: relative;
    display: flex;
    flex-direction: column;
}
.consider-plasma-graph-bottom {
    max-width: 312px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    position: relative;
}
.consider-plasma-graph-right {
    position: relative;
        width: 202px;
}
img.positive-negative {
    max-width: 110px;
}
.consider-plasma-graph-right p {
    font-size: 0.875rem;
    line-height: 120%;
    font-style: normal;
    font-weight: 400;
    font-family: var(--primary-font);
}
p.plasma-graph-text-one {
    top: 9%;
    max-width: calc(312px - 112px);
}
span.plasma-graph-span-one {
    font-size: 34px;
    font-weight: 500;
    color: #D0006F;
}
span.plasma-graph-span-two {
    font-size: 16px;
    line-height: 24px;
    color: #02243E;
}
p.plasma-graph-text-two {
    bottom: 0px;
    max-width: calc(312px - 112px);
}
span.plasma-graph-span-three {
    font-weight: 500;
    color: #02243E;
    font-size: 34px;
    font-family: var(--heading-font);
}
span.plasma-graph-span-four {
    font-size: 16px;
    line-height: 24px;
    color: #02243E;
}
#perform-germline .perform-germline {
    padding: 20px 24px 20px;
}
#perform-germline .perform-germline-inn {
    padding: 20px 60px 20px 32px;
}
#perform-germline .perform-germline-content {
    gap: 24px;
}
#perform-germline img.consistent-terminology {
    max-width: 80px;
}
/*consider-plasma css ends*/

#prostate-cancer-hrr-mutations .testingLab__image_container {
    max-width: none;
}

#prostate-cancer-hrr-mutations .content-table th {
    vertical-align: middle;
}

/*Tissue testing  css starts*/
.tissue-testing-title {
    padding: 40px 24px 20px;
}
.tissue-testing-title-inn {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.tissue-testing-left figure {
    margin: 0;
}
img.testing-interpretation {
    max-width: 116px;
}
.tissue-testing-right h2 {
    font-size: 1.8125rem;
    line-height: 150%;
    font-style: normal;
    font-weight: 400;
    font-family: var(--heading-font) , var(--primary-font);
}
.tissue-testing-right p {
    padding-top: 12px;
    line-height: 150% ;
    font-size: 24px;
    font-weight: 700;
    font-family: var(--primary-font);
}
#diagnostic-assays .tissue-testing-right p {
    font-size: 16px !important;
}
.tissue-table-title {
    padding: 0 24px 20px;
}
.tissue-table-title-inn p {
    line-height: 120%;
    font-style: normal;
    text-decoration-line: none;
    font-size: 24px;
    font-weight: 700;
    font-family: var(--primary-font);
}

.tissue-testing-table {
    padding: 0px 24px 20px;
}

#tissue-testing-table .content-table th {
    font-size: 14px;
    line-height: 1.5;
    color: #3C4242;
    font-weight: 700;
    border-bottom: 1px solid #C4CFCD;
    padding: 12px;
    background-color: #E6EBF0;
    text-align: left;
    white-space: nowrap;
    text-wrap: wrap;
    vertical-align: middle;
}
#tissue-testing-table .content-table thead>tr:first-of-type>th:first-of-type {
border-top-left-radius: 12px;
}

#tissue-testing-table .content-table thead>tr:first-of-type>th:last-of-type {
border-top-right-radius: 12px;
}
#tissue-testing-table .content-table tbody>tr:nth-child(even)>td {
background-color: #F5F7F7;
}

#tissue-testing-table .content-table td.bg-odd {
background-color: #fff!important;
}

#tissue-testing-table .content-table td.bg-even {
background-color: #F5F7F7;
}
#tissue-testing-table .content-table th {
font-size: 14px;
line-height: 1.5;
color: #3C4242;
font-weight: 700;
border-bottom: 1px solid #C4CFCD;
padding: 12px;
background-color: #E6EBF0;
text-align: left;
white-space: nowrap;
text-wrap: wrap;
}

#tissue-testing-table .content-table th p {
font-size: 14px;
line-height: 1.5;
color: #3C4242;
font-weight: 700;
text-align: left;
white-space: nowrap;
}

#tissue-testing-table .content-table td {
font-size: 14px;
line-height: 1.5;
color: #3C4242;
font-weight: 400;
border-bottom: 1px solid #C4CFCD;
padding: 12px;
vertical-align: top;
background-color: #fff;
}
#tissue-testing-table p.tissue-testing-table-text{
    line-height: 150%;
    font-size: 14px;
    font-weight: 400;
}

.tissue-testing-table-footnote {
    padding: 0 24px 40px;
}
.tissue-testing-table-footnote-top p {
    font-size: 0.875rem;
    line-height: 120%;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    color: #3C4242;
    padding-bottom: 40px;
}
.tissue-testing-table-footnote-bottom p {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    font-family: var(--primary-font);
    color: #3C4242;
}
/*Tissue testing  css ends*/

/*plasma-testing-table  css starts*/
.plasma-testing-table {
    padding: 0px 24px 20px;
}

#plasma-testing-table .content-table th {
    font-size: 14px;
    line-height: 1.5;
    color: #3C4242;
    font-weight: 700;
    border-bottom: 1px solid #C4CFCD;
    padding: 12px;
    background-color: #E6EBF0;
    text-align: left;
    white-space: nowrap;
    text-wrap: wrap;
}
#plasma-testing-table .content-table thead>tr:first-of-type>th:first-of-type {
border-top-left-radius: 12px;
}

#plasma-testing-table .content-table thead>tr:first-of-type>th:last-of-type {
border-top-right-radius: 12px;
}
#plasma-testing-table .content-table tbody>tr:nth-child(even)>td {
background-color: #F5F7F7;
}

#plasma-testing-table .content-table td.bg-odd {
background-color: #fff!important;
}

#plasma-testing-table .content-table td.bg-even {
background-color: #F5F7F7;
}
#plasma-testing-table .content-table th {
font-size: 14px;
line-height: 1.5;
color: #3C4242;
font-weight: 700;
border-bottom: 1px solid #C4CFCD;
padding: 12px;
background-color: #E6EBF0;
text-align: left;
white-space: nowrap;
text-wrap: wrap;
}

#plasma-testing-table .content-table th p {
font-size: 14px;
line-height: 1.5;
color: #3C4242;
font-weight: 700;
text-align: left;
white-space: nowrap;
}

#plasma-testing-table .content-table td {
font-size: 14px;
line-height: 1.5;
color: #3C4242;
font-weight: 400;
border-bottom: 1px solid #C4CFCD;
padding: 12px;
vertical-align: top;
background-color: #fff;
}
/*plasma-testing-table  css ends*/

/*germline-testing-table  css start*/
.germline-testing-table {
    padding: 0px 24px 20px;
}

#germline-testing-table .content-table th {
    font-size: 14px;
    line-height: 1.5;
    color: #3C4242;
    font-weight: 700;
    border-bottom: 1px solid #C4CFCD;
    padding: 12px;
    background-color: #E6EBF0;
    text-align: left;
    white-space: nowrap;
    text-wrap: wrap;
}
#germline-testing-table .content-table thead>tr:first-of-type>th:first-of-type {
border-top-left-radius: 12px;
}

#germline-testing-table .content-table thead>tr:first-of-type>th:last-of-type {
border-top-right-radius: 12px;
}
#germline-testing-table .content-table tbody>tr:nth-child(even)>td {
background-color: #F5F7F7;
}

#germline-testing-table .content-table td.bg-odd {
background-color: #fff!important;
}

#germline-testing-table .content-table td.bg-even {
background-color: #F5F7F7;
}
#germline-testing-table .content-table th {
font-size: 14px;
line-height: 1.5;
color: #3C4242;
font-weight: 700;
border-bottom: 1px solid #C4CFCD;
padding: 12px;
background-color: #E6EBF0;
text-align: left;
white-space: nowrap;
text-wrap: wrap;
}

#germline-testing-table .content-table th p {
font-size: 14px;
line-height: 1.5;
color: #3C4242;
font-weight: 700;
text-align: left;
white-space: nowrap;
}

#germline-testing-table .content-table td {
font-size: 14px;
line-height: 1.5;
color: #3C4242;
font-weight: 400;
border-bottom: 1px solid #C4CFCD;
padding: 12px;
vertical-align: top;
background-color: #fff;
}

.germline-testing-footnote {
    padding: 0 24px 0px;
}
.germline-testing-footnote-top p {
    padding-bottom: 20px;
}
/*germline-testing-table  css ends*/

/*find-labtesting-footnote css start*/
.find-labtesting-footnote {
    padding: 20px 24px 40px 24px;
}
.find-labtesting-footnote-inn p {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    font-family: var(--primary-font);
}
/*germline-testing-table  css ends*/

/*biomarker-title  css starts*/
#biomarker-test-results {
    background-color: #F7F8F8;
}
.biomarker-title {
    padding: 40px 24px 0;
}
.biomarker-title-left {
    max-width: 116px;
    margin: 0 auto;
}
.biomarker-title-right h2 {
    font-size: 1.8125rem;
    line-height: 150%;
    font-style: normal;
    font-weight: 400;
    font-family: var(--heading-font) , var(--primary-font);
    padding: 0 0 20px 0;
}
.biomarker-title-right p.biomarker-title-right-one {
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
    font-style: normal;
    font-family: var(--primary-font);
    padding-bottom: 40px;
}
.biomarker-title-right p.biomarker-title-right-two {
    font-size: 1.125rem;
    line-height: 150%;
    font-style: normal;
    font-weight: 700;
    font-family: var(--primary-font);
    padding-bottom: 20px;
}

.biomarker-test {
    padding: 0 24px 0px;
}
.biomarker-test-inn {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.biomarker-content {
    align-items: center;
    justify-items: center;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 24px;
    text-align: center;
    box-shadow: 0px 4px 20px 0px rgba(151, 151, 151, 0.25);
    background-color: #fff;
    display: flex;
    gap: 20px;
}
img.featured-lights {
    max-width: 80px;
}
.biomarker-content-right p {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    text-align: start;
    font-style: normal;
    color: #3C4242;
    font-family: var(--primary-font);
}
.biomarker-test-top.biomarker-test-top-one {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.biomarker-test-top.biomarker-test-top-two {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.biomarker-footnotes {
    padding: 20px 24px 40px;
}
.biomarker-footnotes-inn p {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    font-family: var(--primary-font);
}
/*biomarker-title  css starts*/

@media only screen and (max-width: 1023px) {
.mobile{
display:block;
}
.desktop{
display:none;
}

}
/***************Mobile css ends ********************/


/***************Tab css starts ********************/
@media (min-width: 744px) {
.mobile-only{
display:none;
}
.desktop-only{
display:block;
}
#prostate-cancer-hrr-mutations #footnotecontainer {
    display: block;
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
#prostate-cancer-hrr-mutations #diagnostic-assays #footnotecontainer {
    padding-left: 24px;
    padding-right: 24px;
}
#prostate-cancer-hrr-mutations #diagnostic-assays .nccn-clinical-footnote-accordion-text {
    margin-top: 0;
}
#prostate-cancer-hrr-mutations #considerations .considerations {
    gap: 40px;
}
/*hrr-mutations banner css starts*/
#prostate-cancer-hrr-mutations .hrr-mutations-banner {
    padding: 10px 20px 10px 40px;
}
#prostate-cancer-hrr-mutations, .hrr-mutations-banner, img.hrr-mutations-banner-img {
    height: auto;
}
/*hrr-mutations banner css ends*/

/*clinical-relevance banner css starts*/
#clinical-relevance .clinical-relevance-inn h2 {
    font-size: 34px;
    text-align: center;
}
#clinical-relevance .clinical-relevance-inn p {
    text-align: center;
}
/*clinical-relevance banner css ends*/

/*Median survival graph banner css starts*/
#prostate-cancer-hrr-mutations .hrr-mutations-six {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    width: fit-content;
}
#prostate-cancer-hrr-mutations .hrr-mutations .hrr-mutations-six {
    gap: 90px;
}
.hrr-mutations .hrr-mutations-six .graphic-text {
    font-weight: 500;
    font-size: 24px;
    color: #003864;
}
.hrr-mutations {
    margin: 0 auto;
    max-width: 1064px !important;
}

#prostate-cancer-hrr-mutations .hrr-mutations span.hrr-mutations-span-one {
    font-size: 72px;
}
#prostate-cancer-hrr-mutations .hrr-mutations span.hrr-mutations-span-two {
    font-size: 24px;
}
img.median-survival-graph {
    max-width: 1064px;
}
p.hrr-mutations-three {
    bottom: 64.5%;
        left: 290px;
}
p.hrr-mutations-seven {
    font-size: 1.125rem;
}
/*Median survival graph banner css ends*/

/*nccn-clinical css starts*/

.nccn-clinical-right h2 {
    font-size: 2.125rem;
}


.nccn-clinical {
    padding: 80px 24px 40px;
}
.nccn-clinical-inn {
    flex-direction: row;
    gap: 50px;
    align-items: center;
}
img.consistent-light {
    max-width: 160px;
}
.nccn-clinical-practice-inn p {
    text-align: center;
}
.nccn-clinical-practice {
    padding: 0 24px 32px;
}

/*nccn-clinical css ends*/

/*nccn-clinical table css start*/
.nccn-clinical-table-footnotes-inn p {
    text-align: center;
}
#prostate-cancer-hrr-mutations #footnotecontainer .nccn-clinical-footnote-accordion-inside-text p {
    padding: 0;
}
.nccn-clinical-footnote-accordion-text p {
    text-align: center;
}
/*nccn-clinical table css ends*/

/*patients-bar-chart css start*/
img.actionable-light {
    max-width: 160px;
    width: 160px;
}
.patients-barchart-left li.patients-barchart-list-item {
    font-size: 18px;
}
.patients-barchart-right-top p {
    text-align: center;
}
.patients-barchart-footnote-bottom p {
    text-align: center;
}
.patients-barchart-right-bottom-image {
    max-width: 674px;
    margin: 0 auto;
}
.patients-barchart-right-top {
    max-width: 674px;
    margin: 0 auto;
}
/*patients-bar-chart css ends*/

/*sample type graph css starts*/
img.investigate-light {
    max-width: 160px;
}
/*sample type graph css ends*/

/*consider-plasma css starts*/
.consider-plasma-graph-bottom {
    max-width: 528px;
    position: relative;
}
img.positive-negative-desk {
    max-width: 528px;
}
.consider-plasma-graph-right {
    position: relative;
}
.plasma-graph-positive {
    position: absolute;
    top: 42px;
    right: 70px;
    width: 250px;
}
span.plasma-positive-span-one {
    color: #D0006F;
    font-size: 48px;
    font-weight: 500 !important;
    line-height: 66px !important;
    font-style: normal;
    font-family: var(--heading-font);
}
span.plasma-positive-span-two {
    margin-top: 5px;
    color: #001F37;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    font-family: var(--primary-font);
}
.plasma-graph-negative {
    position: absolute;
    top: 192px;
    right: 70px;
    width: 250px;
}
span.plasma-negative-span-three {
    color: #001F37;
    font-size: 48px;
    font-weight: 500 !important;
    line-height: 66px;
     font-style: normal;
    font-family: var(--heading-font);
}
span.plasma-negative-span-four {
    margin-top: 5px;
    color: #001F37;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    font-family: var(--primary-font);
}
/*consider-plasma css ends*/

/*Tissue testing  css starts*/
img.testing-interpretation {
    max-width: 160px;
}
.tissue-testing-table-footnote {
    padding: 0 24px 40px;
}
.tissue-testing-table-footnote-top p {
    padding-bottom: 80px;
    text-align: center;
}
.tissue-testing-table-footnote-bottom p {
    text-align: center;
}
.tissue-testing-right p {
    font-size: 24px !important;
    line-height: 150% !important;
}
/*Tissue testing  css ends*/

/*plasma-testing-table  css starts*/


/*plasma-testing-table  css ends*/

/*germline-testing-table  css starts*/
.germline-testing-footnote-top p {
    padding-bottom: 20px;
}
.germline-testing-footnote {
    padding: 0 24px 0px;
}
/*germline-testing-table  css ends*/

/*find-labtesting-footnote css start*/
.find-labtesting-footnote-inn p {
    text-align: center;
}
/*germline-testing-table  css ends*/

/*biomarker-title  css starts*/
.biomarker-title-right h2 {
    text-align: center;
    padding: 16px 0 40px 0;
}
.biomarker-title-right p.biomarker-title-right-one {
    text-align: center;
}
img.featured-light {
    max-width: 160px;
    width: 160px;
}
.biomarker-test-top.biomarker-test-top-one {
    flex-direction: row;
}
.biomarker-content {
    max-width: 320px;
}

#prostate-cancer-hrr-mutations .biomarker-content {
    width: 504px;
    max-width: 504px;
}

.biomarker-test-top.biomarker-test-top-two {
    flex-direction: row;
}
.biomarker-test-top.biomarker-test-top-one {
    margin: 0 auto;
}
.biomarker-test-top.biomarker-test-top-two {
    margin: 0 auto;
}
.biomarker-footnotes-inn p {
    text-align: center;
}
/*biomarker-title  css starts*/

}

/***************Tab css ends ********************/

/***************Desktop css starts **************/
@media (min-width: 1024px) {
.mobile-only{
display:none;
}
.desktop-only{
display:block;
}
.mobile{
display:none;
}
.desktop{
display:block;
}
#prostate-cancer-hrr-mutations .hrr-mutations-banner h1 {
    font-size: 2.5rem;
}
#prostate-cancer-hrr-mutations .hrr-mutations-banner p {
    font-size: 1.25rem;
}

/*nccn-clinical table css start*/
.nccn-clinical-table-footnotes {
    padding: 0 24px 80px;
}
.nccn-clinical-table-footnotes-inn p {
    max-width: 1016px;
}
.nccn-clinical-footnote-accordion-text {
    padding: 80px 16px;
    margin-top: 0;
}
/*nccn-clinical table css ends*/

/*patients-bar-chart css start*/
.patients-bar-title {
    padding: 80px 24px 20px;
}
.patients-bar-title-inn {
    flex-direction: row;
    gap: 50px;
    align-items: center;
}
.patients-bar-title-right-inn h2 {
    font-size: 2.125rem;
}
.patients-barchart-inn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.patients-barchart-left {
    max-width: 318px;
    padding-top: 45px;
    padding-left: 24px;
}
.patients-bar-title {
    padding: 80px 24px 40px;
}
.patients-barchart-footnote {
    padding: 40px 24px 80px;
}
.patients-barchart-footnote-inn {
    gap: 40px;
}
.patients-barchart {
    padding: 0px 0px;
}
/*patients-bar-chart css ends*/

/*sample type graph css starts*/
.sample-type-graph {
    padding: 80px 24px 40px;
}
.sample-type-graph-inn {
    flex-direction: row;
    gap: 50px;
    align-items: center;
}
.sample-type-graph-right h2 {
    font-size: 2.125rem;
}
.sample-type-infographic-image {
    max-width: 1064px;
    margin: 0 auto;
}
/*sample type graph css ends*/

/*sample type graph table css starts*/
.sample-type-graph-table {
    padding: 80px 24px;
}
.sample-graph-table-content {
    padding: 32px 24px 80px;
    max-width: 904px;
    margin: 0 auto;
}
/*sample type graph table css ends*/

/*consider-plasma css starts*/
.consider-plasma-graph-inn {
    flex-direction: row;
    align-items: center;
        justify-content: center;
}
.consider-plasma-title-inn h2 {
    text-align: center;
    font-size: 2.125rem;
}
.consider-plasma-graph {
    padding: 40px 24px 0;
}
.consider-plasma-title {
    padding: 80px 24px 0;
}
.consider-plasma-graph .consider-plasma-graph-top {
    max-width: 472px;
}
.consider-plasma-graph-bottom {
padding-right: 24px !important;
}
#perform-germline .perform-germline {
    max-width: 1064px;
    margin: 0 auto;
    padding: 20px 60px 20px 32px;
}
/*consider-plasma css ends*/

/*Tissue testing  css starts*/
.tissue-testing-title {
    padding: 80px 24px 40px;
}
.tissue-testing-title-inn {
    flex-direction: row;
    gap: 50px;
    align-items: center;
}
.tissue-testing-right h2 {
    font-size: 2.125rem;
}
.tissue-table-title {
    padding: 0 24px 24px;
}
.tissue-testing-table-footnote {
    padding: 20px 24px 80px;
}
/*Tissue testing  css ends*/

/*plasma-testing-table  css starts*/

/*plasma-testing-table  css ends*/
/*germline-testing-table  css starts*/
.germline-testing-footnote-top p {
    padding-bottom: 0px;
}
/*germline-testing-table  css ends*/

/*find-labtesting-footnote css start*/
.find-labtesting-footnote-inn p {
    text-align: center;
}
/*germline-testing-table  css ends*/

/*biomarker-title  css starts*/
.biomarker-title {
    padding: 80px 24px 0;
}
.biomarker-title-right h2 {
text-align: center;
padding: 16px 0 12px 0;
font-size: 2.125rem;
}
.biomarker-title-right p.biomarker-title-right-one {
    padding-bottom: 80px;
}
.biomarker-title-right p.biomarker-title-right-two {
    padding-bottom: 16px;
}
.biomarker-content {
    width: 460px;
}
.biomarker-footnotes {
    padding: 40px 24px 80px;
}

/*biomarker-title  css starts*/

}

@media (min-width: 1050px) {
.mobile-only{
display:none;
}
.desktop-only{
display:block;
}
.mobile{
display:none;
}
.desktop{
display:block;
}
.nccn-clinical-table {
    padding: 0px;
}
.patients-barchart-left {
    max-width: 321px;
}
}
/***************Desktop css ends **************/

@media (min-width: 744px) and (max-width: 1023px) {
    #prostate-cancer-hrr-mutations .biomarker-content {
        width: 50%;
        height: 400px;
    }
    
    #prostate-cancer-hrr-mutations .biomarker-content.biomarker-test-three, #prostate-cancer-hrr-mutations .biomarker-content.biomarker-test-four {
        height: 202px;
    }
}


@media (max-width: 744px) {
    #prostate-cancer-hrr-mutations #azpm_main_container {
        padding-top: 12px;
    }
    
    #prostate-cancer-hrr-mutations .banner-buttons {
        padding: 16px;
    }
    
    #prostate-cancer-hrr-mutations .hp__headline-header p {
        font-size: 1.125rem !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 150% !important;
    }
}

#prostate-cancer-hrr-mutations span.modal__closeIcon svg {
    width: 12px;
    height: 12px;
}

@media (max-width: 743.95px) {
    #prostate-cancer-hrr-mutations .exit-ramp-modal span.modal__closeIcon {
        position: absolute;
        top: 44px;
        right: 48px;
        padding-left: 0px;
    }
    
    #prostate-cancer-hrr-mutations .exit-ramp-modal span.modal__closeLabel {
        position: absolute;
        top: 45px;
        right: 40px;
        padding-right: 6px;
    }
    
    #prostate-cancer-hrr-mutations span.modal__closeIcon svg {
        width: 11px;
        height: 11px;
    }
    
    #prostate-cancer-hrr-mutations .consider-plasma-graph {
        padding: 20px 0 0;
    }
    
    #prostate-cancer-hrr-mutations .consider-plasma-graph .consider-plasma-graph-top {
        padding-left: 32px;
    }
}


@media (min-width: 744px) and (max-width: 1023.95px) {

    /* Considerations for your practice */

    #prostate-cancer-hrr-mutations #considerations .considerations {
        padding: 40px 24px;
        flex-direction: column;
        gap: 0;
    }

    #prostate-cancer-hrr-mutations #considerations .considerations .img-sec img {
        width: 160px;
        height: 160px;
    }

    #prostate-cancer-hrr-mutations #considerations .considerations .content h2 {
        padding: 24px 0;
        font-size: 2rem;
    }

    #prostate-cancer-hrr-mutations #considerations .considerations .img-sec {
        max-width: 160px;
        max-height: 160px;
        width: 100%;
        height: 100%;
    }
    
    #prostate-cancer-hrr-mutations #considerations .considerations .content p b {
        font-weight: 700;
    }

    #prostate-cancer-hrr-mutations #considerations .considerations .content ul li {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    
    /* End Considerations for your practice */
    
}

@media (min-width: 1440px) {
    #prostate-cancer-hrr-mutations #considerations .considerations {
        gap: 80px;
    }
}



/* Start Infographics*/

#prostate-cancer-hrr-mutations .css-1thzfgq {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
    padding: 0;
}

#prostate-cancer-hrr-mutations .max-1280 {
    max-width: 1280px !important;
}

#prostate-cancer-hrr-mutations .width-312 {
    width: 312px;
}

#prostate-cancer-hrr-mutations .css-1h7trjh, #prostate-cancer-hrr-mutations .css-16xswxj {
    position: relative;
}

#prostate-cancer-hrr-mutations .css-1h7trjh > :not(style) {
    overflow: hidden;
    inset: 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#prostate-cancer-hrr-mutations .css-16xswxj > :not(style) {
    overflow: hidden;
    inset: 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#prostate-cancer-hrr-mutations .css-nxnpb6 {
    margin: 0;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    text-decoration-line: none;
}

#prostate-cancer-hrr-mutations .text-az-support-navy-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(0 56 100/ 1) !important;
}

#prostate-cancer-hrr-mutations .css-17qpjyf {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

#prostate-cancer-hrr-mutations .css-1iv9c1o {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

#prostate-cancer-hrr-mutations .css-1byfpyh {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

#prostate-cancer-hrr-mutations .css-1i6ve9j {
    font-family: var(--heading-font);
}

#prostate-cancer-hrr-mutations .container-width-1064 {
    width: 1064px;
}

#prostate-cancer-hrr-mutations .bg-white-smoke {
    background-color: #F5F7F7 !important;
}

#prostate-cancer-hrr-mutations .section__banner-tumors {
    background-color: inherit;
    max-width: 1440px;
    padding: 80px 188px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
}

#prostate-cancer-hrr-mutations .section__banner-tumors .section__banner-img {
    width: 160px;
}

#prostate-cancer-hrr-mutations .css-50lpb0 {
    position: relative;
}

#prostate-cancer-hrr-mutations .css-50lpb0>*:not(style) {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#prostate-cancer-hrr-mutations .css-gp7aei {
    margin: 0;
    font-size: 1.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    font-family: var(--primary-font);
    font-style: normal;
    font-weight: 400;
    text-decoration-line: none;
}

#prostate-cancer-hrr-mutations .css-35ezg3 {
    font-weight: 600;
}

#prostate-cancer-hrr-mutations .css-4lgp5u {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
}

#prostate-cancer-hrr-mutations .rp__content-text-boxes {
    font-weight: 400 !important;
}

#prostate-cancer-hrr-mutations .rp__headline-text-boxes, #prostate-cancer-hrr-mutations .rp__content-text-boxes {
    font-size: 18px !important;
    line-height: 150% !important;
    padding-bottom: 8px;
}

#prostate-cancer-hrr-mutations .css-oixmti {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
}

#prostate-cancer-hrr-mutations .hrr__gene-alteration-graphic-container {
    max-width: 674px;
}

#prostate-cancer-hrr-mutations .hrr__gene-alteration-graphic {
    background-color: inherit;
    position: relative;
    width: 674px;
    height: 317px !important;
}

#prostate-cancer-hrr-mutations .css-1rqz2dw {
    position: relative;
    height: 317px;
}

#prostate-cancer-hrr-mutations .css-1rqz2dw > :not(style) {
    overflow: hidden;
    inset: 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#prostate-cancer-hrr-mutations .patient__nr {
    font-weight: 400;
    font-size: 9px;
    color: #003864;
}

#prostate-cancer-hrr-mutations .css-1uq1pmv {
    font-family: var(--heading-font);
    font-size: 9px;
}

#prostate-cancer-hrr-mutations .css-k5py6t {
    font-family: var(--heading-font);
    font-size: 18px;
}

#prostate-cancer-hrr-mutations .css-1b62e1o {
    position: relative;
}

#prostate-cancer-hrr-mutations .css-1b62e1o > :not(style) {
    overflow: hidden;
    inset: 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#prostate-cancer-hrr-mutations .css-mdtnlz {
    font-size: 10px !important;
}

#prostate-cancer-hrr-mutations .css-13lhvi4 {
    font-family: var(--heading-font);
    font-size: 8px;
}

#prostate-cancer-hrr-mutations .css-78vvxb {
    font-family: var(--heading-font);
    font-size: 10px;
}

#prostate-cancer-hrr-mutations .rotate-90 {
    transform: rotate(-90deg);
}

#prostate-cancer-hrr-mutations .gap-37 {
    gap: 37px;
}

#prostate-cancer-hrr-mutations .gap-33 {
    gap: 33px;
}

@media (max-width: 1023px) {
    #prostate-cancer-hrr-mutations .section__banner-tumors {
        padding: 40px 24px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 24px;
    }  
}

@media (min-width: 744px) {
    #prostate-cancer-hrr-mutations .section__banner-tumors {
        min-height: 320px;
    }
}

/* End Infographics*/