/* Understanding side effects css starts */
/* CSS: /content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/css/understanding.css */
/* id: #understanding-side-effects */

/* Global - STARTS */

.wrapper {
    max-width: 1312px;
    padding: 0 16px;
    margin: 0 auto;
}

.prostate-cancer--list li::before {
    content: '' !important;
    width: 5px !important;
    height: 5px !important;
    padding: 0 !important;
    margin-right: 8px !important;
    background-color: #F8485E;
    display: inline-block;
    position: relative;
    top: 10px;
}

/* Global - ENDS */


/* Banner - STARTS */

#prostate-cancer--banner {
    margin-top: 16px;
    background: url('/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/understanding-bg-mobile.png')  no-repeat center;
    background-size: 100% 100%;
    min-height: 332px;
    max-height: 332px;
    display:none;
}

#prostate-cancer--banner h1 {
    padding: 246px 16px 11px 53px;
    color: #FEFFFD;
    font-size: 28px !important;
    line-height: 32px !important;
    font-weight: 400 !important;
}

/* Potential Side Effects - STARTS */
.heading-text--container:before {
    content: '';
    position: absolute;
    bottom: 30px;
    left: -2px;
    width: 2px;
    height: 34px;
    background-color: #2E66F0;
}

.heading-text--container:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -7px;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #2E66F0 0%, rgba(46, 102, 240, 0) 100%);
}

.heading-text {
    padding: 0 8px;
    background: #EAF0FD;
    border-radius: 0 0 24px 0;
    max-width: 248px;
}

.icon-text {
    display: flex;
    flex-direction: column;
    gap: 24px;
    font-family: 'Sora', sans-serif !important;
}

.icon-text--header {
    display: flex;
    align-items: center;
}

.icon-text--header p {
    font-weight: 600 !important;
    font-size: 20px;
    line-height: 28px;
    color: #250E62;
    padding-bottom: 8px;
    border-bottom: 2px solid #99ECEE;
    font-family: 'Sora', sans-serif !important;
}

.tips-text{
    font-size: 18px !important;
    line-height: 26px !important;
}

.icon-text--content ul li, .icon-text--content p {
    font-family: 'Sora', sans-serif !important;
}

.icon-text--content > ul {
    padding-left: 16px !important;
}

.icon-text--content p {
    padding-left: 16px;
}

.list-subitems ul li::before {
    content: '' !important;
    width: 8px !important;
    height: 2px !important;
    padding: 0 !important;
    margin-right: 8px !important;
    background-color: #F8485E;
    display: inline-block;
    position: relative;
    top: 12px;
}

.cta-dark--module {
    border: 2px solid #122960;
    background-color: #EAF0FD;
    max-width: 1280px;
    border-top-right-radius: 60px;
}

.cta-dark--module::before {
    content: '';
    background: url('/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/understanding-side-effects/mobile/brand-secondary-color-top_border.svg');
    position: relative;
    width: 115px;
    height: 106px;
    top: -30px;
    left: calc(50% - 36px);
}

.cta-dark--module p {
    max-width: 660px;
    margin-top: -130px !important;
}

.cta-dark--module a > img {
    transform: rotate(-90deg);
}

.rotate-0 {
    transform: rotate(0deg) !important;
}

/* Potential Side Effects - ENDS */



/* Side Effect Management - STARTS */


.list-inline-block {
    position: relative;
    display: inline-block !important;
    text-indent: -13px !important;
    padding-left: 12px;
    font-family: 'Sora', sans-serif !important;
}

.list-inline-block::before {
    content: '' !important;
    width: 5px !important;
    height: 5px !important;
    padding: 0 !important;
    margin-right: 8px !important;
    background-color: #F8485E;
    display: inline-block;
    position: relative;
    left: 1px;
    top: -3px !important;
}

.list-inline-block ul li {
    text-indent: 0;
}

/* Side Effect Management - ENDS */

.blueprint-container {
    background: url('/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/footer_bg_mobile.png') no-repeat center;
    min-height: 464px;
    max-height: 464px;
    background-size: 100% 100%;
}

