.quiz-container{padding:40px 0;position:relative}.quiz-section{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.quiz-left{flex:1 1 30%;max-width:30%;position:relative}.quiz-left h4{font-size:14px;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-weight:600}.chevron{line-height:0}.custom_chevron{width:25px;height:25px}.quiz-left h1{font-size:36px;margin:0 0 24px;line-height:1.2;font-weight:700}.quiz-description{font-size:16px;line-height:1.6;margin-bottom:30px}.avatar{width:80px;height:80px;margin-top:20px;border-radius:50%;overflow:hidden;box-shadow:0 8px 24px #0003}.avatar img{width:100%;height:100%;object-fit:cover}.quiz-progress{margin-top:40px}.progress-bar{width:100%;height:6px;background-color:#fff3;border-radius:10px;overflow:hidden;margin-bottom:10px}.progress{width:100%;height:100%;border-radius:10px;transition:width .5s ease}.progress-text{font-size:12px}.quiz-right{flex:1 1 65%;max-width:65%}.quiz-right h2{font-size:28px;margin-bottom:30px;font-weight:600}.accordion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.accordion-item{color:#000;border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 12px #00000014}.accordion-item.active{background:#fff}.accordion-header{padding:20px;font-weight:600;background:#fff;border-radius:12px;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.accordion-content{max-height:0;overflow:hidden;padding:0 20px;background-color:#f9f9f9;transition:max-height .3s ease,padding .3s ease}.accordion-item.active .accordion-content{max-height:200px;padding:20px}.content-action{display:flex;justify-content:flex-end;margin-top:15px}.select-option-btn{border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.chevron{transition:transform .3s ease}.accordion-item.active .chevron{transform:rotate(180deg)}@media screen and (max-width: 990px){.quiz-left,.quiz-right{max-width:100%;flex:1 1 100%}.quiz-left{text-align:center}.quiz-left h1{font-size:32px}.avatar{margin:20px auto}.quiz-progress{max-width:400px;margin:30px auto}}@media screen and (max-width: 768px){.accordion-grid{grid-template-columns:1fr}.quiz-left h1{font-size:28px}.quiz-right h2{font-size:24px;text-align:center}}@media screen and (max-width: 480px){.quiz-section{gap:20px}.quiz-container{padding:30px 0}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/new-accordion.css.map */