/* prostate-cancer CSS */
li.list-no-bullet {
    list-style-type: none;
}
/* Global Styles */
.prostate-pages a {
    text-underline-offset: 2px;
}

#prostate-cancer #banner-section .banner .banner-content h1 {
    max-width: 56rem;
}

#prostate-cancer .pink-button span {
    line-height: 120%;
}

#prostate-cancer .max-976 {
    max-width: 976px !important;
} 

#prostate-cancer #considerations ::marker {
    font-size: 14px;
}

#prostate-cancer .max-width {
    max-width: 1024px;
    padding: 80px 24px;
    margin: 0 auto;
}

#prostate-cancer h2.section-heading {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 120%;
    max-width: 52rem;
    padding: 0;
    margin-bottom: 48px;
}

.biomarker-testing-cards {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.biomarker-testing-cards__card {
    flex-basis: 33%;
    box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.15);
    border-radius: 24px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 20px 40px;
    height: 424px;
}

img.biomarker-testing-cards__card-image {
    max-width: 160px;
}
#prostate-cancer img.biomarker-testing-cards__card-image {
    max-width: 116px;
}
p.biomarker-testing-cards__card-text {
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    margin: 8px 0 0;
}

#prostate-cancer .section-flex {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    padding: 80px 24px 40px;
    flex-direction: row;
}

#content-section--gray {
    background-color: #F5F7F7;
}

.content-section__wrapper {
    display: flex;
    gap: 48px;
}

h2.content-section__content-heading {
    font-size: 40px;
    line-height: 48px;
    font-weight: 400;
    font-family: var(--heading-font);
    max-width: 768px;
    margin: 0 0 10px;
}

.content-section__content__image img {
    max-width: 160px;
}


p.content-section__content-copy--heading {
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    padding: 0 0 48px;
}

p.content-section__content-copy {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin: 0 0 96px;
}

.content-section-infographic--desktop {
    position: relative;
}

.text-box {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    position: absolute;
    z-index: 2;
}

#box1 {
    top: 80px;
    left: 20px;
    width: 100px;
}

#box2 {
    top: 62px;
    left: 222px;
    width: 240px;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}

#box3 {
    top: 62px;
    left: 548px;
    width: 200px;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}

#box4 {
    top: 327px;
    left: 20px;
    width: 100px;
}

#box5 {
    top: 570px;
    left: 20px;
    width: 100px;
}

#box6 {
    top: 420px;
    left: 222px;
    width: 240px;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}

#box7 {
    top: 335px;
    left: 547px;
    width: 190px;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}

#box8 {
    top: 334px;
    left: 782px;
    width: 190px;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
}

#box9 {
    top: 347px;
    left: 899px;
    width: 190px;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    width: fit-content;
}

#box10 {
    top: 459px;
    left: 547px;
    width: 190px;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
}

#box11 {
    top: 460px;
    left: 675px;
    width: 190px;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
}

#box12 {
    top: 548px;
    left: 546px;
    width: 213px;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}

.content-section--gray {
    padding-bottom: 0 !important;
}

#prostate-cancer #footnotes-accordion {
    max-width: 1064px;
    padding: 0 24px 80px;
    margin: 0 auto;
}

#prostate-cancer #footnotes-accordion .cmp-accordion__panel--expanded {
    padding: 16px;
    max-width: 970px;
}


.footnotes__section {
    padding-top: 0px !important;
}

p.footnotes__section-copy {
    text-align: center;
    font-size: 14px;
}

p.footnotes__section-copy.last-footnotes {
    font-size: 12px;
    line-height: 14.4px;
}

#prostate-cancer .section-2 h2.section-heading {
    max-width: 100%;
    text-align: left;
    margin: 0 0 32px;
}
.section-2 p.section-heading--sub {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    font-family: var(--primary-font);
    margin: 0 0 80px;
}
  .section-2 p.section-heading--sub.extra-top-spacing{
            padding-top: 40px;
    }
    
.test-tumor__table table  {
    min-width: 600px;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}


.test-tumor__table 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;
}

.test-tumor__table table tbody>tr:nth-child(even)>td {
    background-color: #F5F7F7;
}

.test-tumor__table 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;
}


.test-tumor__table table td ul li {
    font-size: 14px;
    line-height: 1.5;
    color: #3C4242;
    font-weight: 400;
    display: list-item;
    padding: 0;
}


.test-tumor__table table td ul {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 30px;
}

.section-2 p.footnotes__section-copy {
    margin: 40px 0 80px;
}

.section-2 p.footnotes__section-copy.last-footnotes {
    margin: 0;
}

.section-3 h2.content-section__content-heading {
    font-family: var(--heading-font);
    font-size: 34px;
    font-weight: 400;
    line-height: 51px;
}