.blueprint-container--btns {
    background: url('/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/footer_bg_mobile.png')no-repeat center;
    /* min-height: 440px;
    max-height: 440px; */
    padding-bottom: 24px;
    min-height:464px;
    max-height:464px;
    background-size:100% 100%;
}

.banner-end--btn {
    border: 2px solid #99ECEE;
    padding: 24px 12px 12px !important;
    text-align: center;
    margin-bottom: 0 !important;
    max-width: 343px;
    min-width: 343px;
    min-width: none;height: 192px;
    overflow: hidden;
}

.banner-end--btn .btn-outline {
    max-width: 319px;
    min-width: 319px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/understanding-side-effects/mobile/cta-blue-background.svg');
}

.banner-end--btn a {
    max-width: 295px;
    min-width: 295px;
    height: 56px;
    border-radius: 32px;
    padding: 8px 8px;
    background-color: #2E66F0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0 !important;
}

#understanding-side-effects .explore-se-btn {
    color: #2552C0 !important;
}
#understanding-side-effects .explore-se-btn:after {
    display: none;
}
#understanding-side-effects .use-sub-head h2 {
    max-width: 437px !important;
    width: unset !important;
}

#understanding-side-effects .team-help {
    display: none;
}

#understanding-side-effects .icon-text--content p {
    margin-top: -10px !important;
}

.udse-bold-text {
    font-weight: 700 !important;
}

#understanding-side-effects .desktop-banner {
    display: none;
}

#understanding-side-effects #banner-section {
    position: relative;
    max-height: 332px;
    min-height: 332px;
}

#understanding-side-effects .mobile-banner {
    display: block;
}

#understanding-side-effects #banner-section h1 {
    color: #FEFFFD;
    font-size: 28px !important;
    line-height: 32px !important;
    font-weight: 400 !important;
    position: absolute;
    top: 70.3%;
    left: 7%;
    padding: 11px 0 0 29px;
}

#potential-side-effects {
    scroll-margin-top: 20px;
}

#side-effects-management {
    scroll-margin-top: 110px;
}

.side-effects-pdf:after{
    content:'';
    display: none !important;
}

.banner-end--btn a:hover {
    cursor: pointer;
    text-decoration: none;
    background: #2552C0;
    font-weight: 600 !important;
}

#understanding-side-effects .access-icon-text a:after{
    display: none;
}

#understanding-side-effects .banner-end--btn a:hover{
    padding: 8px 5px !important;
}

#faq .buttons-sp:hover {
    padding: 8px 28px !important;
}

/* Desktop - STARTS */
@media screen and (min-width: 992px) {
    /* Global - STARTS */

    .laptop_max-w-1084px {
        max-width: 1084px;
    }

    /* Global - ENDS */

    /* Banner - STARTS */

    #prostate-cancer--banner {
        background: url('/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/understanding-bg-desktop.png') no-repeat center;
        min-height: 280px;
        max-height: 280px;
        background-size: 100% 100%;
        display:none;
    }

#prostate-cancer--banner h1 {
    padding-top: 110px;
    padding-left: 76px;
    color: #FEFFFD;
    max-width: 478px;
    font-weight: 400;
    font-size: 32px !important;
    line-height: 40px !important;
}

    /* Banner - ENDS */

    /* Potential Side Effects - STARTS */
    .heading-text--container:before {
        content: '';
        position: relative;
        bottom: 0;
        left: -1px;
        top: -12px;
        display: block;
        width: 2px;
        height: 38px;
        background-color: #2E66F0;
    }

    .heading-text--container:after {
        content: '';
        position: relative;
        bottom: 0;
        left: -6px;
        top: -48px;
        display: block;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, #2E66F0 0%, rgba(46, 102, 240, 0) 100%);
    }
    .heading-text {
        max-width: 348px;
        background: #EAF0FD;
        border-radius: 0 0 24px 0;
        padding: 10px 8px;
        margin-top: -44px;
    }
    .icon-text {
        gap: 32px;
    }
    .icon-text--header {
        gap: 8px;
    }
    .icon-text--header p {
        line-height: 28px;
        position: relative;
        top: -15px;
    }

    .icon-text--content > ul, .icon-text--content p {
        padding-left: 112px !important;
    }

    .cta-dark--module::before {
        top: -46px;
        left: calc(50% - 36px);
    }
    
    /* Potential Side Effects - ENDS */
    
    /* Side Effect Management - STARTS */
    
    .list-inline-block {
        position: relative;
        display: inline-block !important;
        text-indent: -13px !important;
        padding-left: 12px;
    }

    .list-inline-block::before {
        left: 1px;
        top: -3px !important;
    }

    /* Side Effect Management - ENDS */

    .blueprint-container {
        background: url('/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/understanding-side-effects/desktop/blueprint-background.png') no-repeat center;
        min-height: 160px;
        max-height: 160px;
    }

