.beneficiary_header{
    background: #fff !important;
}
.small_container_box{
    padding:35px 0;
    text-align: center;
}
.Accepted_Tick_icon{
    max-width:85px;
    margin-bottom:10px;
}
.main_haeading{
    margin-top: 15px;
}
.questionnaire_box_holder{
    border: none;
    padding: 30px;
    box-shadow: 0px -5px 20px rgb(0 0 0 / 5%), 0px 8px 15px rgb(0 0 0 / 5%);
    border-radius: 8px;
    max-width: 600px;
    margin:60px auto 0 auto;
    text-align: left;
}
.anwser_inpout_hra{
    padding: 8px 15px;
    border-radius: 8px;
    max-width: 600px;
    margin: 28px auto 0 auto;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
}
.anwser_inpout_hra span{
    color: #fff;
}
.anwser_inpout_hra input{
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    float: right;
    border: none;
    box-shadow: none;
}
.questionnaire_box_holder h4{
    color: #555;
    text-align: left;
}
.Next_Button_Questionnaire{
    float: right;
}
.Button_Questionnaire_row{
    margin-top: 45px;
}
.Previous_Button_Questionnaire{
    background:#eee;
    color:#999;
}
.HRA_Score_row{
    margin-bottom: 10px;
    color: #999;
}
.HRA_Score_col{
    text-align: right;
}
.HRA_Score_row p{
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
.anwser_5_position{
    background: #03ad98;
}
.anwser_4_position{
    background: #00ceb5;
}
.anwser_3_position{
    background: #facb70;
}
.anwser_2_position{
    background: #FDB320;
}
.anwser_1_position{
    background:#FF5E1F 
}
.username_text_questionnaire{
    color:#333;
}
@keyframes growProgressBar {
    0%, 33% {
        --pgPercentage: 0;
   }
    100% {
        --pgPercentage: var(--value);
   }
}
@property --pgPercentage {
    syntax: ' <number> ';
    inherits: false;
    initial-value: 0;
}
div[role="progressbar"] {
    --size: 12rem;
    --fg: #03ad98;
    --bg: #def;
    --pgPercentage: var(--value);
    animation: growProgressBar 3s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
    font-family: Helvetica, Arial, sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--fg);
}
div[role="progressbar"]::before {
    counter-reset: percentage var(--value);
    content: counter(percentage);
}
.hra_score_box_main_holder{
    text-align: center;
}
.hra_score_box{
   margin: 40px auto 30px auto;
   max-width: 195px;
}
.questionnaire_ans_box_holder > label {
    cursor: pointer;
}
.hra_score_box_ruslt_status .questionnaire_ans_box_holder{
    width: 48%;
    display: inline-block;
}
.hra_score_box_ruslt_status .anwser_inpout_hra{
    margin-top: 15px;
}
.hra_score_box_ruslt_status .anwser_inpout_hra b{
    display: block;
    font-size:36px;
    font-weight: bold;
}
.hra_score_box_main_holder h4{
    text-align: center;
}
.full_width{
    width:97%;
    margin-top:25px;
}
.hra_result_qa{
    width: 48%;
    display: inline-block;
}
.hra_result_qa .anwser_inpout_hra {
    margin-top:10px;
}
.hra_result_qa .anwser_inpout_hra b{
    display: block;
    font-size:22px;
}
.hra_result_qa .anwser_inpout_hra span {
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    margin-top: 6px;
    display: block;
}
.HRA_Advisor_row{
    margin-top:40px;
}
.HRA_Advisor_row {
    margin-top: 40px;
    border-top: 6px solid #eee;
    padding-top: 20px;
    color: #666;
}
.HRA_Advisor_row p{
    margin-bottom: 0;
    padding-bottom: 0;
}
/* @@@@@@ */
@media (max-width: 767px){
    .full_width{
        width:100%;
   }
    .hra_score_box_ruslt_status .questionnaire_ans_box_holder{
        width:100%;
   }
    .questionnaire_box_holder{
        margin: 30px 15px 0 15px;
   }
}