.section-3 p.content-section__content-copy {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin: 0 0 96px;
    font-weight: 700;
}

.section-3 p.footnotes__section-copy {
    margin: 40px 0 16px;
}

.section-3 p.footnotes__section-copy.last-footnotes {
    padding: 0 0 40px;
    margin-top: 0;
}

.section-3 .text-box {
    font-family: var(--heading-font);
    font-weight: 400;
}

.section-3 #box1a {
    top: 240px;
    left: 250px;
    width: 120px;
    color: #002949;
    font-size: 72px;
}

.section-3 #box2a {
    top: 310px;
    left: 250px;
    width: 150px;
    color: #002949;
    font-size: 36px;
    font-family: var(--primary-font);
    line-height: 40px;
}

.section-3 #box3a {
    top: 12px;
    right: 130px;
    font-weight: 600;
    font-size: 48px;
    color: #D0006F;
}

.section-3 #box4a {
    top: 50px;
    right: 130px;
    color: #002949;
    font-size: 18px;
    font-family: var(--primary-font);
    font-style: italic;
}


.section-3 #box5a {
    top: 290px;
    right: 130px;
    font-weight: 600;
    font-size: 48px;
    color: #AE7C00;
}

.section-3 #box6a {
    top: 328px;
    right: 130px;
    color: #002949;
    font-size: 18px;
    font-family: var(--primary-font);
}


.section-3 #box7a {
    top: 440px;
    right: 130px;
    font-weight: 600;
    font-size: 48px;
    color: #4C99A2;
}

.section-3 #box8a {
    top: 478px;
    right: 130px;
    color: #002949;
    font-size: 18px;
    font-family: var(--primary-font);
}

#prostate-cancer #considerations {
    background-image: url('/content/dam/intelligentcontent/unbranded/ic-precisionmed-hcp/us/en/images/desktop/breast-cancer/Hero_image_1440.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#prostate-cancer .section-4.max-width {
    max-width: 896px;
    margin: 0 auto;
}

.section-4 .content-section__content-image {
    display: flex;
    justify-content: center;
    height: 160px;
}


.section-4 h2.content-section__content-heading {
    text-align: center;
    font-size: 34px;
    max-width: 100%;
    line-height: 51px;
    margin: 12px 0 12px;
}

.section-4 p.content-section__content-copy {
    margin: 0 0 24px;
    text-align: center;
}

.section-4 .content-section_button {
    display: flex;
    justify-content: center;
    margin: 0 0 40px;
}

.section-4 p.footnotes__section-copy {
    font-size: 12px;
    line-height: 14.4px;
}


.section-6 .hp__headline-header h2 {
    margin-bottom: 8px;
}

.section-6 .hp__headline-container {
    padding-bottom: 24px;
}

#prostate-cancer p.playbutton a {
    display: flex;
    align-items: center;
    justify-content: center;
}

#prostate-cancer span.play-icon {
    content: url('/content/dam/intelligentcontent/unbranded/ic-precisionmed-hcp/us/en/images/icon/download-pink.svg');
    height: 55px;
    width: 55px;
}

#prostate-cancer p.playbutton span.download-icon {
    height: 40px;
}


#prostate-cancer #gene_and_i-pdf img {
    overflow: hidden;
    object-fit: cover;
    object-position: top;
}

#prostate-cancer .resource-card-main img {
    object-fit: cover;
    object-position: top;
    max-height: 234px;
    width: 100%;
}

#prostate-cancer .resource-card__body {
    display: flex;
    flex-direction: column;
    padding: 20px 16px;
    min-width: auto;
    color: #3C4242;
    height: 100%;
}

#prostate-cancer .resource-card-main {
    height: 536px;
}

/*#prostate-cancer .modal-box .modal-box__content .undefined .modal__close {*/
/*    color: rgb(131, 0, 81) !important;*/
/*    position: absolute;*/
/*    margin-left: 53%;*/
/*    margin-top: 5px;*/
/*}*/

/*#prostate-cancer .modal_resource-card__body {*/
/*    max-width: 680px;*/
/*}*/

/*#prostate-cancer #modal__gene_mutations-3, #prostate-cancer #modal__gene_mutations-2 {*/
/*    width: 1006px;*/
/*    display: flex;*/
/*}*/


/*#prostate-cancer #modal__gene_mutations-3 .image, #prostate-cancer #modal__gene_mutations-2 .image {*/
/*    width: 300px;*/
/*    min-width: 300px;*/
/*    margin-top: 70px;*/
/*    margin-left: 0;*/
/*}*/

