@charset "UTF-8";.page-register-doctor{background-color:#f4f7fa}.register-doctor-logo{height:auto;max-width:230px}.left-hero-section{background:#fff;overflow:hidden;position:relative}.hero-doctor-wrapper{display:inline-block;margin-bottom:2rem;position:relative}.hero-doctor-wrapper img{position:relative;z-index:2}.feature-item-list{display:flex;flex-direction:column;gap:1.5rem}.feature-icon-badge{align-items:center;background:#f8fafc;border:1px solid #e5ebf0;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.04);display:flex;height:52px;justify-content:center;min-width:52px;transition:transform .2s ease,box-shadow .2s ease;width:52px}.feature-icon-badge:hover{box-shadow:0 8px 16px rgba(0,0,0,.08);transform:translateY(-2px)}.text-teal{color:#0d9488!important}@media (min-width:992px){.register-doctor-form-sticky{height:100vh;max-height:100vh;overflow-y:auto;position:sticky;top:0}}.position-relative .form-control.is-invalid,.position-relative .form-control.is-valid{padding-right:3rem!important}.position-relative .form-control.is-invalid~#togglePassword,.position-relative .form-control.is-invalid~#togglePasswordConfirmation,.position-relative .form-control.is-valid~#togglePassword,.position-relative .form-control.is-valid~#togglePasswordConfirmation{right:1.75rem!important}.position-relative .flag-select-btn{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}@media (min-width:992px){.w-lg-660{width:660px}}.otp-input{border-radius:8px;font-size:1.2rem;font-weight:700;height:45px;width:45px}@media (min-width:576px){.otp-input{font-size:1.5rem;height:50px;width:50px}}.password-strength-bar{background-color:#e9ecef;border-radius:3px;height:5px;transition:all .3s ease}@media (min-width:768px){.form-step{min-height:400px}}.qualification-entry{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:15px;padding:12px}@media (min-width:576px){.qualification-entry{padding:15px}}.image-preview img{border-radius:8px;max-height:100px;max-width:100px;-o-object-fit:cover;object-fit:cover}@media (min-width:576px){.image-preview img{max-height:120px;max-width:120px}}.wizard-timeline-wrapper{margin-bottom:2rem;padding:0 4px;position:relative}@media (min-width:768px){.wizard-timeline-wrapper{margin-bottom:2.5rem;padding:0 10px}}.wizard-timeline{align-items:flex-start;display:flex;justify-content:space-between;position:relative}.timeline-track{background-color:#e2e8f0;height:2px;left:12.5%;position:absolute;right:12.5%;top:15px;transform:translateY(-50%);z-index:1}@media (min-width:768px){.timeline-track{top:20px}}.wizard-timeline-wrapper[data-steps="7"] .timeline-track,.wizard-timeline[data-steps="7"] .timeline-track{left:7.14%;right:7.14%}.timeline-track-progress{background-color:#364f6b;height:100%;transition:width .35s ease-in-out;width:0}.timeline-step{align-items:center;display:flex;flex:1;flex-direction:column;position:relative;text-align:center;z-index:2}.timeline-circle{align-items:center;background-color:#fff;border:2px solid #cbd5e1;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.05);color:#475569;display:flex;font-size:.78rem;font-weight:700;height:30px;justify-content:center;transition:all .3s ease;width:30px}@media (min-width:768px){.timeline-circle{font-size:.95rem;height:40px;width:40px}}.timeline-circle span{display:inline-block}.timeline-label{color:#64748b;font-size:.65rem;font-weight:500;line-height:1.15;margin-top:6px;transition:all .3s ease}@media (min-width:768px){.timeline-label{font-size:.82rem;line-height:1.25;margin-top:10px}}.timeline-step.active .timeline-circle{background-color:#364f6b;border-color:#364f6b;box-shadow:0 4px 10px rgba(54,79,107,.35);color:#fff;transform:scale(1.08)}.timeline-step.active .timeline-label{color:#364f6b;font-weight:700}.timeline-step.completed .timeline-circle{background-color:#364f6b;border-color:#364f6b;color:#fff}.timeline-step.completed .timeline-circle span{display:none}.timeline-step.completed .timeline-circle:after{content:"✓";font-size:.85rem;font-weight:700}@media (min-width:768px){.timeline-step.completed .timeline-circle:after{font-size:1rem}}.timeline-step.completed .timeline-label{color:#364f6b;font-weight:600}
