.quiz-container{width:90%;max-width:900px;background:#fdfdfd;padding:40px;border-radius:20px;box-shadow:0 0 30px #0000001a;text-align:center;margin:auto}.quiz-step{display:none;flex-direction:column;align-items:center;animation:fadeIn .5s ease-in-out}.quiz-step.active{display:flex}.quiz-progress-bar{width:100%;background:#ccc;height:10px;border-radius:20px;overflow:hidden;margin-bottom:30px}.progress{background:#000;height:100%;width:0%;transition:width .3s ease}h2{font-size:24px;margin-bottom:10px}.sub-heading{color:#666;font-size:14px;margin-bottom:30px}.option-group{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.style-option{border-radius:50px;padding:10px 30px;text-align:center;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;width:140px;margin:20px auto 0;color:#0b2c1b;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;background-color:#fff;font-weight:600;border:2px solid #0b2c1b}.style-option-image img{border-radius:10px}.style-option.selected{background-color:#ddc799}.style-option img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:10px}.nav-buttons{display:flex;justify-content:space-between;width:100%}.nav-buttons button{background-color:#000;color:#fff;border:none;padding:10px 30px;border-radius:30px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.nav-buttons button:hover{background-color:#333}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.basic-info-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.info-box{flex:1 1 45%;display:flex;flex-direction:column;align-items:center;text-align:center}.info-box label{margin-bottom:8px;font-weight:700}.info-box select{margin-top:10px;padding:6px;width:100%;max-width:180px}.quiz-progress-bar{width:100%;background-color:#e0e0e0;height:10px;border-radius:5px;margin-bottom:20px;overflow:hidden}.option-internal{width:calc(50% - 10px);position:relative}.quiz-step h2{font-weight:600;color:#0b2c1b}.quiz-progress-bar .progress{height:100%;width:0;background-color:#0b2c1b;transition:width .3s ease}#step-2 .style-option{position:static;-webkit-transform:none;-ms-transform:none;transform:none;width:calc(33.333% - 20px);padding:10px;border-radius:0;background:transparent!important;border:none}#step-2 .option-group{width:100%}#step-2 .option-group img{height:auto;width:100%}#step-2 .style-option span{font-weight:600;color:#0b2c1b;border-radius:50px;padding:10px 30px;min-width:140px;border:2px solid #0b2c1b;margin-top:10px}#step-2 .style-option.selected span{background:#d1b88d}#step-3 .info-box{width:20%;flex:inherit}#step-3 .info-box img{border-radius:10px}.info-box select{background:#eee;border-radius:5px}#step-1 .nav-buttons{justify-content:center}@media only screen and (min-width: 767px) and (max-width: 1023px){.info-box label,.nav-buttons button{font-size:14px}}@media only screen and (min-width: 320px) and (max-width: 766px){.info-box label,.nav-buttons button{font-size:14px}.quiz-step h2{font-size:22px}.style-option{padding:5px 20px;font-size:14px;bottom:-5px;width:auto;margin:0 auto;min-width:80%}#step-3 .info-box{width:100%;flex:inherit}.nav-buttons button{width:100%}.nav-buttons{flex-wrap:wrap;gap:10px}#step-3 .info-box img{border-radius:10px;width:100%}.info-box select{background:#dfcd9f;border-radius:5px;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/quiz.css.map */