/*#prostate-cancer .modal-box__content:last-child, #prostate-cancer .modal-box__content:nth-child(2) {*/
/*    max-width: 1056px;*/
/*    width: auto;*/
/*    min-height: 544px;*/
/*    position: static;*/
/*    transform: none;*/
/*    margin: auto;*/
/*    gap: 0px;*/
/*    padding: 32px 24px;*/
/*    border-radius: 32px;*/
/*    background-color: rgb(255, 255, 255);*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    max-height: none !important;*/
/*    font-size: 0.875rem;*/
/*}*/

/*#prostate-cancer #modal__gene_mutations-3 .modal_resource-card__body, #prostate-cancer #modal__gene_mutations-2 .modal_resource-card__body {*/
/*    flex-direction: column-reverse;*/
/*}*/

/*#prostate-cancer #modal__gene_mutations-2 .image {*/
/*    margin-top: 130px;*/
/*    margin-left: -180px;*/
/*}*/

/*#prostate-cancer #modal__gene_mutations-3 .modal_resource-card__headline {*/
/*    width: 780px;*/
/*    margin: 0 0 20px;*/
/*}*/

/*#prostate-cancer #modal__gene_mutations-3 .image {*/
/*    margin-left: -70px;*/
/*}*/


/*#prostate-cancer .modal__close {*/
/*    margin-left: 900px;*/
/*    margin-top: -450px;*/
/*}*/

/*#prostate-cancer .modal-box:has(#modal__gene_mutations-1) .modal-box__content .undefined .modal__close {*/
/*    left:300px;*/
/*}*/

/*#prostate-cancer #modal__gene_mutations-1 p.modal_resource-card__headline {*/
/*    width: 690px;*/
/*}*/


/*#prostate-cancer #modal__gene_mutations-2 .modal_resource-card__headline {*/
/*    width: 870px;*/
/*    margin: 0 0 20px;*/
/*}*/


/*#prostate-cancer .modal_resource-card__description p {*/
/*    max-width: 100%;*/
/*    font-size: 18px;*/
/*    line-height: 27px;*/
/*    margin-right: 14px;*/
/*}*/


 #prostate-cancer #considerations .considerations .content ul li:before {
    content: none;
}

#prostate-cancer #considerations .considerations {
    padding: 80px;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
    flex-direction: row;
}

#prostate-cancer #considerations .considerations .img-sec {
    max-width: 240px;
    width: 100%;
    
}

#prostate-cancer #considerations .considerations .img-sec img {
    min-width: 240px;
}


#prostate-cancer #considerations .considerations .content {
    color: white;
}

#prostate-cancer #considerations .considerations .content h2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
    font-family: var(--heading-font);
    padding: 24px 0;
}

#prostate-cancer #considerations p.content-subhead {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    margin: 0 0 24px;
}

#prostate-cancer #considerations ul.content-list {
    list-style-type: disc!important;
    padding-left: 2rem;
    list-style-position: outside;
}

#prostate-cancer #considerations .content-list li {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    font-family: var(--primary-font);
    padding: 0;
}

#prostate-cancer #considerations .content-list li a {
    color: white;
}

#prostate-cancer #considerations p.content-copy {
    font-family: var(--primary-font);
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    margin: 24px 0 40px;
}

#prostate-cancer #considerations p.content-footnote {
    font-family: var(--primary-font);
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
}

#prostate-cancer #references-section {
    max-width: 100%;
    padding: 0;
}



#prostate-cancer #references-section  #footnotes-accordion {
    max-width: 100%;
    padding: 80px 0;
    margin: 0 auto;
}

#prostate-cancer #references-section #footnotes-accordion .cmp-accordion__panel--expanded {
    max-width: 100%;
}
/******22 March 2025 starts here*******/
#prostate-cancer .hp__headline-header p {
    font-size: 18px !important;
    line-height: 27px;
}
#prostate-cancer .hp__headline-header h2 {
    padding-bottom: 8px !important;
    margin-bottom: 0;
}
#prostate-cancer .section-3 .content-section-infographic--mobile.mobile_only {
    max-width: 312px;
    margin: 0 auto;
}
#prostate-cancer .test-tumor__table table th:first-child {
    border-top-left-radius: 12px;
}
#prostate-cancer .test-tumor__table table th:last-child {
    border-top-right-radius: 12px;
}
/******22 March 2025 ends here*******/
/* Desktop Only Styles */
@media screen and (min-width:992px) {
    
    .desktop_only {
        display: block;
    }
    
        
    .mobile_only {
        display: none;
    }
    
    .test-tumor__table table td:nth-child(2),
    .test-tumor__table table th:nth-child(2) {
      width: 24%;
    }
    .test-tumor__table table td:last-child,
    .test-tumor__table table th:last-child {
      width: 24%;
    }
    .section-2 p.footnotes__section-copy {
        margin: 40px auto 80px;
        max-width: 971px;
    }
    /******22 March 2025 starts here*****/
    #prostate-cancer img.biomarker-testing-cards__card-image {
        max-width: 160px;
    }
    img.content-section-infographic--desktop-image {
    /* max-width: 1024px; */
    /* margin: 0 auto; */
}

