.quiz-hero{margin:0 auto 60px;max-width:1440px;padding:3.75rem 1.875rem;text-align:center;background:url("../images/quiz/skincare-quiz-bg.webp");background-size:cover;background-position:50%}.quiz-hero .quiz-complete{display:none}.quiz-hero h2{font-weight:200}.quiz-hero p{max-width:350px;margin:0 auto;font-size:.94rem}.quiz-hero button{margin-top:2rem;text-transform:uppercase}.quiz-container{max-width:940px;margin:0 auto}.quiz-container .question-container{background:#fff4f8;margin:0 5px 40px;text-align:center;padding:2.75rem}.quiz-container .question-container.quiz-submit-container .quiz-submit{max-width:554px;margin:0 auto}.quiz-container .question-container.quiz-submit-container button{background-color:#111b24;margin:3.125rem 0;text-transform:uppercase;padding:12px 20px}.quiz-container .question-container.quiz-submit-container input[type=text]{max-width:533px;width:100%}.quiz-container .question-container.quiz-submit-container h3{font-weight:200;font-size:1.95em;margin-top:64px;margin-bottom:4rem;line-height:1.3em}.quiz-container .question-container.question-2,.quiz-container .question-container.question-4{background:#fbf6f0}.quiz-container .question-container.question-2:after,.quiz-container .question-container.question-4:after{border-color:#fbf6f0 transparent transparent}.quiz-container .question-container:after{position:relative;bottom:-97px;content:" ";border-style:solid;border-width:32px 43px 0;border-color:#fff4f8 transparent transparent}.quiz-container .question-container h2{color:#252529;font-size:1.35em;text-transform:uppercase;letter-spacing:.25rem;font-weight:700;margin:12px 0}.quiz-container .question-container h1{color:#252529;font-weight:700;font-size:1.95em;margin:0 auto 20px}.quiz-container .question-container img{height:142px;width:142px}.quiz-container .question-container button{background-color:#fff}.quiz-container .question-container .options-select{max-width:360px;width:100%;margin:0 auto}.quiz-container .question-container .options-images{max-width:720px;width:100%;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);gap:20px 35px;margin:40px auto 0}.quiz-container .question-container .options-images button{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center;font-weight:400;font-size:1.15em;background-color:#fff;border:6px solid #fff;width:100%;margin:5px 0;padding:30px 0 50px;max-width:220px}.quiz-container .question-container .options-images button.selected,.quiz-container .question-container .options-images button:hover{border:6px solid #ae0560}.quiz-container .question-container .options-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.quiz-container .question-container .options-list button{padding:12px;font-weight:400;font-size:1.15em;background-color:#fff;border:6px solid #fff;width:100%;margin:5px 0;max-width:515px;display:block}.quiz-container .question-container .options-list button.selected,.quiz-container .question-container .options-list button:hover{border:6px solid #ae0560}.quiz-container .product-grid .tile-item{margin-bottom:32px}.quiz-container .product-grid .tile-item h3{text-align:center}