.blueprint-container--btns {
    background: url('/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/footer_bg_desktop.png') no-repeat center;
    min-height: 296px;
    max-height: 296px;
    border-top: 8px solid #37366b;
    border-bottom: 8px solid #37366b;
}

    .banner-end--btn {
        padding: 24px !important;
        max-width: 580px;
        min-width: 580px;
        height: 216px;
    }

    .banner-end--btn .btn-outline  {
        max-width: 388px;
        min-width: 388px;
        background-image: url('/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/understanding-side-effects/desktop/cta-blue-background.svg');
    }

.banner-end--btn a {
    max-width: 364px;
    min-width: 364px;
    padding: 8px;
    border-radius: 96px;
    font-weight: 400 !important;
    gap: 4px;
    align-items: center;
}

.potential-side-effect-top-text {
    max-width: 578px;
    margin: 0 auto;
    background: #E5FAFB;
    margin-top: 40px;
}

.potential-side-effect-top-text p {
    color: #250E62;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    padding: 8px;
}

.talk-to-your-doc p {
    color: #250E62 !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 32px !important;
}
.talk-to-your-doc {
    padding: 40px 0 !important;
}
.talk-to-your-doc {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
}
.icon-text--header {

    margin-bottom: 0px;
}

.ud-sub-head {
    width: 100%;
}

#understanding-side-effects .prostate-cancer--list li,.font-color-update {
    color: #2C2C2C;
}

#understanding-side-effects .banner-end--btn.padding-text {
    padding: 40px 24px 24px 24px !important;
}
#understanding-side-effects .access-icon-text a {
    color: #250E62 !important;
    text-decoration: underline;
    font-weight: 400;
    text-underline-offset: 2px;
    font-size: 20px;
    line-height: 28px;
}

.keep-track-text {
    max-width: 1120px !important;
}

.udsc-space {
    padding-top: 24px !important;
}

.hover-remove:hover {
    text-decoration: none !important;
}

#understanding-side-effects #banner-section h1 {
    color: #FEFFFD;
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: 400 !important;
    position: absolute;
    top: 35%;
    left: 4%;
    padding: 12px 0 0 20px;
}

#understanding-side-effects #banner-section {
    position: relative;
    max-height: 280px;
    min-height: 280px;
}

#understanding-side-effects .desktop-banner {
    display: block;
}

#understanding-side-effects .mobile-banner {
    display: none;
}

}
/* Desktop - ENDS */

/* Mobile - ENDS */
@media screen and (max-width: 991px) {

    .heading-text--container {
        position: relative;
    }

.heading-text {
    padding: 14px 8px;
    min-width: 272px;
    width: fit-content;
    max-width: 100%;
}

    .heading-text--container:before {
        top: 26px;
        left: 17px;
    }

.heading-text--container:after {
    top: 31px;
    left: 12px;
    width: 92.5%;
}

.heading-text--container:after {
    content: '';
    background: linear-gradient(90deg, #2E66F0 0%, rgba(46, 102, 240, 0) 100%);
}
    
#understanding-side-effects .banner-end--btn h4:nth-child(1) {
    letter-spacing: 0.7px;
}

.potential-side-effect-top-text {
    max-width: 343px;
    margin: 0 auto;
    background: #E5FAFB;
    margin-top: 32px;
}

.potential-side-effect-top-text p {
    color: #250E62;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    padding: 8px;
}
#understanding-side-effects .icon-text--content p {
    margin-top: 0px !important;
}