#prostate-cancer #actionable-biomarker.max-width {
    padding-left: 0;
    padding-right: 0;
            padding-bottom: 80px !important;
}

#prostate-cancer #actionable-biomarker.max-width .content-section__wrapper,
#prostate-cancer #actionable-biomarker.max-width.section-3 p.footnotes__section-copy.last-footnotes{
    padding-bottom: 80px;
}

#prostate-cancer #actionable-biomarker.max-width.section-3 h2.content-section__content-heading {
    margin-bottom: 12px;
}

#prostate-cancer #actionable-biomarker.max-width.section-3 p.content-section__content-copy {
    margin-bottom: 0;
}
#prostate-cancer .biomarker-testing-cards {
    padding-bottom: 28px;
}
    /******22 March 2025 ends here*****/
}


/* Mobile Styles */

@media screen and (max-width: 992px) {
    
    .desktop_only {
        display: none;
    }
        
    .mobile_only {
        display: block;
    }
    
    #prostate-cancer .banner-buttons {
        max-width: 100%;
        padding: 20px;
    }

    
    #prostate-cancer .max-width {
        max-width: 100%;
        padding: 40px 24px;
        margin: 0 auto;
    }
    
    #prostate-cancer .section-1 h2.section-heading {
        font-size: 34px;
        line-height: 40.8px;
    }


    .biomarker-testing-cards {
        flex-direction: column;
    }
    
    .content-section__wrapper {
    flex-direction: column;
    }
    
    .content-section__wrapper {
        gap: 12px;
        align-items: center;
    }
    
    h2.content-section__content-heading {
        font-size: 32px;
        line-height: 38.4px;
    }
    
    p.content-section__content-copy--heading {
        font-size: 20px;
        line-height: 24px;
        padding: 0 0 32px;
    }

    .content-section-infographic--mobile.mobile_only {
        position: relative;
    }
    
    .content-section__content__image img {
        max-height: 116px;
    }

    p.content-section__content-copy {
        margin: 0 0 64px;
    }
    
    .text-box {
        max-width: 100%;
        line-height: 24px;
        text-align: center;
    }
    
    #box1 {
        top: 10px;
        left: 65px;
        width: 180px;
    }
    
    #box2 {
        top: 110px;
        left: 10px;
        width: 290px;
        color: #fff;
    }
    
    #box3:first-line {
     font-size: 18px;
    }
    
    #box3 {
        font-size: 14px;
        font-size: 14px;
        top: 265px;
        left: 10px;
        width: 295px;
        font-weight: 400;
        color: #003864;
        line-height: 24px;
    }
    
    #box4 {
        top: 390px;
        left: 185px;
        width: 100px;
    }
    
    #box5 {
        top: 390px;
        left: 25px;
        width: 100px;
    }
    
    #box6 {
        top: 510px;
        left: 5px;
        width: 300px;
        color: #fff;
        font-weight: 400;
    }
    
    #box7:first-line {
       font-size: 18px;
    }
    
    #box7 {
        font-size: 14px;
        line-height: 24px;
        top: 665px;
        left: 70px;
        width: 190px;
        color: #003864;
    }
    
    #box8 {
        top: 913px;
        left: -38px;
        width: 250px;
        color: #003864;
    }
    
    #box9 {
        top: 974px;
        left: 70px;
        width: 190px;
        font-weight: 700;
        color: #003864;
    }

    
    #box10 {
        top: 750px;
        left: -22px;
        width: 190px;
        font-weight: 700;
        color: #003864;
    }

    #box11 {
        top: 750px;
        left: 145px;
        width: 190px;
        font-weight: 700;
        color: #003864;
    }
    
    #box12:first-line {
        font-size: 18px;
    }
    
    #box12 {
        font-size: 14px;
        top: 808px;
        left: 30px;
        width: 283px;
        font-weight: 400;
        color: #003864;
        line-height: 21px;
    }
    
    .footnotes__section {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    
    #prostate-cancer #footnotes-accordion {
        max-width: 1064px;
        padding: 0px 24px 20px;
        margin: 0 auto;
    }
    
     #prostate-cancer  #banner-section .banner .banner-content p {
        padding: 12px 0 16px;
        line-height: 120%;
    }

   .test-tumor__table {
        overflow-x: auto;
        position: relative;
    }
    .swipe-functionality {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .swipe-functionality span.swipe-icon {
        content: url('/content/dam/intelligentcontent/unbranded/ic-precisionmed-hcp/us/en/images/icon/swipe-icon.svg');
        font-size: 3rem;
        opacity: 0.3;
        user-select: none;
        width: 1em;
        height: 1em;
        display: inline-block;
        flex-shrink: 0;
        transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    }
    .swipe-functionality {
      transition: opacity 0.3s ease-in-out;
    }
    
    #prostate-cancer .section-2 h2.section-heading {
        font-size: 32px;
        margin: 0 0 20px;
    }
    
    .section-2 p.section-heading--sub {
        margin: 0 0 20px;
    }

    .section-2 .footnotes__section p {
        text-align: left;
        margin: 20px 0 40px;
    }
    
    .section-3 h2.content-section__content-heading {
        font-size: 25px;
        line-height: 150%;
        margin: 0 0 20px;
    }
    
    .section-3 p.content-section__content-copy {
        margin: 0 0 40px;
    }
    
    .section-4 p.footnotes__section-copy {
        text-align: left;
    }
    .section-4 p.content-section__content-copy {
        text-align: left;
    }
    
    .section-4 h2.content-section__content-heading {
        font-size: 29px;
        line-height: 150%;
        text-align: left;
        margin: 12px 0 20px;
    }

    .section-3 #box1a {
        font-size: 32px;
        left: 25px;
        top: 120px;
    }

    .section-3 #box2a {
        font-size: 14px;
        left: 50px;
        top: 152px;
        line-height: 120%;
        text-align: left;
        width: 100px;
    }
    
    .section-3 #box3a {
        font-size: 18px;
        top: 50px;
        right: 100px;
    }

    .section-3 #box4a {
        font-size: 12px;
        top: 70px;
        right: 100px;
    }
    
    .section-3 #box5a {
        font-size: 18px;
        top: 150px;
        right: 40px;
    }
    
    .section-3 #box6a {
        font-size: 12px;
        top: 173px;
        right: 40px;
    }
    
    .section-3 #box7a {
        font-size: 18px;
        top: 210px;
        right: 60px;
    }
    
    .section-3 #box8a {
        top: 230px;
        right: 60px;
        font-size: 14px;
    }
        
    .section-3 p.footnotes__section-copy {
        text-align: left;
        margin: 20px 0 16px;
    }

    .section-4 .content-section__content-image {
        max-height: 116px;
    }
     #prostate-cancer #personalized-resources-section div.cmp-carousel__content {
        flex-direction: column;
    }

    
    #prostate-cancer #considerations .considerations .content h2 {
        font-size: 32px;
        line-height: 120%;
    }

    #prostate-cancer #considerations .considerations .img-sec img {
        width: 160px;
        min-width: 160px;
        height: auto;
    }
    
    #prostate-cancer #considerations .considerations {
        max-width: 100%;
        flex-direction: column;
        padding: 40px 24px;
        gap: 0;
    }

    
    #prostate-cancer #references-section ol.reference-list li a {
        font-size: 16px;
        display: inline;
        width: 100%;
        word-break: break-word;
        padding: 0;
        text-decoration: underline;
    }
    
    #prostate-cancer .resource-card__body {
        min-height: fit-content;
    }
    
    #prostate-cancer .resource-card-main img {
        margin: 0 auto;
    }
    
    #prostate-cancer  #personalized-resources-section.cmp-carousel-horizontal .cmp-carousel__indicators {
        top: -20px;
        z-index: 2;
    }
    
    #prostate-cancer.video-player_info {
        margin-top: -35px !important;
        right: 10px !important;
    }

   #prostate-cancer .hp__view-more-container {
        margin-top: 60px;
    }
    
     #prostate-cancer span.download-icon {
        max-width:30px;
    }
    
    #prostate-cancer #references-section  #footnotes-accordion {
        padding: 40px 24px 40px;
    }
    
    /*#prostate-cancer .modal-box__content:last-child, #prostate-cancer .modal-box__content:nth-child(2) {*/
    /*    max-width: 100%;*/
    /*    justify-content: center;*/
    /*}*/
    
    /*#prostate-cancer #modal__gene_mutations-2 .modal_resource-card__headline, #prostate-cancer #modal__gene_mutations-3 .modal_resource-card__headline {*/
    /*    max-width: 100%;*/
    /*    padding: 0;*/
    /*    width: 100%;*/
    /*    margin: 20px 0 20px;*/
    /*}*/

    
    /* #prostate-cancer .cmp-modal__modalbox.modal-md .modal-box {*/
    /*    width: 100%;*/
    /*    max-width: 100%;*/
    /*    padding: 24px;*/
    /*    border-radius: 12px;*/
    /*}*/
        
    /*#prostate-cancer #modal__gene_mutations-3, #prostate-cancer #modal__gene_mutations-2 {*/
    /*    width: 100%;*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*}*/
    /*#prostate-cancer #modal__gene_mutations-2 .image, #prostate-cancer #modal__gene_mutations-3 .image {*/
    /*    margin: 0;*/
    /*}*/
    
    /*#prostate-cancer .modal_resource-card__body .resource-card__action-buttons {*/
    /*    flex-direction: column;*/
    /*}*/
    
    /*#prostate-cancer .modal-box .modal-box__content .undefined .modal__close {*/
    /*    margin-left: 64%;*/
    /*    position: absolute;*/
    /*}*/
    /*#prostate-cancer #modal__gene_mutations-1 p.modal_resource-card__headline {*/
    /*    width: 100%;*/
    /*}*/
    
    /*#prostate-cancer .modal-box:has(#modal__gene_mutations-1) .modal-box__content .undefined .modal__close {*/
    /*    left: 0;*/
    /*}*/
    /** 22 March 2025 starts here****/
    #prostate-cancer #footnotes-accordion .cmp-accordion__panel--expanded {
        padding-left: 0;
        padding-right: 0;
    }
    /** 22 March 2025 ends here****/
    
    /** 02 April 2025 starts here****/
    
    
    
    #prostate-cancer .footnotes__section.italics-footnote-content {
        padding-bottom: 40px !important;
    }
    
    #prostate-cancer #footnotes-accordion .cmp-accordion__button {
        margin-bottom: 0 !important;
    }
    
}

