*{margin:0;padding:0;box-sizing:border-box}
body{background:#f8f8f8;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.container{width:100%;max-width:600px;min-height:88vh;padding:0 16px;margin:0 auto}
.quiz_container .step{display:none}
.quiz_container .step.active{display:block}
.quiz_container{padding:20px 0}
.quiz_container .logo_cont{padding:10px 0;position:relative}
.quiz_container .logo_cont .logo{width:100%;max-width:123px;display:block;margin:0 auto}
.quiz_container .logo_cont .back_btn{position:absolute;left:8px;top:10px;bottom:10px;font-size:19px;cursor:pointer}
.quiz_container .step_cont .step_head{font-size:32px;line-height:1.2;padding-bottom:20px;padding-top:40px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-align:center}
.quiz_container .step_1 .step_head{padding-top:0}
.quiz_container .step_btn{border-radius:.375rem;background-color:#4aa614;border:none;outline:none;color:#fff;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-align:center;width:100%;padding:22px 32px;font-size:16px;font-weight:700;transition:.2s;cursor:pointer;margin-bottom:12px}
.quiz_container .step_btn:hover{background-color:#4ed313}
.quiz_container .btn_cont{display:flex;flex-direction:column;gap:0}
.quiz_container .progress_bar{background-color:#d7d7d7;height:8px}
.quiz_container .progress_bar .progress{background-color:#008c0a;height:100%;width:0;transition:width .3s ease}
.quiz_container .step_dec{color:#1a202c;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:24px;text-align:center;padding-bottom:20px}
.quiz_container .gender_selector_cont{display:flex;gap:0;padding:0 20px}
.quiz_container .gender_selector_cont .gender_selector{background-color:#4aa614;padding:12px;cursor:pointer;text-align:center;width:50%;border-radius:.375rem}
.quiz_container .gender_selector_cont .gender_selector:not(:last-child){margin-right:10px}
.quiz_container .gender_selector_cont .gender_selector:hover{background-color:#4ed313}
.quiz_container .gender_selector_cont .gender_selector .head{color:#fff;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px}
.quiz_container .gender_selector_cont .gender_selector .img{width:100%;margin:0 auto;max-width:141px}
.banner_cont{border-radius:.5rem;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:20px}
.banner_cont .banner_head{background-color:#4aa614;color:#fff;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;text-align:center;padding:9px 8px}
.banner_cont .banner_dec{color:#1a202c;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;text-align:center;padding:12px;font-weight:700}
.banner_cont .img{width:100%}
.banner_cont .banner_dec_2{color:#1a202c;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;text-align:center;padding:8px;font-weight:400;line-height:1.3}
.quiz_container .step_btn_result{padding:10px;display:block;margin-top:20px}
.quiz_container .form_field_cont{margin-bottom:24px}
.quiz_container .form_field_cont .form_input{box-shadow:#848484 0 0 0 2px;border:none;outline:none;padding:0 16px;height:40px;width:100%;border-radius:.5rem 0 0 .5rem;color:#1a202c;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;-webkit-appearance:none;appearance:none}
.quiz_container .form_field_cont .form_input.error_field{outline-color:#e53e3e}
.quiz_container .input_deg_cont{display:flex}
.quiz_container .form_lable{margin-bottom:8px;display:block;font-weight:700;color:#1a202c;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px}
.quiz_container .input_deg_cont .deg{height:40px;background-color:#e5e4e0;color:#1a202c;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;padding:0 16px;border-radius:0 .5rem .5rem 0;display:flex;align-items:center;justify-content:center;margin-left:2px}
.quiz_container .error{color:#e53e3e;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;margin-top:8px}
.quiz_container .row{display:flex;gap:10px;justify-content:space-between}
.quiz_container .row .col{max-width:50%;width:fit-content}
.quiz_container .row .dec{color:#1a202c;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;margin-top:8px}
.quiz_container .step_sub_head{color:#1a202c;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:20px;padding:40px 0 20px}
.quiz_container .step_sub_head_2{color:#1a202c;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:18px;padding:0 0 20px}
.quiz_container .svg_cont{position:relative}
.quiz_container .svg_cont .dot{position:absolute;bottom:29px;right:67px;background-color:#eb731a;width:1.25rem;height:1.25rem;border:3px solid #fff;border-radius:100px}
.quiz_container .svg_cont .dot .value{position:absolute;bottom:25px;left:-18px;background-color:#eb731a;font-size:16px;color:#fff;border-radius:.375rem;padding:10px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:700}
.quiz_container .step_results .row .col{width:50%;text-align:center}
.quiz_container .loader_step .step_dec{padding-top:40px}
.loader_step .step_loader{width:100%;height:15px;overflow:hidden;background-color:#e2e8f0}
.loader_step .step_loader .loader_bar{width:50%;background-color:#4aa614;animation:loader 1s ease infinite;height:100%}
@keyframes loader{0%{transform:translate(-100%,0)}100%{transform:translate(200%,0)}}
.quiz_container .step_results .step_head{padding-top:0}
.review_1 .d-flex{display:flex;justify-content:space-between}
.review_main{padding:30px 0;display:flex;flex-direction:column;gap:0;width:100%}
.review_1{border:1px solid #e2e8f0;padding:16px;border-radius:14px}
.review_1:not(:last-child){margin-bottom:18px}
.review_1 .fa-star{color:#d69e2e;font-size:13px}
.review_1 h3{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;font-weight:700;padding-bottom:6px;margin:0}
.review_1 h4{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;font-weight:500}
.verifed_text{font-weight:600!important;background-color:#c6f6d5;padding:1px 4px;height:fit-content}
.review_1 p{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;font-weight:400;padding-bottom:6px}
.border_review{border:1px solid #e2e8f0;width:100%;margin:20px 0}
.quiz_container .weight_summery_box{display:flex;background-color:#fff;border:1px solid #e0e3eb;border-radius:.5rem;margin-top:1.25rem;background-image:none;}
.quiz_container .weight_summery_box .col{width:50%;text-align:center}
.quiz_container .weight_summery_box .col .col_head{font-size:18px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding:12px 12px 0}
.quiz_container .weight_summery_box .col .dec{font-size:16px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding:0 12px 12px}
.quiz_container .weight_summery_box .col .col_footer{padding:4px 4px 16px 4px;background-color:#f6f6f6}
.quiz_container .weight_summery_box .col .col_footer .dec{padding:0 4px;margin:0 auto;font-size:12px;font-weight:700;width:fit-content;background-color:#edf2f7;margin-top:8px}
.quiz_container .weight_summery_box .col.to .col_footer .dec{color:#22543d;background-color:#c6f6d5}
.quiz_container .weight_summery_box .col .img{width:100%;height:150px;object-fit:contain;margin:12px 0}
.logo_row{display:flex;gap:1rem;align-items:center}
.logo_dec_cont{background-color:#e6e6e6;margin-top:40px;border-radius:.5rem;padding:1.25rem}
.logo_row .img{width:100%;max-width:84px;height:fit-content}
.logo_row_2{margin-top:16px}
.logo_row_2 .img{height:30px;width:100%;object-fit:contain}
.logo_row .dec{font-size:16px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding:0 12px 12px;line-height:1.5}
.step_head_2{padding:40px 0 0!important;font-size:36px!important}
.price_card{background-color:#aad9ef;padding:20px;border-radius:.5rem;text-align:center;margin-top:20px}
.price_card .logo{max-width:153px;margin:0 auto}
.price_card .img{margin:0 auto;max-width:312px;margin:12px auto 0}
.price_card .step_head_3{padding-top:12px!important}
.price_card .sub_head{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:20px;margin-bottom:12px}
.price_card .dec{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px}
.price_card .step_head_4{margin-top:8px}
.price_card .dec_2{font-size:14px}
.price_card .dec_3{margin-bottom:20px}
.quiz_container .submit_btn,.quiz_container .learnmore{padding:18px 12px;max-width:280px;margin:20px auto 0;display:block;background-color:#eb731a!important}
.quiz_container .submit_btn:hover,.quiz_container .learnmore:hover{background-color:#88c862!important}
.quiz_container .sub_head_5{font-weight:400!important;padding:20px 0 0!important}
.quiz_container .final_rating{padding:20px 0 0!important;font-size:60px!important;font-weight:400}
.quiz_container .weight_summery_box .col.to .dec b{color:#88c862}
.quiz_container .male_pic,.quiz_container .female_pic{display:none}
.loader_step{display:none}

/* Analysis checkmarks */
.analysis_items{list-style:none;padding:20px 0;text-align:center}
.analysis_items li{font-size:20px;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding:10px 0;opacity:0;transform:translateX(-20px);transition:all .4s ease}
.analysis_items li.show{opacity:1;transform:translateX(0)}
.analysis_items li .check{color:#4aa614;margin-right:10px}

.urgency_bar,.stock_bar{display:none}

/* Personalized message */
.personalized_msg{background-color:#f0fff4;border:1px solid #c6f6d5;border-radius:.5rem;padding:16px;margin:20px 0;text-align:center}
.personalized_msg .msg_head{font-size:18px;font-weight:700;color:#22543d;margin-bottom:8px}
.personalized_msg .msg_dec{font-size:16px;color:#1a202c;line-height:1.5}

/* Coffee icon buttons */
.coffee_icon{font-size:20px;margin-right:6px}
.icon-back{font-style:normal;font-size:19px;cursor:pointer;line-height:1}
.icon-check{color:#4aa614;margin-right:10px;font-style:normal;font-weight:700}
.icon-star{color:#d69e2e;font-size:13px;font-style:normal}

@media screen and (max-width:767px){.quiz_container .step_cont .step_head{font-size:22px}}