.container{max-width:1000px;margin:0 auto;padding:30px;border-radius:1rem;background-color:var(--login-form-color);box-shadow:0 5px 10px rgba(0,0,0,0.1);margin-top:20px;margin-bottom:40px}.container img{width:8%;display:block;margin:0 auto;border-radius:50%;margin-bottom:10px}.container header{position:relative;font-size:30px;font-weight:600;color:var(--text-color);text-align:center;margin-bottom:20px}.container hr{border:0;height:4px;border-radius:20px;color:#0077b6;background-color:#0077b6;width:0;margin-bottom:20px;animation:animateLine 2s infinite;margin:0 auto}@keyframes animateLine{0%{width:0}100%{width:100px}}.title{text-align:center}.container form .title{display:block;margin-bottom:8px;font-size:20px;font-weight:500;margin:6px 0;margin-top:20px;color:var(--text-color);text-align:center}.container form .fields{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}form .fields .input-field{display:flex;width:calc(100% / 3 - 15px);flex-direction:column;margin:4px 0}select{cursor:pointer}.input-field label{font-size:17px;font-weight:500;color:var(--text-color)}.input-field input,select{outline:none;font-size:14px;font-weight:400;color:var(--text-color);border-radius:5px;border:1px solid #aaaaaa;padding:0 15px;height:42px;margin:8px 0;width:100%;background:var(--body-color)}.input-field input :focus,.input-field select:focus{box-shadow:0 3px 6px rgba(0,0,0,0.13)}.input-field select,.input-field input[type="date"]{color:#707070}.input-field.full-width{width:100%}.container form .fields .input-field.full-width{width:100%}.file{opacity:0;width:0.1px;height:0.1px;position:absolute}.file-input label:nth-child(n+2){display:block;position:relative;margin-top:10px;margin-bottom:10px;width:100%;height:42px;border-radius:5px;background-color:#ffffff;display:flex;align-items:center;justify-content:center;color:#000000;font-weight:bold;cursor:pointer;transition:transform .2s ease-out}.container form .submit{display:flex;align-items:center;justify-content:center;height:45px;width:250px;border:none;outline:none;color:#fff;border-radius:5px;margin:0 auto;background-color:#0077b6;transition:all 0.3s linear;cursor:pointer}.container form .btnText{font-size:14px;font-weight:400}form .submit:hover{background-color:darkblue}form .submit i{margin:0 6px}form .buttons{display:flex;align-items:center}.container form .submit:disabled{opacity:0.5;cursor:not-allowed}.preview{text-align:center;margin-top:20px;margin-bottom:20px}.preview img{background:rgba(255,255,255,0.1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);-ms-backdrop-filter:blur(15px);-moz-backdrop-filter:blur(15px);box-shadow:0 4px 21px -12px rgb(0,0,0);margin-top:20px;border-radius:50%;width:70px;height:70px;object-fit:cover}input[type="date"],select{color:var(--text-color)!important}.captcha-container{margin-top:20px;display:flex;align-items:center;gap:5px}#captcha-image{width:100px;height:auto;border-radius:5px;margin:0}.refresh-button{background-color:var(--body-color);color:var(--text-color);border:none;cursor:pointer;padding:10px;border-radius:50%;font-size:17px;display:flex;align-items:center;margin-right:4px}.refresh-button:hover{color:darkblue}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.refresh-button.loading{animation:spin 1s linear infinite;pointer-events:none}.role-selection{margin-bottom:20px}.role-cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:15px}.role-card{background:var(--grey);border:2px solid #e0e0e0;border-radius:12px;padding:20px;width:300px;text-align:center;cursor:pointer;transition:all 0.3s ease;position:relative;box-shadow:0 4px 8px rgba(0,0,0,0.1);user-select:none}.role-card:hover{transform:translateY(-5px);border-color:#0077b6;box-shadow:0 6px 12px rgba(0,0,0,0.15)}.role-card.active{border-color:#0077b6;background:#e6f0fa;color:black}.role-card.active h3,.role-card.active p{color:black}.role-card .card-content i{font-size:40px;color:#0077b6;margin-bottom:10px}.role-card h3{font-size:20px;font-weight:600;color:var(--text-color);margin:10px 0}.role-card p{font-size:14px;color:var(--text-color);margin:0}.role-card .card-checkbox{position:absolute;top:10px;right:10px;display:none}.role-card.active .card-checkbox{display:block}.role-card .card-checkbox i{font-size:24px;color:#0077b6}#role-feedback{display:none;color:#dc3545;font-size:80%;margin-top:10px;text-align:center}@media (max-width:768px){.refresh-button{font-size:14px}.role-cards{flex-direction:column;align-items:center}.role-card{width:100%;max-width:350px}}@media (max-width:600px){#captcha-image{width:80px}}@media (max-width:1207px){.container{padding:40px;margin:95px}}@media (max-width:1040px){.container{padding:40px;margin:35px}.container img{width:15%}}@media (max-width:768px){.container{padding:20px;margin:20px;margin-bottom:110px}.container form .submit.full-width{width:100%}.input-field label[for="in1"]{margin-top:40px}}@media (max-width:750px){.container form{overflow-y:scroll}.container form::-webkit-scrollbar{display:none}form .fields .input-field{width:calc(100% / 2 - 15px)}}@media (max-width:580px){.container img{width:30%}}@media (max-width:550px){form .fields .input-field{width:100%}.container img{width:30%}.role-card{padding:15px}.role-card h3{font-size:18px}.role-card p{font-size:13px}}@media (max-width:424px){.input-field label[for="in1"]{margin-top:50px}}@media (max-width:314px){.input-field label[for="in1"]{margin-top:60px}}@media (max-width:260px){.input-field label[for="in1"]{margin-top:70px}}.input-wrapper{position:relative;width:100%}.input-field{position:relative;margin-bottom:1rem}.input-field label{margin-top:20px}.input-field input{width:100%}.input-field .invalid-feedback{position:absolute;top:100%;left:0;width:100%;font-size:80%;color:#dc3545;margin-top:0.25rem;transition:margin-top 0.3s ease}.password-toggle{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--color-black);z-index:1}.password-toggle i{font-size:1rem}.file-input{position:relative}.file-input input[type="file"]{display:none}.file-input label{cursor:pointer}.file-input .preview{margin-top:1rem}.password-toggle i{font-size:1rem;transition:opacity 0.3s ease}.password-toggle #eyeSlashIcon1,.password-toggle #eyeSlashIcon2{display:none}.password-toggle.active #eyeIcon1,.password-toggle.active #eyeIcon2{display:none}.password-toggle.active #eyeSlashIcon1,.password-toggle.active #eyeSlashIcon2{display:inline}.alert{position:relative;padding:0.75rem 1.25rem;margin-bottom:1rem;margin-top:1rem;border:1px solid transparent;border-radius:0.25rem;text-align:left;line-height:1.8rem}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb;border-left:5px solid #178344}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;border-left:5px solid #8f130c}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb;border-left:5px solid #012930}.closeBtn{float:right;margin-left:0;font-size:30px;line-height:20px;cursor:pointer;transition:0.4s;border-radius:50%;padding:10px;margin-top:-10px}.closeBtn:hover{background-color:#F1F0F6}.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.was-validated .form-control:valid,.form-control.is-valid{border-color:#28a745;padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem)}.was-validated .custom-select:valid,.custom-select.is-valid{border-color:#28a745;padding-right:calc(0.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{color:#28a745}.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip{display:block}.was-validated .custom-control-input:valid~.custom-control-label,.custom-control-input.is-valid~.custom-control-label{color:#28a745}.was-validated .custom-control-input:valid~.custom-control-label::before,.custom-control-input.is-valid~.custom-control-label::before{border-color:#28a745}.was-validated .custom-control-input:valid:checked~.custom-control-label::before,.custom-control-input.is-valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.was-validated .custom-control-input:valid:focus~.custom-control-label::before,.custom-control-input.is-valid:focus~.custom-control-label::before{box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.was-validated .custom-file-input:valid~.custom-file-label,.custom-file-input.is-valid~.custom-file-label{border-color:#28a745}.was-validated .custom-file-input:valid:focus~.custom-file-label,.custom-file-input.is-valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}.invalid-feedback{display:none;width:100%;margin-top:0.25rem;font-size:80%;color:#dc3545;position:absolute;top:100%;left:0;transition:margin-top 0.3s ease}.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#dc3545;padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .custom-select:invalid,.custom-select.is-invalid{border-color:#dc3545;padding-right:calc(0.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{color:#dc3545}.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip{display:block}.was-validated .custom-control-input:invalid~.custom-control-label,.custom-control-input.is-invalid~.custom-control-label{color:#dc3545}.was-validated .custom-control-input:invalid~.custom-control-label::before,.custom-control-input.is-invalid~.custom-control-label::before{border-color:#dc3545}.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,.custom-control-input.is-invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,.custom-control-input.is-invalid:focus~.custom-control-label::before{box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.was-validated .custom-file-input:invalid~.custom-file-label,.custom-file-input.is-invalid~.custom-file-label{border-color:#dc3545}.was-validated .custom-file-input:invalid:focus~.custom-file-label,.custom-file-input.is-invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}.input-field .payment-info{text-align:center;backdrop-filter:blur(5px);padding:15px;border-radius:10px}.input-field .payment-box{background:white;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.1);display:inline-block;text-align:left;color:#000}.input-field .payment-box p{margin:5px 0;font-size:16px;font-weight:bold}.footer{display:none!important}