#prostate-cancer #content-section--gray #footnotes-accordion {
    max-width: 1024px;
}

#prostate-cancer .footnote-content-p {
    margin: 0;
    font-size: 0.875rem !important;
    line-height: 120% !important;
    font-style: normal;
    font-weight: 400;
    text-decoration-line: none;
}

#prostate-cancer .footnote-content-span {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
    
/** 02 April 2025 ends here****/

/* Utility Styles */

#prostate-cancer .biomarker-testing-cards__card {
    width: 100%;
}

#prostate-cancer .section-3 .content-section-infographic--mobile.info_mobile_only {
    max-width: 312px;
    margin: 0 auto;
}

@media screen and (min-width: 1024px) {
    .info_desktop_only {
        display: block;
    }
    .info_mobile_only {
        display: none;
    }
    
    #prostate-cancer #footnotes-accordion .cmp-accordion__button {
        padding-bottom: 8px;
    }
}

@media (min-width: 1440px) {
    #prostate-cancer #considerations .considerations {
        gap: 80px;
    }
}

@media screen and (max-width: 1023px) {
    .info_desktop_only {
        display: none;
    }
    .info_mobile_only {
        display: block;
    }
    
    .text-box {
        max-width: 100%;
        line-height: 24px;
        text-align: center;
    }
    
    #box1 {
        top: 10px;
        left: 65px;
        width: 180px;
    }
    
    #box2 {
      
        color: #fff;
                top: 110px;
        left: 6px;
        width: 300px;
    }
    
    #box3:first-line {
     font-size: 18px;
    }
    
    #box3 {
        font-size: 14px;
        font-size: 14px;
        top: 265px;
        left: 10px;
        width: 295px;
        font-weight: 400;
        color: #003864;
        line-height: 24px;
    }
    
    #box4 {
        top: 390px;
        left: 185px;
        width: 100px;
    }
    
    #box5 {
        top: 390px;
        left: 25px;
        width: 100px;
    }
    
    #box6 {
        top: 510px;
        left: 5px;
        width: 300px;
        color: #fff;
        font-weight: 400;
    }
    
    #box7:first-line {
       font-size: 18px;
    }
    
    #box7 {
        font-size: 14px;
        line-height: 24px;
        top: 665px;
        left: 70px;
        width: 190px;
        color: #003864;
    }
    
    #box8 {
        top: 913px;
        left: -38px;
        width: 250px;
        color: #003864;
    }
    
    #box9 {
        top: 974px;
        left: 70px;
        width: 190px;
        font-weight: 700;
        color: #003864;
    }

    
    #box10 {
        top: 750px;
        left: -22px;
        width: 190px;
        font-weight: 700;
        color: #003864;
    }

    #box11 {
        top: 750px;
        left: 145px;
        width: 190px;
        font-weight: 700;
        color: #003864;
    }
    
    #box12:first-line {
        font-size: 18px;
    }
    
    #box12 {
        font-size: 14px;
        top: 808px;
        left: 30px;
        width: 283px;
        font-weight: 400;
        color: #003864;
        line-height: 21px;
    }
    
    .section-3 #box1a {
        font-size: 32px;
        left: 25px;
        top: 120px;
    }

    .section-3 #box2a {
        font-size: 14px;
        left: 50px;
        top: 152px;
        line-height: 120%;
        text-align: left;
        width: 100px;
    }
    
    .section-3 #box3a {
        font-size: 18px;
        top: 50px;
        right: 100px;
    }

    .section-3 #box4a {
        font-size: 12px;
        top: 70px;
        right: 100px;
    }
    
    .section-3 #box5a {
        font-size: 18px;
        top: 150px;
        right: 40px;
    }
    
    .section-3 #box6a {
        font-size: 12px;
        top: 173px;
        right: 40px;
    }
    
    .section-3 #box7a {
        font-size: 18px;
        top: 210px;
        right: 60px;
    }
    
    .section-3 #box8a {
        top: 230px;
        right: 60px;
        font-size: 14px;
    }
}

