.job-form-container{width:75%;margin:150px auto 300px;padding:20px;border:1px solid #739aaf;border-radius:8px;background-color:#f9f9f9}.job-form-container .required{color:red;margin-left:2px;font-size:16px}.job-form-container h2{text-align:center;color:#014e78;margin-bottom:20px}.job-form-container fieldset{border:1px solid #739aaf;border-radius:6px;margin-bottom:20px;padding:20px}.job-form-container fieldset legend{padding:0 10px;font-weight:700;color:#014e78}.react-select-container{width:100%}.react-select__control{border:1px solid #739aaf;border-radius:4px;padding:2px;font-size:14px;color:#333}.react-select__control--is-focused{border-color:#014e78;box-shadow:0 0 0 1px #014e78}.react-select__menu{z-index:999}.react-select__option{padding:8px}.react-select__option--is-selected{background-color:#014e78;color:#fff}.react-select__option--is-focused{background-color:#e2eaf0}.progress-indicator{display:flex;justify-content:space-between;margin-bottom:20px}.progress-indicator .step{margin-bottom:20px;margin-left:10px;margin-right:30px;width:40px;height:40px;border-radius:50%;background-color:#ccc;display:flex;align-items:center;justify-content:center;color:#014e78;font-weight:700;position:relative}.progress-indicator .step.completed{background-color:#014e78;color:#ccc}.progress-indicator .step .step-label{position:absolute;top:50px;left:50%;transform:translate(-50%);font-size:.8em;white-space:nowrap;color:#014e78}.form-step{display:none}.form-step.active{display:block}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px;color:#014e78}.form-group input[type=text],.form-group input[type=date],.form-group input[type=email],.form-group input[type=file],.form-group select{width:100%;padding:8px;box-sizing:border-box;border:1px solid #739aaf;border-radius:4px}.form-group .error-text{color:red;font-size:.8rem;margin-top:5px}.qualification-row,.registration-row,.experience-row,.reference-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;margin-bottom:5px}.qualifications-table{width:100%;border-collapse:collapse;margin-bottom:10px}.qualifications-table th,.qualifications-table td{border:1px solid #739aaf;padding:8px;text-align:left;color:#333}.qualifications-table th{background-color:#e2eaf0;color:#014e78;font-weight:700}.qualifications-table .delete-btn{background:none;border:none;color:red;cursor:pointer;font-size:1.2em;padding:0 10px}.qualifications-table .delete-btn:hover{color:#c00}.add-qualification-btn{padding:4px 8px;background-color:#014e78;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-bottom:20px}.add-qualification-btn:hover{background-color:#013a5a}.current-photo{border:1px solid #ccc;padding:5px;border-radius:5px;margin-top:10px;max-width:100px}.form-navigation{display:flex;justify-content:space-between;margin-top:20px}.form-navigation button{padding:10px 20px;background-color:#014e78;color:#fff;border:none;border-radius:5px;cursor:pointer}.form-navigation button:hover{background-color:#013a5a}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background-color:#fff;padding:20px;border-radius:6px;width:400px;max-width:90%;box-shadow:0 2px 10px #0000004d}.modal-content h3{margin-top:0;color:#014e78}.modal-content .modal-form-group{margin-bottom:15px}.modal-content .modal-form-group label{display:block;font-weight:700;margin-bottom:5px;color:#014e78}.modal-content .modal-form-group input[type=text],.modal-content .modal-form-group input[type=date]{width:100%;padding:6px;border:1px solid #739aaf;border-radius:4px;font-size:14px}.modal-content .modal-buttons{display:flex;justify-content:flex-end;gap:10px}.modal-content .modal-buttons button{padding:8px 16px;background-color:#014e78;color:#fff;border:none;border-radius:4px;cursor:pointer}.modal-content .modal-buttons button:hover{background-color:#013a5a}.helper-text{font-size:.7em;color:#555;margin-bottom:-100px}.helper-text1{font-size:.7em;color:#555}@media (max-width: 768px){.qualification-row,.registration-row,.experience-row,.reference-row{grid-template-columns:1fr}.progress-indicator .step .step-label{display:none}}@media (max-width: 360px){.job-form-container{width:90%;margin-top:100px;margin-bottom:100px;padding:15px}.progress-indicator .step{margin-left:5px;margin-right:10px;width:30px;height:30px;font-size:.75rem}.progress-indicator .step .step-label{top:35px;font-size:.7rem}.form-group{margin-bottom:10px}.form-group label{font-size:.9rem}.form-group input[type=text],.form-group input[type=date],.form-group input[type=email],.form-group input[type=file],.form-group select{font-size:.85rem;padding:6px}.form-group .error-text{font-size:.6rem}.add-qualification-btn{font-size:.85rem;padding:4px 10px;margin-bottom:15px}.qualifications-table{width:100%;table-layout:auto;margin-bottom:10px;display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.qualifications-table th,.qualifications-table td{font-size:.65rem;padding:4px;min-width:80px;text-align:left}.qualifications-table.four-cols th,.qualifications-table.four-cols td,.qualifications-table.five-cols th,.qualifications-table.five-cols td{min-width:80px;font-size:.65rem;padding:4px}.qualifications-table .delete-btn{font-size:1em;padding:0 5px}.form-navigation button{font-size:.85rem;padding:8px 12px;margin:0 5px}.modal-content{width:85%;padding:15px}.modal-content h3{font-size:1rem}.modal-content .modal-form-group{margin-bottom:10px}.modal-content .modal-form-group label{font-size:.85rem}.modal-content .modal-form-group input[type=text],.modal-content .modal-form-group input[type=date]{font-size:.8rem;padding:5px;margin-bottom:2px;margin-top:-2px}.modal-content .modal-buttons button{font-size:.8rem;padding:6px 10px}.helper-text{font-size:.65rem;margin-bottom:-15px}.helper-text1{font-size:.65rem}}@media (max-width: 414px),(max-width: 390px),(max-width: 375px),(max-width: 430px),(max-width: 768px),(max-width: 820px),(max-width: 1024px),(max-width: 1280px){.job-form-container{width:90%;margin-top:100px;margin-bottom:100px;padding:15px}.progress-indicator .step{margin-left:5px;margin-right:10px;width:30px;height:30px;font-size:.75rem}.progress-indicator .step .step-label{top:35px;font-size:.7rem}.form-group{margin-bottom:10px}.form-group label{font-size:.9rem}.form-group input[type=text],.form-group input[type=date],.form-group input[type=email],.form-group input[type=file],.form-group select{font-size:.85rem;padding:6px}.form-group .error-text{font-size:.7rem}.add-qualification-btn{font-size:.85rem;padding:4px 10px;margin-bottom:15px}.qualifications-table{width:100%;table-layout:auto;margin-bottom:10px;display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.qualifications-table th,.qualifications-table td{font-size:.65rem;padding:4px;min-width:80px;text-align:left}.qualifications-table.four-cols th,.qualifications-table.four-cols td,.qualifications-table.five-cols th,.qualifications-table.five-cols td{min-width:80px;font-size:.65rem;padding:4px}.qualifications-table .delete-btn{font-size:1em;padding:0 5px}.form-navigation button{font-size:.85rem;padding:8px 12px;margin:0 5px}.modal-content{width:85%;padding:15px}.modal-content h3{font-size:1rem}.modal-content .modal-form-group{margin-bottom:10px}.modal-content .modal-form-group label{font-size:.85rem}.modal-content .modal-form-group input[type=text],.modal-content .modal-form-group input[type=date]{font-size:.8rem;padding:5px;margin-bottom:2px;margin-top:-2px}.modal-content .modal-buttons button{font-size:.8rem;padding:6px 10px}.helper-text{font-size:.65rem;margin-bottom:-15px}.helper-text1{font-size:.65rem}}