.talk-to-your-doc p {
    color: #250E62 !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 32px !important;
    letter-spacing: -0.4px;
}
.talk-to-your-doc {
    padding: 40px 0 !important;
}
.talk-to-your-doc {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    justify-content: center;
    max-width: 343px;
    margin: 0 auto;
}

.icon-text--header {

    margin-bottom: 16px;
}

.w-full .ud-sub-head {
    width: 96% !important;
}

.m-0.pb-12.w-full.ml-16.laptop_ml-0.pt-12.laptop_pt-0.ud-sub-head {
    width: 96% !important;
}

#understanding-side-effects .prostate-cancer--list li,.font-color-update {
    color: #2C2C2C;
}

#understanding-side-effects .access-icon-text a {
    color: #250E62 !important;
    text-decoration: underline !important;
    font-weight: 400;
    text-underline-offset: 2px;
    font-size: 20px;
    line-height: 28px;
}

#understanding-side-effects .access-icon-text {
    letter-spacing: -0.55px !important;
}

#glossary img.btm-arrow-icon1 {
    position: relative;
    right: -30px;
}

#glossary .btm-arrow-icon2 {
    position: relative;
    right: -10px;
}

#glossary .banner-end--btn a {
    padding: 8px 24px;
}

#understanding-side-effects .inline-text {
    display: inline;
    margin-bottom:24px;
}

#understanding-side-effects .spacing-text {
    padding-top: 24px;
}

#understanding-side-effects .cta-height {
    height: 252px;
}

#understanding-side-effects .banner-end--btn a {
    max-width: 295px;
    min-width: 295px;
    height: 56px;
    border-radius: 32px;
    padding: 8px 7px;
    background-color: #2E66F0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-right: 0 !important;
}

p.m-0.pb-12.w-full.ml-16.laptop_ml-0.pt-12.laptop_pt-0.ud-sub-head.fs-18px.lh-26px.tips-text {
    margin-left: 16px !important;
}

.udse-point2 {
    letter-spacing: 0.01px !important;
}

.udsc-space {
    padding-top: 16px !important;
}

#understanding-side-effects .desktop-banner {
    display: none;
}

#understanding-side-effects #banner-section {
    position: relative;
    max-height: 332px;
    min-height: 332px;
}

#understanding-side-effects .mobile-banner {
    display: block;
}

#understanding-side-effects #banner-section h1 {
    color: #FEFFFD;
    font-size: 28px !important;
    line-height: 32px !important;
    font-weight: 400 !important;
    position: absolute;
    top: 70.3%;
    left: 7%;
    padding: 11px 0 0 29px;
}
}
/* Mobile - ENDS */

/*Compatibility*/

@media screen and (min-width:2200px) and (max-width:2560px) {
    
#prostate-cancer--banner h1,#mHSPC #prostate-cancer--banner h1 {
    padding-top: 175px;
    padding-left: 117px;
    max-width:unset;
}

#prostate-cancer--banner, #taking-truqap #prostate-cancer--banner, #mHSPC #prostate-cancer--banner {
    min-height: 26vh !important;
    max-height: unset !important;
}
    
}

@media screen and (min-width:1950px) and (max-width:2200px) {
    
#prostate-cancer--banner, #taking-truqap #prostate-cancer--banner, #mHSPC #prostate-cancer--banner {
    min-height: 26vh !important;
    max-height: unset !important;
}

#prostate-cancer--banner h1,#mHSPC #prostate-cancer--banner h1 {
    padding-top: 147px;
    padding-left: 100px;
    max-width:unset;
}
    
}

@media screen and (min-width:1740px) and (max-width:1949px) {
    
#prostate-cancer--banner, #taking-truqap #prostate-cancer--banner, #mHSPC #prostate-cancer--banner {
    min-height: 27vh !important;
    max-height: unset !important;
}