@media screen and (max-width: 369px) {
    #prostate-cancer .content-section--gray {
        padding-left: 0;
        padding-right: 0;
    }
    
    #prostate-cancer .content-section__wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }
    
    #prostate-cancer p.content-section__content-copy--heading, #prostate-cancer .section-3 p.footnotes__section-copy {
        padding-left: 24px;
        padding-right: 24px;
    }
}







/*new css*/

#prostate-cancer #considerations p.content-footnote.padding-extra{
    padding-bottom: 10px;
}


.box-container{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.box-container-top .content-section__wrapper{
    align-items: center;
    padding-bottom: 40px !important;
    padding-left: 60px;
}

.box-container-top .box-container-one{
    width: 580px;
}

.box-container-one-btn p{
    width: 580px;
    background-color: #D9D9D9;
    color: #002949;
    align-items: center;
    height: 62px;
    border-radius: 12px;
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    align-content: center;
    text-align: center;
        padding: 16px 16px;
}

.box-container-one-sub-title{
    align-items: center;
    margin-top: 56px;
    display: flex;
    gap: 28px;
    align-items: center;
}

.box-container-one-sub-title h1{
        font-size: 64px;
        color: #143762;
}

.box-container-one-sub-title p{
    font-size: 24px;
    line-height: 140%;
    color: #002949;
    width: 351px;
}
.content-section-infographic--desktop.info_desktop_only{
    margin-top: 70px;
}
.box-container .box-container-one:nth-child(1) .content-section-infographic--desktop.info_desktop_only {
    margin-top: 54px;
}
.box-container .box-container-one:nth-child(1) .content-section-infographic--desktop-image{
    height: 430px;
    width: auto;
}
.box-container .box-container-one:nth-child(2) .content-section-infographic--desktop-image {
   margin-bottom: 46px;
}
.box-container-top{
    max-width: 1190px !important;
    padding-top: 40px !important;
    margin: 0 auto !important;
}

#prostate-cancer #actionable-biomarker.max-width .box-container-top .content-section__wrapper{
            padding-bottom: 48px;
}
/* circle CSS */
.section-3 #box1a {
    top: 136px;
    left: 126px;
    width: 120px;
    color: #002949;
    font-size: 45px;
}
.section-3 #box2a {
    top: 174px;
    left: 133px;
    width: 150px;
    color: #002949;
    font-size: 21px;
    font-family: var(--primary-font);
    line-height: 100%;
}
.section-3 #box3a {
    top: -4px;
    right: 72px;
    font-weight: 500;
    font-size: 29px;
    color: #D0006F;
    text-align: right;
    line-height: 100%;
}

