.help-links .external-link{margin-top: 5px;}
#auditquizapp{min-height:500px}
#auditquizapp .help-links>div {column-gap:20px}
.audit-landing .audit-landing-content {grid-area: body ;}
.audit-landing .audit-landing-content p{font-size: 1.25rem;font-weight: 300;line-height: 1.75rem;font-family:'maldenSans-light' , Arial;}
.audit-landing .audit-landing-footer{grid-area:footer}
.audit-landing .audit-landing-title{grid-area:header}
.audit-landing .audit-landing-image{grid-area:img}
.audit-landing-footer .audit-landing-notes{padding-top:2rem;border-top: 1px solid #e4e4e4;text-align: center}
.audit-landing-footer .audit-landing-notes p{font-size:0.875rem;font-weight: 400;line-height: 140.625%}
.audit-landing-content>p, .audit-landing-notes > p{margin-bottom:0}
.audit-landing-footer .audit-landing-time{font-size:1rem;font-weight: 800;line-height: 22px;margin: 1rem 0 2rem;justify-content: center;}
.audit-landing{ display: grid;padding-top: 3.125rem;grid-gap: 1rem;grid-template-columns: 2fr 1.5fr;grid-template-areas: "header header" "body body" "footer footer" "img img";}
.audit-landing-image img{height:100%;width:100%;}
.audit-landing-footer .audit-landing-start{padding-bottom:2rem}
.watch-icon{background: url(/~/media/Images/D/drinkiq/Universal/audit/watch.svg) center left no-repeat;height: 32px; width: 2.2rem;}
.age-question-input{width: 116px;border: 2px solid #3d30b34d;border-radius: 5px;text-align: center;padding: 8px 16px;margin-bottom: 20px;height:44px}
.audit-navigation-header{
    flex-wrap: nowrap;
    margin: 0 auto;
    max-width: 1540px;

}
.help-article-block .help-article-title-section h2{font-size:20px}
.help-article-text a{color :var(--primary-blue-01);text-decoration:none}
.help-article-text a:hover{text-decoration:underline}
#auditquizapp .help-article-block{
margin-bottom:50px
}

.audit-back-btn{
    padding: 0 0 0 1.8rem;
    cursor: pointer;
    transition: background-color, border-color, color, opacity;
    transition-duration: .3s;
    transition-timing-function: ease;
    text-decoration: none;
    position:relative;
}
.audit-back-btn span{display:none}
.audit-navigation-left{
    padding-right:10px;
}
.audit-navigation-right{
    padding-left:10px;
    color:var(--color-blue)
}
.audit-exit-btn{
    line-height: 140%;
    font-weight: 600;
    transition: background-color, border-color, color;
    transition-duration: .3s;
    transition-timing-function: ease;
    text-decoration: none;
    cursor:pointer;
    color:var(--color-blue);
    width:63px;
    text-align:right
}
.audit-progressbar{
    margin-bottom:4rem;
}
.audit-loading-bar-wrapper{
    background-color: #3d30b333;
    height: 4px;
    width: 60%;
    max-width: 660px;
    margin: 0 auto 50px;
}
.audit-loading-bar{
    background-color: #2314a7;
    height: 100%;
    transition: all .3s ease-in-out;
}
.audit-back-btn:before{background-image:url('~/media/Images/D/drinkiq/Universal/icons/back-arrow');content:"";position:absolute;height:22px;width:100%;background-repeat: no-repeat;left: 0px;margin-top: 3px;}
@media only screen and (min-width: 740px){
.audit-exit-btn{text-align:left}
.audit-back-btn span{display:block!important}
}
@media only screen and (min-width: 992px) {
 .audit-landing .audit-landing-content { margin-bottom:2rem}
 .audit-landing{grid-template-areas:"header header" "body body" "img footer"}
 .audit-landing-wrapper .audit-landing{grid-column-start:2;grid-column-end:12}
 .risksubtext-wrapper , .riskcontent-wrapper{grid-column-start:3;grid-column-end:11;}
 .problem-drinking{grid-column-start:2;grid-column-end: 12;}
 .help-article-block .help-article-title-section h2{font-size:24px}
}
@media only screen and (min-width: 1160px) {
 .audit-landing .audit-landing-content {margin:0;text-align: left}
 .audit-landing .audit-landing-title{ padding-left:4rem;text-align:left}
 .audit-landing .audit-landing-image{padding-right:20%}
 .audit-landing{ grid-template-areas:"header header" "img body" "img footer"}
 .audit-landing-footer .audit-landing-time{text-align:left;justify-content:flex-start}
.audit-landing-footer .audit-landing-notes,.audit-landing-footer .audit-landing-start{text-align:left}
}
@media only screen and (min-width: 1540px){
 .audit-landing .audit-landing-title{max-width:70%}
}


.problem-drinking-wrapper .problem-drinking{flex-direction:column}
.problem-drinking .riskslider-wrapper{
    justify-content: center;
    justify-items: center;
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    text-align: center;
    margin: 0 auto 26px;
    max-width: 450px;
  	padding-top: 65px;
}
.problem-drinking .riskslider-wrapper .riskslider{
display: flex;
    width: 100%;
    flex: 0 0 100%;
    flex-wrap: wrap;
    background: linear-gradient(-90.07deg, #ef6e52b3 .41%, #fdebe7 68.88%);
    position: relative;
    height: 100px;
}
.problem-drinking .riskslider-wrapper .riskpiller {
    width: 12px;
    background-color: #ea6142;
    height: 100px;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 1;
}
.problem-drinking .riskslider-wrapper .risktriangle{
    z-index: 2;
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    transform: skewX(98deg);
    transform-origin: top right;
}
.problem-drinking .riskslider-wrapper .riskicontriangle{
    width: 17px;
    height: 12px;
    z-index: 5;
    position: absolute;
    top: 0;
    border-radius: 0;
    background-size: contain;
    transform: translate(-4px, -20px);
}
.problem-drinking .label p{
font-size: 18px;
    line-height: 28px;
    font-weight: 250;
    padding-bottom: 20px;
}
.problem-drinking .main-title h1{
font-size: 60px;
    line-height: 68px;
}
.problem-drinking .scorenumber-wrapper p{
    font-size: 20px;
    line-height: 28px;
    font-weight: 800;
    padding-bottom: 20px;
}
.pilot-audit .problem-drinking .scorenumber-wrapper p,.pilot-audit .article-link-wrapper .article-title{
font-weight:700;
}
.pilot-audit .help-links h2{font-size:24px}
.pilot-audit .quiz__answerExplanation-title{font-weight:700}
.problem-drinking .risksubtext-wrapper .risksubtext{
font-size: 20px;
    line-height: 28px;
    font-weight: 250;
    font-style: italic;
    padding-bottom: 20px;
    text-align:center;
    font-family: 'maldenSans-lightItalic', Arial;

}

.option-wrapper {display:flex;max-width:1100px;margin:0 auto;width:90%;gap: 0 4rem;place-content: center center;place-items: center center;flex-direction:column}  
.option-wrapper button{ position:relative;display: flex;min-width: 260px;cursor: pointer;width:80%;border: 1px solid #2314a74d;background: #f3f3f3;border-radius: 5px;margin-bottom: 10px;}
.option-wrapper button:last-of-type{margin-bottom:0}
.option-wrapper button:hover{background:#e9e9ff4d;}
.audit-option input{ height: 100%;width: 100%;position: absolute;cursor: pointer; }
.audit-option label{ padding: 14px 50px 14px  20px ;width:100%;font-weight: 800;font-size: 20px;line-height: 28px;font-family:'maldenSans-regular',Arial;text-align:left;color:var(--color-black)}
input[type="radio"]:before{width: 32px;height: 32px;position: absolute;right: 15px;top: 18%;content:"";border-radius: 50%;border: 3px solid #786aff;}
.radio-input:checked::before {box-shadow: 0 0 0 3px var(--color-white) inset;background:#786aff;}
.option-wrapper.flex-column{flex-direction:column}
.option-wrapper  .audit-option input[type="radio"] { -webkit-appearance: none; /* For older versions of Webkit browsers */ -moz-appearance: none; /* For older versions of Firefox */appearance: none;}
.audit-question-title {font-size: 1.625rem;line-height: 2rem;font-family:'maldenSans-bold', Arial;margin:0 auto;max-width:960px}
.audit-question-description{margin:0 auto}
.exit-popup-wrapper{
	display:none;
    background: #000b;
    width: 100%;
    height: 100%;
    content: "";
    position: fixed;
    top: 0;
    right:0;
}
.exit-popup{
    border-radius: 8px;
    border: none;
    padding: 4rem 4%;
    box-sizing: border-box;
    max-width: 31.25rem;
    transform: translateY(-10%);
    animation: exit-popup-fadein .3s ease both,exit-popup-slide-down .4s ease both;
    overlay: auto !important;
    opacity: 0;
    overflow:auto;
    position: fixed;
    inset-block-start: 0px;
    inset-block-end: 0px;
    max-height: calc(100% - 2em - 6px);
    margin:auto;
    left:0;
    right:0;
    width:fit-content;
    height:fit-content;
    background:canvas;
    
}
.exit-popup-content{
    flex-direction:column
}
.exit-popup-exit-button{
    text-decoration:none
}
.exit-popup-exit-button:hover{
    text-decoration:underline
}
.exit-popup-wrapper .exit-popup-content h2{font-size:33px;line-height:44px}
@keyframes exit-popup-fadein {
    to {
        opacity: 1
    }
}

@keyframes exit-popup-slide-down {
    to {
        transform: translateY(0)
    }
}
.audit-question-wrapper .error-message{font-size: 14px;line-height: 24px;color:#e72f07;max-width:300px}
@media only screen and (min-width: 768px){
.audit-option label{padding:40px 60px 40px 20px}
input[type="radio"]:before{top:35%}
.audit-question-wrapper{grid-column-start:2;grid-column-end:12}
}
@media only screen and (min-width: 992px){
.audit-question-description{max-width:59%}
.audit-question-title{width:75%}
}
@media only screen and (min-width: 1160px){
.audit-option.full-width-option {width: 80%;margin-bottom:10px}
.gender-question .audit-option.full-width-option{margin-bottom:0}
.option-wrapper{flex-direction:row}
.option-wrapper button{width:20%;margin:0;height:100%}
.option-wrapper.flex-column.gender-question{flex-direction:row !important}
.gender-question .audit-option{width:20%;}
.gender-question .audit-option:last-of-type,.audit-option.full-width-option :last-of-type{margin-bottom:0}
.pilot-audit .help-links h2{font-size:24px}
}

/* Privacy-policy */

.privacy-policy .privacy-policy-content-wrapper{
        display: flex;
    flex-direction: column;
    align-items: center;
    }
    .privacy-policy .privacy-policy-content-wrapper .title-wrapper .title{
        font-size: 1.625rem;
    line-height: 2rem;
    text-align: center;
    padding: 20px;
    }
    .privacy-policy .privacy-policy-content-wrapper .content-wrapper{
      
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 30px;
    font-weight: 400;
    margin: 0 auto;
    font-family: Malden Sans, sans-serif;
    text-align: center;
    }
    .privacy-policy .privacy-policy-content-wrapper .content-wrapper p{
        margin: 0 auto;
    }
    .privacy-policy .privacy-policy-content-wrapper .link-and-checkbox-wrapper .link-wrapper{padding-bottom: 30px;
    text-align: center;}
    .privacy-policy .privacy-policy-content-wrapper .link-and-checkbox-wrapper .link-wrapper a{
        text-decoration: none;
    font-size: 18px;
    line-height: 28px;
    }
    .privacy-policy .privacy-policy-content-wrapper .link-and-checkbox-wrapper .check-box-wrapper{
        font-size: 18px;
    line-height: 28px;
    }
    .privacy-policy .privacy-policy-content-wrapper .link-and-checkbox-wrapper .check-box-wrapper .check-box-label{
        position: relative;
        cursor: pointer;
    margin-right: 10px;
    margin-left: 20px;
    max-width: 260px;
    }
    .privacy-policy .privacy-policy-content-wrapper .link-and-checkbox-wrapper .check-box-wrapper .check-box-label input[type='checkbox']{
        position: absolute;
    opacity: 1;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: #0000;
    z-index: -1;
    top: 2px;
    left: 22px;
    -webkit-appearance: none;
    appearance: none;
    }
    .privacy-policy .privacy-policy-content-wrapper .link-and-checkbox-wrapper .check-box-wrapper .check-box-label input:checked + .box{
        width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-image: url('/~/media/Images/D/drinkiq/Universal/icons/icon_check_cl_white_bg_purple');
    transition: all .2s ease-in-out;
    border: 1px solid #3d30b34d;
    border-radius: 6px;
    }
    .privacy-policy .privacy-policy-content-wrapper .link-and-checkbox-wrapper .check-box-wrapper .check-box-label .box{
        z-index: -1;
    left: 0;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    top: auto;
    right: auto;
    transform: none;
    border: 1px solid #3d30b34d;
    width: 32px;
    height: 32px;
    }
    .privacy-policy .privacy-policy-content-wrapper .link-and-checkbox-wrapper .check-box-wrapper .check-box-label .checkbox-text{
        padding-left: 20px;
    max-width: 200px;
    text-align: left;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    }
    .privacy-policy .privacy-policy-content-wrapper .cta-wrapper{
        margin-top: 3.125rem;
    } 

@media only screen and (min-width:992px){
.privacy-policy-content-wrapper{
grid-column-start:2;grid-column-end: 12;
}
.privacy-policy .privacy-policy-content-wrapper .content-wrapper{
  width: 70%;
}
}

/*Result page links*/
.slider-icon{background-image:url('/~/media/Images/D/drinkiq/Universal/icons/slider-icon');height:13px;width:20px}
.help-links{padding:30px 25px}
.help-links:not(:last-child){margin-bottom:2rem}
.help-article-text{padding:32px 20px 20px 20px}
.help-article-block:not(:last-of-type){margin-bottom:50px}
.help-article-description{font-size: 1.25rem;line-height: 1.75rem;font-family: 'maldenSans-light';}
@media only screen and (min-width:740px){
.help-article-block {display:flex;gap:50px}
.help-article-text{padding:20px 20px 20px 0px}
.help-article-block .help-article-text,.help-article-block .help-article-image{flex:1}
.help-article-block .help-article-image{min-height:280px}
}


.age-question-input::-webkit-input-placeholder {
font-size: 20px;
    font-weight: 600;
}