body{font-family:"Fira Sans",sans-serif}.quiz-wrapper{width:100vw;height:100vh;position:relative;background-color:#f5f5f5;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}@media only screen and (max-width: 768px){.quiz-wrapper{height:100vh;display:flex}}.quiz-wrapper .quiz-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;box-sizing:border-box}.quiz-wrapper .quiz-background::before{content:"";position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:0}@media only screen and (max-width: 768px){.quiz-wrapper .quiz-background img{height:100% !important;width:100% !important;object-fit:cover !important}}.quiz-wrapper .ajax-loading{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background-color:rgba(255,255,255,0.8);cursor:wait;display:none;background-image:url(/wp-content/plugins/cwi-custom/img/loading.gif);background-repeat:no-repeat;background-position:center}.quiz-wrapper .quiz-progress{width:100%;height:5px;background-color:rgba(156,99,244,0.3);position:fixed;top:0;left:0;right:0}.quiz-wrapper .quiz-progress span.progress{height:100%;position:absolute;width:0%;background-color:#9c63f4;left:0;transition:width 0.25s linear 0s}.quiz-wrapper .progress-text{position:fixed;top:20px;right:50px;border:1px solid rgba(156,99,244,0.3);border-radius:7px;padding:5px 10px;font-size:14px;font-weight:bold;color:#333;line-height:1.5;z-index:999;background-color:#fff}@media only screen and (max-width: 767px){.quiz-wrapper .progress-text{right:16px;top:16px}}.quiz-wrapper .progress-text span:first-child{color:#8951E1}.quiz-wrapper .progress-text span:last-child{color:#95a5a6}.quiz-wrapper .quiz-title{padding-left:50px;padding-right:250px;position:absolute;top:0;left:0;right:0;z-index:99;box-sizing:border-box}@media only screen and (max-width: 767px){.quiz-wrapper .quiz-title{padding:16px;padding-right:120px;position:fixed}}@media only screen and (max-width: 767px){.quiz-wrapper .quiz-title h1{font-size:20px;line-height:30px;position:relative;margin:0px}}.quiz-wrapper .quiz-container{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box}@media only screen and (max-width: 768px){.quiz-wrapper .quiz-container{padding-inline:80px}}@media only screen and (max-width: 767px){.quiz-wrapper .quiz-container{padding-inline:40px;height:auto;padding-top:100px}}.quiz-wrapper .quiz-container .quiz-area{width:100%;text-align:center;box-sizing:border-box}.quiz-wrapper .quiz-container .quiz{width:100%;max-width:780px;margin:0 auto;box-sizing:border-box}.quiz-wrapper .quiz-container .quiz .question{font-size:30px;line-height:1.5;font-weight:normal;text-align:left;margin-bottom:5px;color:#262626;position:relative}@media only screen and (max-width: 767px){.quiz-wrapper .quiz-container .quiz .question{font-size:20px}}.quiz-wrapper .quiz-container .quiz .question span.q-num{color:#8951e1;margin-right:5px;position:absolute;right:calc(100% + 5px)}@media only screen and (max-width: 767px){.quiz-wrapper .quiz-container .quiz .question span.q-num{margin-right:0px;font-size:16px;top:2px}}.quiz-wrapper .quiz-container .quiz .desc{text-align:left;color:#666;font-size:20px;line-height:1.3;font-family:'Roboto';margin-bottom:20px}@media only screen and (max-width: 767px){.quiz-wrapper .quiz-container .quiz .desc{font-size:16px}}.quiz-wrapper .quiz-container .quiz input,.quiz-wrapper .quiz-container .quiz textarea{width:100%;font-size:16px;border:1px solid #ccc;outline:none;padding:20px;color:#222;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);border-radius:10px;box-sizing:border-box}.quiz-wrapper .quiz-container .quiz input::placeholder,.quiz-wrapper .quiz-container .quiz textarea::placeholder{color:#666;font-weight:300}.quiz-wrapper .quiz-container .quiz input:focus-visible,.quiz-wrapper .quiz-container .quiz textarea:focus-visible{border:2px solid #9c63f4}.quiz-wrapper .quiz-container .quiz textarea{height:65px;box-sizing:border-box;overflow:hidden;resize:none;line-height:22px}.quiz-wrapper .quiz-container .quiz .option{display:flex;flex-direction:row;column-gap:10px;margin-bottom:20px;align-items:center}.quiz-wrapper .quiz-container .quiz .option .option-label{font-size:16px;font-weight:bold;color:#8951e1}.quiz-wrapper .quiz-container .quiz .option .option-answer{border:1px solid #ccc;background-color:#fff;padding:15px 20px;border-radius:8px;cursor:pointer}.quiz-wrapper .quiz-container .quiz .option .option-answer:hover{box-shadow:0 2px 4px rgba(0,0,0,0.1);outline:2px solid #9c63f4}.quiz-wrapper .quiz-container .quiz .option .option-answer input[type="radio"]{display:none}@media only screen and (max-width: 767px){.quiz-wrapper .quiz-container .quiz .option .option-answer{width:100%;text-align:left}}.quiz-wrapper .quiz-container .quiz .option.selected .option-answer{box-shadow:0 2px 4px rgba(0,0,0,0.1);outline:2px solid #9c63f4}.quiz-wrapper .quiz-container .quiz .rating-options{display:flex;column-gap:20px}@media only screen and (max-width: 767px){.quiz-wrapper .quiz-container .quiz .rating-options{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:10px}}.quiz-wrapper .quiz-container .quiz .rating-options .rating-option{border:2px solid #8951e1;transition:background-color 0.3s, color 0.3s;background-color:transparent;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;color:#8951e1;cursor:pointer}@media only screen and (max-width: 767px){.quiz-wrapper .quiz-container .quiz .rating-options .rating-option{width:30px;height:30px}}.quiz-wrapper .quiz-container .quiz .rating-options .rating-option.selected,.quiz-wrapper .quiz-container .quiz .rating-options .rating-option:hover{background-color:#8951e1;color:#fff}.quiz-wrapper .quiz-container .quiz .rating-options .rating-option input{display:none}.quiz-wrapper .quiz-container .quiz .action{text-align:left;padding-top:50px}@media only screen and (max-width: 767px){.quiz-wrapper .quiz-container .quiz .action{position:fixed;bottom:16px;left:16px;max-width:calc(100% - 140px);width:100%;padding:0px;box-sizing:border-box}}.quiz-wrapper .quiz-container .quiz .action button{background-color:#9c63f4;border:1px solid transparent;color:#fff;font-size:20px;font-weight:500;padding:20px 50px;border-radius:8px;cursor:pointer}.quiz-wrapper .quiz-container .quiz .action button:hover{opacity:0.6}@media only screen and (max-width: 767px){.quiz-wrapper .quiz-container .quiz .action button{padding:0px !important;height:48px;line-height:48px;width:100%}}.quiz-wrapper .quiz-container .quiz .woes_content{font-size:35px;line-height:1.4;margin-bottom:15px;font-weight:bold}@media only screen and (max-width: 767px){.quiz-wrapper .quiz-container .quiz .woes_content{font-size:30px}}.quiz-wrapper .quiz-container .quiz .woes_desc{font-size:20px;color:#666;font-family:'Roboto';line-height:32px}@media only screen and (max-width: 767px){.quiz-wrapper .quiz-container .quiz .woes_desc{font-size:16px;line-height:24px}}.quiz-wrapper .quiz-container .quiz[data-type="welcome_end_screen"] .action{text-align:center}@media only screen and (max-width: 767px){.quiz-wrapper .quiz-container .quiz[data-type="welcome_end_screen"] .action{width:100%}}.quiz-wrapper .quiz-container .quiz[data-type="welcome_end_screen"] .action button{height:auto;padding:20px 50px;border-radius:8px;font-family:'Roboto'}.quiz-wrapper .quiz-container .float-action{position:fixed;bottom:50px;right:50px;display:flex;align-items:center;justify-content:center;column-gap:2px}@media only screen and (max-width: 767px){.quiz-wrapper .quiz-container .float-action{bottom:16px;right:16px}}.quiz-wrapper .quiz-container .float-action button{background-color:#8951E1;width:48px;height:48px;border:none;outline:none;background-repeat:no-repeat;background-position:center;cursor:pointer}.quiz-wrapper .quiz-container .float-action button.prev{border-radius:8px 0 0 8px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNS40Mjc3IDguNTk5NjFMOC4zOTkxNiAxLjU3MTA0QzguMzQ3ODYgMS41MTYzNyA4LjI4NTkgMS40NzI4MSA4LjIxNzEgMS40NDMwMkM4LjE0ODMgMS40MTMyNCA4LjA3NDEzIDEuMzk3ODcgNy45OTkxNiAxLjM5Nzg3QzcuOTI0MiAxLjM5Nzg3IDcuODUwMDIgMS40MTMyNCA3Ljc4MTIzIDEuNDQzMDJDNy43MTI0MyAxLjQ3MjgxIDcuNjUwNDcgMS41MTYzNyA3LjU5OTE2IDEuNTcxMDRMMC41NzA1OTEgOC41OTk2MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K)}.quiz-wrapper .quiz-container .float-action button.next{border-radius:0 8px 8px 0;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjU3MjI2NiAxLjQwMDM5TDcuNjAwODQgOC40Mjg5NkM3LjY1MjE0IDguNDgzNjMgNy43MTQxIDguNTI3MTkgNy43ODI5IDguNTU2OThDNy44NTE3IDguNTg2NzYgNy45MjU4NyA4LjYwMjEzIDguMDAwODQgOC42MDIxM0M4LjA3NTggOC42MDIxMyA4LjE0OTk4IDguNTg2NzYgOC4yMTg3NyA4LjU1Njk4QzguMjg3NTcgOC41MjcxOSA4LjM0OTUzIDguNDgzNjMgOC40MDA4NCA4LjQyODk2TDE1LjQyOTQgMS40MDAzOSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K)}.quiz-wrapper .quiz-container .float-action button.disabled{opacity:0.5;cursor:no-drop}