.assessment-wrapper-main { position:relative; padding:40px; box-shadow:0 0 15px -8px rgb(6 0 117); border-radius:10px; }
.progress-container { display:flex; gap:0; }
.progress-container .progress-step { display:flex; align-items:center; width:33%; }
.progress-container .progress-step:last-child { width:60px; }
.circle { width:60px; height:60px; border-radius:50%; background-color:#e0e0e0; color:#666; display:flex; align-items:center; justify-content:center; font-weight:bold; transition:background-color 0.3s,color 0.3s; border:3px solid #fff; font-size:24px; }
.circle.active { background-color:#060075; color:#fff; border-color:#060075; }
.line { height:4px; flex:1; background-color:#e0e0e0; transition:background-color 0.3s; width:100%; }
.line.active { background-color:#060075; }
.form-check { display:block; min-height:1.5rem; margin-bottom:.125rem; }
.form-check-inline { display:inline-block; margin-right:1rem; }
.card-header { padding:20px; background-color:#efefef; border-top-left-radius:10px; border-top-right-radius:10px; margin:20px 0; }
.card-header h3 { margin:0; }
.mb-4 { margin-bottom:1.5rem !important; }
.form-check.form-check-inline input, .form-check.form-check-inline label { cursor:pointer; }
#app .btn { font-size:20px; border-radius:0 !important; padding:14px 30px; font-weight:600; text-transform:uppercase; }
#app .btn:hover, #app .btn:focus { color:#fff; outline:none; }
#app h5 span { font-family:'Work Sans'; text-transform:none; font-size:24px; line-height:36px; }
.filter-loader { text-align:center; display:none; }
.filter-loader.active { display:block !important; }
.assessment-text { color:#555; font-size:16px; margin-bottom:20px; }
.glow-button { display:block; width:auto; margin:20px auto; padding:20px 30px; text-align:center; font-size:22px; font-weight:bold; color:#fff; background:#060075; border:none; border-radius:6px; cursor:pointer; box-shadow:0 0 10px rgba(6,0,117,0.74); transition:all 0.3s ease-in-out; }
.glow-button:hover { box-shadow:0 0 20px #060075; transform:scale(1.05); background:#09009e; }
.clinician-form { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-end; }
.clinician-form .error-message { color:red; }
.clinician-form .error-message, .clinician-form p { width:100% !important; }
.clinician-form .form-group { margin-bottom:15px; width:30%; }
.clinician-form .form-group button { margin:0 auto; }
@media (max-width:1024px) and (min-width:320px) {
.assessment-wrapper-main { padding:40px 15px; }
.clinician-form { flex-direction:column; }
.clinician-form .form-group { width:100%; }
} #app-client .progress-container { display:flex; align-items:center; margin-bottom:20px; gap:0; }
#app-client .progress-step { display:flex; align-items:center; flex:1; }
#app-client .progress-step:last-child { flex:0; }
#app-client .circle { width:44px; height:44px; border-radius:50%; background-color:#e0e0e0; color:#666; display:flex; align-items:center; justify-content:center; font-weight:bold; font-size:16px; border:3px solid #fff; flex-shrink:0; transition:background-color 0.3s,color 0.3s; }
#app-client .circle.active { background-color:#060075; color:#fff; border-color:#060075; }
#app-client .line { height:4px; flex:1; background-color:#e0e0e0; transition:background-color 0.3s; }
#app-client .line.active { background-color:#060075; }
#app-client h5, #app-client h5 span { text-transform:none !important; font-size:18px !important; font-weight:600 !important; line-height:1.5 !important; }
#app-client .btn { font-size:16px; border-radius:6px !important; padding:12px 24px; font-weight:600; }