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

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

.brand-secondary--divider {
    background-color: #99ECEE;
    height: 3px;
    width: 100%;
    border: none;
}

.mpc-text1 p {
    color: #2C2C2C;
    font-size: 20px !important;
    line-height: 28px !important;
}

.mpc-text1 {
    padding: 32px 16px 0 16px;
}

p.mpc-text2 {
    color: #2C2C2C;
    font-size: 20px !important;
    line-height: 28px !important;
    padding-bottom: 40px;
}

.mpc-text3 {
    letter-spacing: -0.41px;
}

#mHSPC .remove-spc {
    padding-top: 0;
    padding-bottom: 0;
    text-indent: -8px;
    padding-left: 5px;
}

.mpc-space-btw1 {
    margin-top: 16px;
}

#mHSPC .desktop-banner {
    display: none;
}

#mHSPC .mobile-banner {
    display: block;
}

#mHSPC #banner-section h1 {
    color: #FEFFFD;
    font-size: 28px !important;
    line-height: 32px !important;
    font-weight: 400 !important;
    position: absolute;
    top: 67%;
    left: 14.3%;
    padding: 0px 0 0 0px;
}

#mHSPC #banner-section {
    position: relative;
    max-height: 368px;
    min-height: 368px;
}

/* Desktop - STARTS */
@media screen and (min-width: 992px) {
#mHSPC #prostate-cancer--banner {
    background: url(/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/mhspc/mHSPC_banner.jpg) no-repeat center;
    background-size: 100% 100%;
    min-height: 280px;
    max-height: 280px;
    display: none;
}

#mHSPC #banner-section {
    position: relative;
    max-height: 280px;
    min-height: 280px;
}

#mHSPC .desktop-banner {
    display: block;
}

#mHSPC .mobile-banner {
    display: none;
}

#mHSPC #banner-section h1 {
    color: #FEFFFD;
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: 400 !important;
    position: absolute;
    top: 35.5%;
    left: 3.9%;
    padding: 12px 0 0 20px;
}

    .list-and--image img {
        margin-top: -44px;
        z-index: -1;
        max-width: 624px;
        min-width: 624px;
    }

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

    #mHSPC #biomaker-testing .list-and--image img {
        margin-left: -32px;
    }
    
.updated-text1 {
    max-width: 944px;
    letter-spacing: -0.34px !important;
}

.mpc-text1 {
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 40px !important;
    padding: 0;
}

.mpc-text1 p {
    color: #2C2C2C;
    font-size: 20px !important;
    line-height: 28px !important;
}

p.mpc-text2 {
    color: #2C2C2C;
    font-size: 20px !important;
    line-height: 28px !important;
    padding-bottom: 40px;
}

.remove-spc1 {
    padding-top: 8px;
}

.mpc-text4 {
    max-width: 990px;
}

.mpc-space-btw1 {
    margin-top: 31px;
}
}
@media screen and (max-width: 991px) {
#mHSPC .remove-spc1 {
    text-indent: -4px;
    padding-left: 3px;
}
}

@media screen and (min-width:992px) and (max-width:1439px) {
#mHSPC .mpc-text1 {
    max-width: unset !important;
    margin: 0 30px !important;
}

#mHSPC .list-and--image > div {
    min-width: unset !important;
}
}

/*compatbility banner section*/

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

#mHSPC #banner-section {
    position: relative;
    max-height: unset;
    min-height: unset;
}

}

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

#mHSPC #banner-section {
    position: relative;
    max-height: unset;
    min-height: unset;
}

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

}

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

#mHSPC #banner-section {
    position: relative;
    max-height: unset;
    min-height: unset;
}

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

}

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

#mHSPC .mobile-banner {
    display: block;
    width: 100%;
}

#mHSPC #banner-section {
    position: relative;
    max-height: unset;
    min-height: unset;
}

#mHSPC .truqap-plan-text br.mobile-only {
    display: none;
}

}

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

#mHSPC .mobile-banner {
    display: block;
    width: 100%;
}

#mHSPC #banner-section {
    position: relative;
    max-height: unset;
    min-height: unset;
}

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

}