@font-face {
  font-family: 'Fustat';
  src: url('https://cdn-konscious.s3.us-east-1.amazonaws.com/global/fonts/fustat-latin-200-normal.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Fustat';
  src: url('https://cdn-konscious.s3.us-east-1.amazonaws.com/global/fonts/fustat-latin-300-normal.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Fustat';
  src: url('https://cdn-konscious.s3.us-east-1.amazonaws.com/global/fonts/fustat-latin-400-normal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Fustat';
  src: url('https://cdn-konscious.s3.us-east-1.amazonaws.com/global/fonts/fustat-latin-500-normal.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Fustat';
  src: url('https://cdn-konscious.s3.us-east-1.amazonaws.com/global/fonts/fustat-latin-600-normal.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Fustat';
  src: url('https://cdn-konscious.s3.us-east-1.amazonaws.com/global/fonts/fustat-latin-700-normal.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Fustat';
  src: url('https://cdn-konscious.s3.us-east-1.amazonaws.com/global/fonts/fustat-latin-800-normal.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
    font-family: 'myriad-pro';
    src: url(https://cdn-konscious.s3.us-east-1.amazonaws.com/global/fonts/Myriad-Pro-Regular.ttf);
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
    font-family: 'myriad-pro';
    src: url(https://cdn-konscious.s3.us-east-1.amazonaws.com/global/fonts/Myriad-Pro-Bold.ttf);
    font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}



.font-fustat{
    font-family: 'Fustat', sans-serif;
}


body{
    background: 
  linear-gradient(180deg, #FFFFFF 0%, #EDEDED 100%),
  linear-gradient(191.51deg, #FFFFFF 0%, #DCE1E4 100%);
}

.bg-grad-1{
    background: 
  linear-gradient(180deg, #FFFFFF 0%, #EDEDED 100%),
  linear-gradient(191.51deg, #FFFFFF 0%, #DCE1E4 100%);

}

.bg-FAEED6{
    background: #FAEED6;
}

.nycdoctor{
    font-family: 'myriad-pro';
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 3%;
    text-align: center;
    text-transform: uppercase;
    color: rgba(40, 40, 40, 0.5) !important; 
}

#heading{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.chocolatediscovery{
    font-family: 'myriad-pro';
    font-weight: 700;
    font-size: 48px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: #CC0000;
}

.chocolatediscovery span{
    font-weight: 800;
    font-style: ExtraBold;
    font-size: 40px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(40, 40, 40, 1);
}

.disclaimer{
    color: #FAEED6;
}

.bgcolorlinearorange{
    background: url(https://cdn-konscious.s3.us-east-1.amazonaws.com/prostatediscovery/ptf-vslfb/images/blue-bg.webp);
    background-size: cover;
}

.pricesD >div, .pricesM >div {
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: hidden;
}

.pricesD .price1 a {
    bottom: 110px !important;
}

.pricesD .price6 a {
    bottom: 126px !important;
}

.pricesD .price3 a {
    bottom: 112px !important;
}

.textbg {
    background-image: url(https://cdn-konscious.s3.us-east-1.amazonaws.com/prostatediscovery/ptf-vslfb/images/beige-bg.webp) !important;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}

.customername{
    color: #000;
}

.customername span{
    font-weight: 400;
    font-style: Italic;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0%;
    color: rgba(44, 64, 113, 0.5);
}

.verifiedcustomer{
    color: rgba(40, 40, 40, 1);
    text-transform: lowercase;
}

.customerstorydiv h1{
    font-family: "Arial", sans-serif;
    font-style: normal;
    font-size: 18px;
    color: #000;
    line-height: 150%;
    margin: 0;
}

.customerstorydiv span{
    font-family: "Arial", sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 150%;
    color: #000;
}

.customerstorydiv {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F0F9F6;
    border: none;
    box-shadow: none;
    border-radius: 6px;
}

.questiondiv{
    background: transparent;
    border-radius: 0;
    border-top: 1px solid rgba(44, 64, 113, 0.2);
}

.faqdiv {
    max-width: 692px;
    width: 100%;
}

.dropdownbutton {
    max-width: 32px;
    margin-top: 0px;
    display: inline-block;
    float: right;
}

.question {
    /* font-family: 'Fustat', sans-serif; */
    font-family: "Arial", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: rgba(28, 49, 101, 1);
    width: calc(100% - 65px);
}

.answer{
    max-width: 573px;
    width: 100%;
    font-family: "Arial", sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    padding-left: 25px;
}
.answer > p{
    font-family: "Arial", sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    color: rgba(40, 40, 40, 1)
}

.answer > p em{
    font-weight: 700;
}

.answer > p:last-childP{
    margin-bottom: 0;
}

.question-num{
    /* font-family: 'Fustat', sans-serif; */
    font-family: "Arial", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: rgba(28, 49, 101, 1);
}

.ui-accordion-header{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.ui-accordion-header .ui-accordion-header-icon{
    display: none;
}

.verifiedcustomer{
    font-style: italic;
}
.bonus-text-container p{
    font-family: 'myriad-pro';
}

.bonus-text-container p.font-lora{
    font-family: 'Lora';
    font-weight: 500;
}
.comments-container span{
    font-family: 'myriad-pro';
}

.chocolatediscovery{
    max-width: none;
}

.question:hover {
    color: rgba(28, 49, 101, 1) !important;
}  


@media (min-width: 1024px){
    .imp-msg{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }
    .imp-msg img{
        margin-top: 0px !important;
        margin-right: 5px;
    }
    .imp-msg span{
        height: 24px;
        line-height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .important{
        font-size: 20px !important;
    }
    .question{
        max-width: 548px;
        margin-right: auto;
        margin-left: 7px;
    }
}

@media (max-width: 1024px){
    .bonus-wrapper{
        height: 100% !important;
    }
    .bonus-text-container{
        max-width: 315px !important;
    }
    .bonus-main{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .bonus-text-container p.font-lora{
        width: 295px;
    }
    .bonus-wrapper img.d-none{
        display: none !important;
    }
    .bonus-wrapper img.d-block{
        display: block !important;
    }
    .bonus-wrapper .gap-\[8px\]{
        gap: 8px !important;
    }
    .bonus-s-text{
        font-size: 16px !important;
    }
    .bonus-m-text{
        font-size: 18px !important;
    }
    .bonus-c-text{
        bottom: 20px !important;
    }
}



@media (max-width: 991px){
    .bgcolorlinearorange{
        background: url(https://cdn-konscious.s3.us-east-1.amazonaws.com/prostatediscovery/ptf-vslfb/images/blue-bg-mobile.webp);
        background-size: cover;
        background-position: top center;
    }
    .nycdoctor{
        font-size: 20px;
        letter-spacing: 3%;
        line-height: 100%;
    }
    .chocolatediscovery{
        font-size: 40px;
        line-height: 110.00000000000001%;
    }

    .chocolatediscovery span{
        display: block;
        font-size: 24px;

    }
    .pricesM [class^="price"] {
        width: 100% !important;
        height: auto;
        background-color: transparent !important;
    }
    .pricesM a {
        width: 286px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        max-width: auto !important;
    }
    .pricesM .price6 a {
        bottom: 158px !important;
        top: auto !important;
    }
    .pricesM .price3 a {
        bottom: 126px !important;
        top: auto !important;
    }
    .pricesM .price1 a {
        bottom: 139px !important;
        top: auto !important;
    }
    .story-block {
        max-width: none !important;
    }
    .answer > p{
        line-height: 24px;
    }
    .question,
    .question-num{
        font-size: 18px;
        line-height: 24px;
    }
    
    .mob-max-guarantee{
        max-width: 343px !important;
        width: 100% !important;
    }
    body{
        max-width: 100vw;
        overflow-x: hidden;
    }
    .answer > p{
        font-size: 18px;
        line-height: 24px;
    }
    .questiondiv{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width: 413px){
    .answer {
        max-width: 287px;
    }
}

@media (max-width: 374px){
    .bonus-c-text{
        gap: 9px !important;
        max-width: 310px !important;
    }
    .bonus-text-container p.font-lora {
        width: 280px;
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      /* Safari-specific styles here */
      .imp-msg img{
        margin-top: -3px !important;
      }
    }
}

/* @media (max-width: 430px){
    .pricesM .price6 a {
        bottom: 181px !important;
        top: auto !important;
    }
    .pricesM .price3 a {
        bottom: 146px !important;
        top: auto !important;
    }
    .pricesM .price1 a {
        bottom: 160px !important;
        top: auto !important;
    }
}

@media (max-width: 390px){
    .pricesM .price6 a {
        bottom: 165px !important;
        top: auto !important;
    }
    .pricesM .price3 a {
        bottom: 134px !important;
        top: auto !important;
    }
    .pricesM .price1 a {
        bottom: 148px !important;
        top: auto !important;
    }
}

@media (max-width: 375px){
    .pricesM .price6 a {
        bottom: 160px !important;
        top: auto !important;
    }
    .pricesM .price3 a {
        bottom: 129px !important;
        top: auto !important;
    }
    .pricesM .price1 a {
        bottom: 141px !important;
        top: auto !important;
    }
} */