#prostate-cancer--banner h1,#mHSPC #prostate-cancer--banner h1 {
    padding-top: 133px;
    padding-left: 90px;
    font-size: 26px !important;
    max-width:unset;
}
    
}

@media screen and (min-width:1441px) and (max-width:1739px) {
    
#prostate-cancer--banner, #taking-truqap #prostate-cancer--banner, #mHSPC #prostate-cancer--banner {
    min-height: 26vh !important;
    max-height: unset !important;
}

#prostate-cancer--banner h1,#mHSPC #prostate-cancer--banner h1 {
    padding-top: 115px;
    padding-left: 85px;
    font-size: 26px !important;
    max-width:unset;
}
    
}

@media screen and (min-width:1441px) {
    
.blueprint-container--btns {
    background: url('/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/footer_bg_desktop.png') no-repeat center;
    min-height: 100%;
    max-height: unset;
    background-size: cover;
}

}

@media screen and (min-width:1201px) and (max-width:1439px) {
    
#prostate-cancer--banner, #taking-truqap #prostate-cancer--banner, #mHSPC #prostate-cancer--banner {
    min-height: 260px !important;
    max-height: unset !important;
}    

#prostate-cancer--banner h1,#mHSPC #prostate-cancer--banner h1 {
    padding-top: 92px;
    padding-left: 66px;
    font-size: 30px !important;
    line-height: 38px !important;
    max-width:unset;
}

.banner-end--btn {
    max-width: 545px;
    min-width: 545px;
}

.wrapper {
    padding: 0 40px;
}

#understanding-side-effects .wrapper, #mHSPC .wrapper {
    padding: 0;
    max-width: unset;
    margin: 0 30px;
}
    
}

@media screen and (min-width:992px) and (max-width:1200px) {
    
#prostate-cancer--banner, #taking-truqap #prostate-cancer--banner, #mHSPC #prostate-cancer--banner {
    min-height: 225px !important;
    max-height: unset !important;
}    

#prostate-cancer--banner h1,#mHSPC #prostate-cancer--banner h1 {
    padding-top: 78px;
    padding-left: 55px;
    max-width:unset;
}

.banner-end--btn {
    max-width: 445px;
    min-width: 445px;
}

.wrapper {
    padding: 0 40px;
}

.blueprint-container--btns {
    min-height: 280px;
    max-height: 280px;
    background-size: 100% 100%;
}

#understanding-side-effects .wrapper, #mHSPC .wrapper {
    padding: 0;
    max-width: unset;
    margin: 0 30px;
}

.potential-side-effect-top-text {
    max-width: 746px !important;
    margin: 0 auto;
    margin-top: 32px;
}

#understanding-side-effects .heading-text {
    max-width: 348px;
    background: #EAF0FD;
    border-radius: 0 0 24px 0;
    padding: 10px 8px;
    margin-top: -44px;
}

.heading-text--container:after {
    top: -48px;
    left: -6px;
    width: 100%;
}

.heading-text--container:before {
    top: -12px;
    left: -1px;
}
    
}

@media screen and (min-width:376px) and (max-width:991px) {
    
.banner-end--btn a {
    margin-right: 0 !important;
}    

.potential-side-effect-top-text {
    max-width: unset;
    margin: 0 16px;
    margin-top: 32px;
}

.potential-side-effect-top-text p {
    text-align: center;
}

#prostate-cancer--banner, #taking-truqap #prostate-cancer--banner, #mHSPC #prostate-cancer--banner {
    background-size: auto;
    min-height: 332px !important;
    max-height: 332px !important;
}

#understanding-side-effects .cta-height {
    height: unset;
}
}

@media screen and (min-width:320px) and (max-width:374px) {

#prostate-cancer--banner, #taking-truqap #prostate-cancer--banner, #mHSPC #prostate-cancer--banner {
    min-height: 310px !important;
    max-height: 310px !important;
}

