.section-card { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.75rem; margin-bottom: 0.75rem; box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.05); transition: box-shadow 0.3s ease; background-color: #ffffff; overflow: hidden; } .section-card:hover { box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.08); } .section-header { padding: 1.25rem 1.5rem; background-color: #f9fafb; border-bottom: 1px solid rgba(0, 0, 0, 0.08); cursor: pointer; transition: background-color 0.2s ease; display: flex; align-items: center; } .section-header:hover { background-color: #f2f4f6; } .section-header.active { background-color: #f0f5ff; border-bottom: 1px solid rgba(37, 99, 235, 0.2); } .section-header h6 { font-weight: 600; margin-bottom: 0; color: #374151; } .section-content { padding: 1.75rem; background-color: #ffffff; } .form-label { font-weight: 500; color: #4b5563; margin-bottom: 0.5rem; } .form-control { border-radius: 0.5rem; border: 1px solid rgba(0, 0, 0, 0.15); padding: 0.625rem 1rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control:focus { border-color: rgba(37, 99, 235, 0.4); box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.15); } .form-control::placeholder { color: #9ca3af; opacity: 0.8; } .wizard-form-error { margin-top: 0.25rem; min-height: 1.25rem; } .dropdown-arrow { transition: transform 0.3s ease, color 0.2s ease; color: #6b7280; font-size: 1.25rem; } .dropdown-arrow.rotated { transform: rotate(180deg); color: #2563eb; } .section-icon { color: #4b5563; margin-right: 0.75rem; font-size: 1.25rem; transition: color 0.2s ease; } .active .section-icon { color: #2563eb; } .btn-next { background-color: #2563eb; color: white; border: none; border-radius: 0.5rem; padding: 0.75rem 2rem; font-weight: 600; transition: all 0.2s ease; box-shadow: 0 0.125rem 0.25rem rgba(37, 99, 235, 0.15); } .btn-next:hover { background-color: #1d4ed8; box-shadow: 0 0.25rem 0.5rem rgba(37, 99, 235, 0.2); transform: translateY(-1px); } .required-field::after { content: "*"; color: #ef4444; margin-left: 0.25rem; }