.quiz{background-color:#f0f4f0}.quiz #MainContent{position:relative;background-color:#f0f4f0}.quiz .header__column .header__localization{display:block!important}.quiz .header__column .header__icons .header__localization{display:none!important}.quiz-container .quiz-content .hidden{display:flex!important}.quiz .header-class .hidden{display:none!important}.quiz-banner-class{margin:0!important;padding:0!important}@media only screen and (min-width: 1541px){.quiz-banner-class{margin:0!important}}.quiz-banner{width:100%}.quiz-banner p{color:#fff}.quiz-banner .quiz-banner-container{max-width:100%;margin:0;padding:0}.quiz-banner .quiz-banner-container ul{margin:0;display:flex;flex-direction:column;gap:.5rem;padding-left:2rem}.quiz-banner .quiz-banner-image{position:relative}.quiz-banner .quiz-banner-image img{width:140%;height:calc(100dvh - 69px);display:block;object-fit:cover}.quiz-banner .quiz-banner-text{position:absolute;bottom:13%;left:3rem;width:100%;display:flex;flex-direction:column;gap:1rem;color:#fff;z-index:1}.quiz-banner .quiz-banner-heading br:first-child,.quiz-banner .quiz-banner-heading br:nth-child(3){display:none}.quiz-banner .quiz-banner-text .quiz-banner-heading p{font-size:48px;font-weight:300;line-height:72px;text-align:left;text-transform:math-auto;color:#fff}.quiz-banner .quiz-banner-sub-container{display:flex;flex-direction:column;gap:2rem}.quiz-banner .quiz-banner-text .quiz-banner-subheading li,.quiz-banner .quiz-banner-text .quiz-banner-subheading p{font-size:16px;font-weight:300;line-height:24px;text-align:left;color:#fff}.quiz-banner .quiz-banner-text .quiz-banner-subheading p br{display:none}.quiz-banner .quiz-banner-text .quiz-banner-subheading p{margin-bottom:1rem}.quiz-banner .quiz-button-container a{text-decoration:none}.quiz-banner .quiz-button{width:200px;display:flex;justify-content:center;align-items:center;gap:10px;background-color:#fff;border:none;padding:.5rem 2rem;color:#000;font-size:14px;font-weight:400;line-height:21px;text-align:left;text-transform:none;cursor:pointer}.quiz-banner .quiz-button:hover{background-color:#000;color:#fff}.quiz-banner .quiz-button svg path{stroke:1}.quiz-banner .quiz-button:hover svg path{fill:#fff;stroke:#fff}.quiz-banner .quiz-button svg{width:1.2rem;height:1.2rem;color:#fff}.quiz-banner .quiz-button svg path{fill:#000}@media only screen and (min-width: 1541px){.quiz-banner .quiz-banner-text{left:12vw}}@media only screen and (max-width: 1200px){.quiz-banner .quiz-banner-text{bottom:10%}.quiz-banner .quiz-banner-text .quiz-banner-heading{margin-right:5rem;font-size:36px;line-height:54px}}@media only screen and (max-width: 991px){.quiz-banner .quiz-banner-heading br{display:block}.quiz-banner .quiz-banner-image img{height:calc(100vh - 60px)}.quiz-banner .quiz-banner-text .quiz-banner-heading p{font-size:32px;line-height:40px;font-weight:300}.quiz-banner .quiz-banner-image .overlay{display:block;height:65%}.quiz-banner .quiz-banner-text{left:2rem;bottom:5%}.quiz-banner .quiz-banner-text .quiz-banner-subheading{font-size:20px;line-height:24px;font-weight:300}.quiz-banner .quiz-banner-text .banner-rank{margin:0}.quiz-banner .quiz-banner-button{padding:1rem 3rem;font-size:16px;line-height:24px}.quiz-banner .quiz-banner-text .quiz-banner-subheading p br{display:block}.quiz-banner .quiz-button{padding:.5rem 2rem;font-size:16px;line-height:24px}.quiz-banner .quiz-button svg{width:1.5rem}}@media only screen and (max-width: 551px){.quiz-banner .quiz-banner-image img{width:100%}.quiz-banner .quiz-banner-heading br{display:block!important}.quiz-banner .quiz-banner-heading br:nth-child(2){display:none!important}}@media only screen and (max-width: 601px){.quiz-banner .quiz-banner-text{left:1rem;bottom:25%}.quiz-banner .quiz-banner-image img{object-fit:cover}.quiz-banner .quiz-banner-text .quiz-banner-heading p{margin:0;font-size:24px;line-height:36px}.quiz-banner .quiz-banner-text .quiz-banner-subheading li,.quiz-banner .quiz-banner-text .quiz-banner-subheading p{font-size:12px;line-height:18px}}@media only screen and (max-width: 350px){.quiz-banner .quiz-banner-text .quiz-banner-heading{font-size:20px;line-height:30px}.quiz-banner .quiz-banner-text .quiz-banner-subheading{font-size:18px;line-height:20px}}.quiz-container-class{padding-top:20px;padding-bottom:0!important;background-color:#f0f4f0}.quiz-container{position:relative;height:calc(100vh - 133.31px);padding:0 3rem 20px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:4rem;overflow:hidden}.quiz-container p{margin:0}.quiz-attributes{display:flex;align-items:center;flex-direction:column;gap:2rem}.quiz-content{position:relative;width:100vw;height:100%}.quiz-content-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:3rem;overflow-y:scroll}.quiz-container .quiz-question{font-family:Poppins,sans-serif;font-size:36px;font-weight:300;line-height:54px;text-align:center}.quiz-container .quiz-question p:nth-child(2){font-family:Poppins,sans-serif;font-size:20px;font-weight:300;line-height:30px;text-align:center}.quiz-container .quiz-answer{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3rem}.quiz-container .quiz-answer .quiz-option{display:flex;align-items:center;gap:1rem;padding:2rem 3rem;font-family:Poppins,sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;border:1px solid #32681f69;border-radius:5px;background-color:#32681f0d;cursor:pointer}.quiz-container .quiz-answer .quiz-option span{display:block;font-size:14px;font-weight:300;line-height:21px;text-align:left;font-style:normal}.quiz-container .quiz-answer .quiz-option strong{font-size:16px;font-weight:300;line-height:24px;text-align:left}.quiz-container .quiz-answer .quiz-option em{font-size:16px;font-weight:300;line-height:24px;text-align:left;font-style:normal}.quiz-container .quiz-option:hover{background-color:#00000045}.quiz-container .quiz-option:hover p,.quiz-container .quiz-option:hover p span{color:#fff}.quiz-container .quiz-question .multiple-selection-text{font-family:Poppins,sans-serif;font-size:20px;font-style:italic;font-weight:300;line-height:30px;text-align:center}.quiz-container .quiz-content-container{padding:0 3rem}.quiz-container .quiz-parent-container{width:100vw;height:100%;padding-bottom:0;transition:transform .4s ease-in-out;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:3rem;overflow:hidden}.quiz-container .option-image-container img{width:70px;height:70px;border-radius:5px}.quiz-container .grid-class{display:grid!important;grid-template-columns:1fr 1fr;align-items:normal!important}.quiz-container .grid-class .quiz-option{text-align:left!important}.quiz-container .flex-class .quiz-option{width:100%;text-align:left!important;justify-content:flex-start}.quiz-container .quiz-parent-container.active{transform:translate(0)}.quiz-container .quiz-parent-container.hidden-left{transform:translate(-100%)}.quiz-container .quiz-parent-container.hidden-right{transform:translate(100%)}.quiz-container .quiz-button-container{display:flex;justify-content:flex-start;align-items:center;gap:3rem}.quiz-container .quiz-button-container button{padding:.5rem 2rem;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:21px;text-align:center;box-shadow:none;border:1px solid #000;cursor:pointer;text-transform:uppercase}.quiz-container .quiz-button-container button:hover{color:#000;background-color:#fff}.quiz-container .quiz-button-container .prev-button{width:208px;color:#000;background-color:transparent;border:none;padding:0;text-decoration:underline}.quiz-container .quiz-button-container .prev-button:hover{color:#000;background-color:transparent}.quiz-container .quiz-button-container .next-button,.quiz-container .quiz-button-container .submit-button{width:166px;background-color:#000;color:#fff}.quiz-container .quiz-button-container .submit-button{width:180px}.quiz-container .quiz-option.selected{background-color:#00000045}.quiz-container .quiz-option.selected p,.quiz-container .quiz-option.selected span{color:#fff}.quiz-container .disabled-next-button,.quiz-container .disabled-submit-button{background-color:#0000007b!important;cursor:not-allowed!important}.quiz-container .quiz-progress-bars{display:flex;gap:1rem;width:100%}.quiz-container .category-progress-container{flex:1;background-color:#fff;border-radius:5px;overflow:hidden}.quiz-container .progress-container{width:100%;display:flex;flex-direction:column;gap:1rem}.quiz-container .category-progress{width:0%;height:8px;background-color:#000;position:relative;transition:width .5s ease-in-out}.quiz-container .category-heading{font-family:Poppins,sans-serif;font-size:12px;font-style:italic;font-weight:300;line-height:18px;text-align:center}.quiz-container .answer-container{width:100%}@media only screen and (min-width: 1541px){.quiz-container-class{margin:0!important;padding-right:12vw!important;padding-left:12vw!important}.quiz-container{padding-right:0;padding-left:0}.quiz-content-container{justify-content:center}.quiz-container .quiz-answer{width:80%}.quiz-content-container{justify-content:space-evenly}#loader{top:50%}}@media only screen and (max-width: 991px){.quiz-container{padding:0 2rem;gap:2rem}.quiz-container .quiz-content-container{padding:0 2rem}.quiz-container .quiz-answer{width:100%}.quiz-container .category-progress{height:4px}.quiz-container .quiz-button-container{position:absolute;bottom:1rem;width:100%;padding:1rem 0;display:flex;justify-content:center;align-items:center;background:#f0f4f0a8}}@media only screen and (max-width: 601px){.quiz-container{padding:0 1rem;height:100%}.quiz-content{height:calc(100dvh - 159px - 1rem)}.quiz-container .quiz-content-container{width:100%;padding:0 1rem;gap:0}.quiz-container .quiz-attributes{padding-bottom:71px}.quiz-container .category-progress-container{flex:none}.quiz-container .category-heading{font-size:8px;line-height:12px}.quiz-container .quiz-question{font-size:20px;line-height:30px}.quiz-container .quiz-question p:nth-child(2){font-size:14px;font-weight:300;line-height:21px}.quiz-container .quiz-answer{gap:2rem}.quiz-container .quiz-answer .quiz-option{padding:1rem 2rem;font-size:14px;line-height:18px}.quiz-container .quiz-answer .quiz-option span{font-size:12px;line-height:18px}.quiz-container .quiz-button-container button{font-size:14px;line-height:21px}.quiz-container .quiz-button-container .prev-button{width:140px}.quiz-container .quiz-button-container .next-button{width:117px}.quiz-container .grid-class{grid-template-columns:1fr}.quiz-container .grid-class .quiz-option{padding:2rem}.quiz-container .regular-class{display:grid;grid-template-columns:1fr 1fr}.quiz-container .regular-class p{height:100%;display:flex;justify-content:center;align-items:center}.quiz-container .flex-class{width:100%!important}.quiz-container .flex-class .quiz-option{padding:2rem}}.submit-quiz-button{display:block!important}.quiz-loader-container{height:calc(95vh - 60px)}.quiz-form{padding:0 3rem;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:3rem}.quiz-form .quiz-form-parent{margin-top:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:3rem}.quiz-form .quiz-heading{font-family:Poppins,sans-serif;font-size:36px;font-weight:300;line-height:54px;text-align:center}.quiz-form .quiz-form-container{width:70%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.quiz-form .form-first-container{width:100%;display:flex;justify-content:center;align-items:center;gap:2rem}.quiz-form .form-field{width:100%}.quiz-form input{width:100%;padding:2rem;font-family:Poppins,sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;border:none;outline:none}.quiz-form .checkbox-input{display:flex;justify-content:flex-start;align-items:center;cursor:pointer}.quiz-form .checkbox-input input{width:auto}.quiz-form .checkbox-input p{font-family:Poppins,sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:center}.quiz-form .quiz-form-submit-button{margin-top:3rem;width:166px;padding:.5rem 2rem;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:21px;text-align:center;box-shadow:none;border:1px solid #0000007b;background-color:#0000007b;color:#fff;cursor:not-allowed;pointer-events:none}.quiz-form .quiz-form-submit-button.active{background-color:#000;cursor:pointer;border-color:#000;pointer-events:all}.quiz-form .quiz-form-submit-button.active:hover{background-color:#fff;color:#000;border-color:#000;pointer-events:all}.quiz-form input:-internal-autofill-selected{background-color:transparent!important}.checkbox-container{display:inline-block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:2px;left:0;height:18px;width:18px;background-color:transparent;border:2px solid #000;border-radius:3px}.checkmark:after{content:"";position:absolute;display:none;left:9px;top:4px;width:7px;height:15px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg);overflow:visible}.checkbox-container input:checked~.checkmark:after{display:block;position:absolute;left:8px;top:-5px;z-index:5}.checkbox-container input:checked~.checkmark:before{content:"";position:absolute;top:-3px;left:10px;width:10px;height:12px;background-color:#f0f4f0;z-index:1}@media only screen and (min-width: 1541px){.quiz-form-class{margin:0!important;padding:0 12vw!important}.quiz-form{height:calc(100vh - 76.81px);justify-content:center}}@media only screen and (max-width: 769px){.quiz-form{padding:0 1rem}.quiz-form .quiz-heading{font-size:20px;line-height:30px}.quiz-form .quiz-heading br{display:none}.quiz-form .form-first-container{flex-direction:column}.quiz-form .quiz-form-container{width:100%}.quiz-form .checkbox-input p{font-size:12px;font-weight:300;line-height:18px;text-align:left}.quiz-form .quiz-form-submit-button{width:117px;font-size:14px;line-height:21px}}@media only screen and (max-width: 390px){.quiz-form .quiz-form-parent{margin-top:0}.quiz-container .regular-class{grid-template-columns:1fr}}.form-final-page .header__icons{display:none!important}.form-final-page .hidden{display:flex!important}.form-final-page .header-class .hidden{display:none!important}.form-banner-class{margin:0!important;padding:0!important}.form-final-page .page-banner{height:calc(100vh - 78.5px)}.form-final-page .page-banner-image img{height:100vh;object-fit:cover}.form-final-page .banner-content{position:absolute;bottom:25%;width:100%;display:flex;justify-content:center;align-items:flex-start;gap:3rem}.form-final-page .banner-text p{padding:2rem 4rem;background-color:#32681f66;color:#fff;border-radius:16px;font-family:Poppins,sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left}.form-final-page .banner-text p strong{font-family:Poppins,sans-serif;font-size:48px;font-weight:300;line-height:72px;text-align:left;color:#fff}.form-final-page .banner-steps{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem}.form-final-page .banner-steps p{width:100%;padding:2rem 3rem;color:#fff;background-color:#ffffff1a;font-family:Poppins,sans-serif;font-size:16px;font-weight:300;line-height:24px;text-align:left;border:.5px solid #ffffff;border-radius:5px}.form-final-page .banner-steps p strong{color:#fff;font-family:Poppins,sans-serif;font-size:20px;font-weight:300;line-height:30px;text-align:left}@media only screen and (max-width: 1024px){.form-final-page .banner-content{bottom:20%;align-items:center;flex-direction:column}}@media only screen and (max-width: 991px){.form-final-page .header--top-center .header__heading-link{top:auto}.form-final-page .banner-content{padding:0 2rem;top:20%;bottom:auto}.form-final-page .banner-text{width:100%}.form-final-page .banner-text p{padding:2rem;font-size:12px;line-height:18px}.form-final-page .banner-text p strong{font-size:32px;line-height:48px}.form-final-page .banner-steps p{padding:1rem 1.5rem;font-size:16px;line-height:24px}.form-final-page .banner-steps p strong{font-size:20px;line-height:30px}.form-final-page .header__column .header__localization{display:block!important}.form-final-page .header__localization .disclosure__list li a span{font-size:16px!important}}#loader{position:absolute;translate:-50% -50%;top:1000%;left:50%;background:conic-gradient(#000 70%,transparent 0%);height:9rem;width:9rem;border-radius:50%;animation:loading 1.75s ease-in-out infinite}.quiz .header__column .disclosure__button .value{font-size:16px;line-height:24px;font-weight:300}.quiz header .header__localization .localization-selector.link svg{width:1.2rem!important}#loader{position:absolute;translate:-50% -50%;top:1000%;left:50%;background:conic-gradient(#32681f 70%,transparent 0%);height:9rem;width:9rem;border-radius:50%;animation:loading 1.75s ease-in-out infinite}#loader:before{content:"";position:absolute;translate:-50% -50%;top:50%;left:50%;background:#f0f4f0;height:8rem;width:8rem;border-radius:50%}@keyframes loading{0%{rotate:0deg}to{rotate:360deg}}.loading-message{height:calc(100dvh - 98.5px);position:relative;margin:auto;width:12rem;border-radius:100vmin;overflow:hidden;padding:1.25rem}.loading-message:before{content:"";display:block;padding-top:100%}.loading-message .circular{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transform-origin:center center;animation:2s linear 0s infinite rotate}.loading-message .path{stroke:#32681f;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:1.5s ease-in-out 0s infinite dash}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;stroke:#000}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes rotate{to{transform:rotate(1turn)}}.quiz .header__localization .disclosure__list li a span{font-size:16px!important;line-height:24px!important}
/*# sourceMappingURL=/cdn/shop/t/32/assets/quiz-custom.css.map */