.quiz{margin:40px 0 100px;padding:60px 20px}@media (max-width:767px){.quiz{margin:40px 0 80px}}.quiz .container{flex-direction:column;display:flex}.quiz .container .title{font-size:clamp(32px,3vw,42px);font-weight:400}.quiz .container .nav{margin:60px 0 5px}.quiz .container .nav button{cursor:pointer;background-color:#0000;border:none;align-items:center;gap:5px;font-size:clamp(14px,1.5vw,16px);font-weight:500;display:flex}.quiz .container .nav button svg{transform:rotate(180deg)}.quiz .container .progress{background:var(--gray-color);border-radius:12px;height:5px;margin-bottom:43px;position:relative}.quiz .container .progress .start-over{cursor:pointer;background-color:#0000;border:none;align-items:center;font-size:clamp(14px,1.5vw,16px);font-weight:500;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.quiz .container .progress .start-over:hover svg{transform:rotate(-360deg)}.quiz .container .progress .start-over svg{margin-right:5px;transition:all .3s ease-in-out}.quiz .container .progress .bar{background:var(--black-color);z-index:0;border-radius:12px;height:100%;transition:width .3s;position:relative}.quiz .container .progress .bar:after{content:"";background-color:var(--black-color);z-index:1;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.quiz .container .question{letter-spacing:-2%;font-size:clamp(22px,3vw,32px);font-weight:400}.quiz .container .options{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:32px;display:grid}@media (max-width:767px){.quiz .container .options{grid-template-columns:1fr}}.quiz .container .options .option{background:var(--off-white-color);cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:5px;padding:18px 16px;transition:all .3s ease-in-out;display:flex}.quiz .container .options .option:hover{border-color:var(--black-color)}.quiz .container .options .option .top-wrap{justify-content:space-between;gap:10px;display:flex}.quiz .container .options .option .top-wrap .label{font-size:clamp(16px,1.5vw,18px);font-weight:400}.quiz .container .options .option .detail{font-size:clamp(14px,1.5vw,16px);font-weight:300}.quiz.result .container{align-items:center;gap:10px}.quiz.result .container .suggestion{margin-top:20px;font-size:clamp(18px,2vw,24px);font-weight:400}.quiz.result .container button{margin-top:20px;padding:10px 15px 12px;font-weight:400}.loader-wrap{justify-content:center;align-items:center;width:100%;height:80vh;display:flex}.loader-wrap svg{width:50px;height:50px}.course-form{padding-block:100px 0}@media (max-width:767px){.course-form{margin-bottom:40px;padding:40px 25px 0}}.course-form .course-form-quiz-style{width:100%;max-width:1400px;margin:0 auto}.course-form .checkout-grid{display:unset}