@font-face{font-family:Big Noodle;src:url(../fonts/big_noodle_titling.e2ebffa4.ttf)}@font-face{font-family:Sofia Pro;src:url(../fonts/sofiapro-light-webfont.6272bcf7.woff2)}body{background:#f1f1f1;font-family:Sofia Pro,sans-serif}.text-noodle{font-family:Big Noodle,sans-serif}.text-noodle.text-h5{font-size:56px}.reset-btn{font-size:48px;opacity:0;position:absolute;z-index:1}.reset-btn.bottom-left{bottom:0;left:0}.reset-btn.bottom-right{bottom:0;right:0}.reset-btn.top-right{right:0;top:0}.reset-btn.top-left{left:0;top:0}.question-holder{display:flex;height:100vh;position:relative;width:100%}.question-holder .option{height:100%;position:relative;transition:width .75s ease-in-out;width:25%}.question-holder .option:after{background:#0006;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.question-holder .option:hover{width:50%}.question-holder .option:hover .q-btn{background:#fff!important}.question-holder .option .q-img{height:100vh}.question-holder .option q{background:#89b31dd6;border-radius:16px;bottom:40px;color:#fff;font-size:18px;font-weight:700;left:50%;max-width:95%;min-width:80%;padding:16px 24px;position:absolute;text-align:center;transform:translateX(-50%);z-index:1}.question-holder .option .q-btn{background:#ffffffb3!important;border-radius:100%;color:#000!important;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px;z-index:1}.main-title{display:flex;left:50%;position:absolute;top:20px;transform:translateX(-50%);z-index:1}.start-title{border-radius:24px;color:#fff;font-size:24px;margin-top:20px}.start-title,.sub-title{font-family:Big Noodle,sans-serif}.sub-title{display:flex;font-size:36px;left:50%;position:absolute;top:90px;transform:translateX(-50%);z-index:1}.title{background:#89b31d;border-radius:24px;color:#fff;padding:8px 16px;z-index:1}.title.sub-title{background:#89b31db3;padding:32px}.result-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.slide-btn{border:1px solid #fff;border-radius:4px;cursor:pointer;display:inline-flex;height:10px;margin-top:8px;width:50px}.slide-btn.active{background:#fff}.slide-btn:not(:last-child){margin-right:8px}@media screen and (max-width:768px){.result-container{min-width:95%!important;width:95%}.result-container.end-result{top:25%}.result-container.end-result.readmore{top:50%}.result-container .q-card{font-size:14px!important}.text-h5{line-height:1}.start-title{margin-top:0}.sub-title{color:#fff;font-size:32px;line-height:1.1;margin-top:20px;width:80%}.bg-holder{background:#89b31d;padding:16px 0}.bg-holder .title{background:#0000;border-radius:0;padding:0}.question-holder{display:block;height:calc(100vh - 65px)}.question-holder .option{width:100%}.question-holder .option:hover .q-btn{background:#0000!important}.question-holder .option .q-btn{background:#0000!important;color:#fff!important}.question-holder .option .q-btn:not(.choice){height:40px;margin-top:20px;width:40px}.question-holder .option q{bottom:auto;line-height:1.2;top:60%}.question-holder .option:hover{width:100%}.question-holder .option .carousel-toggle{background:#0000;bottom:0;padding:16px 0;position:absolute;width:100%;z-index:1}.question-holder .option .carousel-toggle:before{background:#0009;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.question-holder .option .q-btn{bottom:0;left:0;position:relative;transform:none}.question-holder .option .q-img{height:calc(100vh - 65px)}}.q-img.with-backdrop:after{background:#0006;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}