.section-3 #box4a {
    top: 28px;
    right: 72px;
    color: #002949;
    font-size: 11px;
    font-family: var(--primary-font);
    font-style: italic;
    line-height: 100%;
}
.section-3 #box5a {
    top: 154px;
    right: 72px;
    font-weight: 600;
    font-size: 29px;
    color: #AE7C00;
    line-height: 100%;
}
.section-3 #box6a {
    top: 185px;
    right: 72px;
    color: #002949;
    font-size: 11px;
    font-family: var(--primary-font);
    line-height: 100%;
}
.section-3 #box7a {
    top: 240px;
    right: 72px;
    font-weight: 600;
    font-size: 29px;
    color: #4C99A2;
    line-height: 100%;
}
.section-3 #box8a {
    top: 271px;
    right: 72px;
    color: #002949;
    font-size: 12px;
    font-family: var(--primary-font);
    line-height: 100%;
}

/*  */
.section-3 #box1b {
    top: 24px;
    left: 430px;
    width: 105px;
    color: #AE7C00;
    font-size: 30px;
    font-weight: 500;
}
.section-3 #box2b {
    top: 59px;
    left: 402px;
    width: 105px;
    color: #AE7C00;
    font-size: 12px;
    font-family: var(--primary-font);
    line-height: 100%;
}
.section-3 #box3b {
    top: 76px;
    left: 430px;
    width: 105px;
    color: #002949;
    font-size: 12px;
    font-family: var(--primary-font);
    line-height: 100%;
}
.section-3 #box4b {
    top: 130px;
    left: 0px;
    width: 105px;
    color: #7E0046;
    font-size: 30px;
    font-weight: 500;
}
.section-3 #box5b {
    top: 165px;
    left: 0px;
    width: 105px;
    color: #7E0046;
    font-size: 12px;
    font-family: var(--primary-font);
    line-height: 100%;
}
.section-3 #box6b {
    top: 182px;
    left: 0px;
    width: 64px;
    color: #002949;
    font-size: 12px;
    font-family: var(--primary-font);
    line-height: 100%;
    font-weight: 400;
}