#prostate-cancer--banner h1 {
    padding: 230px 16px 11px 53px;
}

.banner-end--btn a {
    max-width: 268px;
    min-width: 268px;
    height: 51px;
    font-size: 16px !important;
    line-height: 24px !important;
    margin-right: 0 !important;
    margin-top: 0px !important;
}

.banner-end--btn .btn-outline {
    max-width: 290px;
    min-width: 290px;
    background-image: url('/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/understanding-side-effects/mobile/cta-blue-background.svg');
    background-size: 100% 100%;
}

.banner-end--btn h4 {
    font-size: 20px !important;
    line-height: 26px !important;
}

.banner-end--btn {
    max-width: 300px;
    min-width: 300px;
}

.potential-side-effect-top-text {
    max-width: unset;
    margin: 0 16px;
    background: #E5FAFB;
    margin-top: 32px;
}

.potential-side-effect-top-text p {
    text-align: center;
}

#understanding-side-effects .cta-height {
    height: unset;
}

.talk-to-your-doc {
    max-width: unset;
    margin: 0 16px;
}

.banner-end--btn {
    max-width: 300px;
    min-width: 300px;
}

.banner-end--btn h4 {
    font-size: 20px !important;
    line-height: 26px !important;
}

.banner-end--btn .btn-outline {
    max-width: 290px;
    min-width: 290px;
    background-image: url('/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/understanding-side-effects/mobile/cta-blue-background.svg');
    background-size: 100% 100%;
}

.banner-end--btn a {
    max-width: 268px !important;
    min-width: 268px !important;
    height: 52px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    margin-right: 0 !important;
    margin-top: 0px !important;
}

#understanding-side-effects .access-icon-text a {
    font-size: 17px;
}

#understanding-side-effects .access-icon-text {
    font-size: 17px !important;
}

}

/*compatbility banner section*/

@media screen and (min-width: 1441px) and (max-width: 2560px) {
    
#understanding-side-effects .desktop-banner {
    display: block;
    width: 100%;
}

#understanding-side-effects #banner-section {
    position: relative;
    max-height: unset;
    min-height: unset;
}

}

@media screen and (min-width: 1201px) and (max-width: 1439px) {
    
#understanding-side-effects .desktop-banner {
    display: block;
    width: 100%;
}

#understanding-side-effects #banner-section {
    position: relative;
    max-height: unset;
    min-height: unset;
}

#understanding-side-effects #banner-section h1 {
    font-size: 27px !important;
    line-height: 34px !important;
}

}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    
#understanding-side-effects .desktop-banner {
    display: block;
    width: 100%;
}

#understanding-side-effects #banner-section {
    position: relative;
    max-height: unset;
    min-height: unset;
}

#understanding-side-effects #banner-section h1 {
    font-size: 22px !important;
    line-height: 26px !important;
}

}

@media screen and (min-width:376px) and (max-width:991px) {
    
#understanding-side-effects .desktop-banner {
    display: none;
}

#understanding-side-effects .mobile-banner {
    display: block;
    width: 100%;
}

#understanding-side-effects #banner-section {
    position: relative;
    max-height: unset;
    min-height: unset;
}

#understanding-side-effects .access-icon-text a br.mobile-only {
    display: none;
}

}

@media screen and (min-width:600px) and (max-width:663px) {
    
#understanding-side-effects .access-icon-text a br.mobile-only {
    display: none;
}

#understanding-side-effects .access-icon-text a {
    font-size: 18px;
}
    
}

@media screen and (min-width:320px) and (max-width:374px) {
    
#understanding-side-effects .desktop-banner {
    display: none;
}

#understanding-side-effects .mobile-banner {
    display: block;
    width: 100%;
}

#understanding-side-effects #banner-section {
    position: relative;
    max-height: unset;
    min-height: unset;
}

#understanding-side-effects #banner-section h1 {
    font-size: 24px !important;
    line-height: 28px !important;
}

}

#understanding-side-effects #pr-cse-section .prostate-cancer--list li::before {
    
    top: 7px!important;
    
}