.box-container-one-sub-footnote p{
        font-size: 18px;
        line-height: 150%;
        color: #3C4242;
        text-indent: -9px;
        padding-bottom: 16px;
}

.box-container-one-sub-footnote p:before{
    content: "\2022"; /* Unicode for a bullet point (•) */
  color: #3C4242;   /* Styles the dot */
  display: inline-block; /* Allows margins/padding */
  margin-right: 0.5em; /* Adds space between dot and text */
}

.box-container-footnote-bottom{    text-align: center;
    max-width: 1024px;
    padding: 0 24px 80px;
    margin: auto;
    
}

.box-container-footnote-bottom p{
        font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.box-container-footnote p{
    font-size: 12px;
    color: #3C4242;
    line-height: 150%;
}
@media (max-width: 991px) {
    
#prostate-cancer .section-3 .box-container-one-sub-footnote{
    padding-left: 16px;
}
.box-container-footnote-bottom {
        text-align: left;
        max-width: 1024px;
        padding: 20px 24px 40px;
        margin: auto;
    
}
    .box-container-one-btn p {
    width: 100%;
    }
    .box-container-top .box-container-one {
    width: 100%;
    }
    .box-container-one-sub-title{
    display: flex;
    }
    .box-container{
    display: block;
    }
    .box-container .box-container-one:nth-child(1) .content-section-infographic--desktop-image {
    height: 306px;
    }
    .box-container-top .content-section__wrapper {
    padding-left: 0px;
    }
    .box-container-one-btn p {
    height: 54px;
    font-size: 16px;
    }
    .box-container-one-sub-title h1 {
    font-size: 34px;
    }
    .box-container-one-sub-title p {
    font-size: 15px;
    width: 100%;
    }
    .section-3 #box1b {
    top: 9px;
    left: 284px;
    width: 66px;
    font-size: 25px;
    }
    .section-3 #box2b {
    top: 38px;
    left: 260px;
    width: 94px;
    font-size: 9px;
    }
    .section-3 #box3b {
    top: 50px;
    left: 263px;
    color: #002949;
    font-size: 10px;
    }
    .section-3 #box4b {
    top: 83px;
    left: -9px;
    width: 66px;
    font-size: 25px;
    }
    .section-3 #box5b {
    top: 112px;
    left: -9px;
    width: 80px;
    color: #7E0046;
    font-size: 9px;
    }
    .section-3 #box6b {
    top: 125px;
    left: -6px;
    width: 54px;
    font-size: 9px;
    }
    .box-container-one-sub-footnote p {
    font-size: 14px;
    }
    .section-3 #box1a {
    top: 63px;
    left: 66px;
    width: 90px;
    font-size: 26px;
    }
    .section-3 #box2a {
    top: 93px;
    left: 81px;
    width: 134px;
    font-size: 16px;
    }
    .section-3 #box3a {
    top: -14px;
    right: 39px;
    font-weight: 500;
    font-size: 22px;
    text-align: right;
    }
    .section-3 #box4a {
    top: 13px;
    right: 40px;
    font-size: 9px;
    }
    .section-3 #box5a {
    top: 73px;
    right: 44px;
    font-size: 22px;
    }
    .section-3 #box6a {
    top: 98px;
    right: 45px;
    font-size: 9px;
    width: 52px;
    text-align: end;
    }
    .section-3 #box7a {
    top: 131px;
    right: 44px;
    font-weight: 600;
    font-size: 22px;
    }
    .section-3 #box8a {
    top: 156px;
    right: 45px;
    color: #002949;
    font-size: 9px;
    }
    .box-container-top .content-section-infographic--desktop.info_desktop_only{
        display: block;
    }
   
    .box-container-one-sub-footnote p{
        text-indent: -7px;
    }
}


.non-italic{
        font-family: "Montserrat", sans-serif;
}

.no-wrap-class1, .no-wrap-class2{
    display: inline-block;
    text-decoration: underline;
}
