/* job page: theme utilities this page uses that the critical subset lacked (14 Oct 2026, round 31, placed first on 14 Oct evening: it had been appended after the page rules and .col-sm-12 then outranked .col-md-8) */
.h6{margin-top: 0;margin-bottom: 0.5rem;font-weight: 600;line-height: 1.2;color: #1e2022;}.h6{font-size: 0.875rem;}.list-inline{padding-left: 0;list-style: none;}.list-inline-item{display: inline-block;}.list-inline-item:not(:last-child){margin-right: 0.25rem;}.img-fluid{max-width: 100%;height: auto;}.col{-ms-flex: 1 0 0%;flex: 1 0 0%;}.col-auto{-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;}.g-3{--bs-gutter-x: 1rem;}.g-3{--bs-gutter-y: 1rem;}.gy-5{--bs-gutter-y: 2rem;}@media (min-width: 576px){.col-sm-auto{-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;}.col-sm-12{-ms-flex: 0 0 auto;flex: 0 0 auto;width: 100%;}}@media (min-width: 768px){.col-md-3{-ms-flex: 0 0 auto;flex: 0 0 auto;width: 25%;}}.col-form-label{padding-top: 0.675rem;padding-bottom: 0.675rem;margin-bottom: 0;font-size: inherit;line-height: 1.5;color: #1e2022;}.form-text{margin-top: 1rem;font-size: 0.875em;color: #8c98a4;}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right: 0;padding-left: 0;}.form-control-sm{min-height: calc(1.5em + 1.125rem);padding: 0.5rem 1rem;font-size: 0.875rem;border-radius: 0.3125rem;}.form-control-sm::file-selector-button{padding: 0.5rem 1rem;margin: -0.5rem -1rem;-webkit-margin-end: 1rem;-moz-margin-end: 1rem;margin-inline-end: 1rem;}.form-control-sm::-webkit-file-upload-button{padding: 0.5rem 1rem;margin: -0.5rem -1rem;-webkit-margin-end: 1rem;margin-inline-end: 1rem;}.form-control-lg{min-height: calc(1.5em + 1.625rem);padding: 0.75rem 1rem;font-size: 1rem;border-radius: 0.3125rem;}.form-control-lg::file-selector-button{padding: 0.75rem 1rem;margin: -0.75rem -1rem;-webkit-margin-end: 1rem;-moz-margin-end: 1rem;margin-inline-end: 1rem;}.form-control-lg::-webkit-file-upload-button{padding: 0.75rem 1rem;margin: -0.75rem -1rem;-webkit-margin-end: 1rem;margin-inline-end: 1rem;}textarea.form-control-sm{min-height: calc(1.5em + 1.125rem);}textarea.form-control-lg{min-height: calc(1.5em + 1.625rem);}.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not( .valid-feedback ):not(.invalid-tooltip):not(.invalid-feedback){margin-left: -0.0625rem;border-top-left-radius: 0;border-bottom-left-radius: 0;}.invalid-feedback{display: none;width: 100%;margin-top: 0.25rem;font-size: 0.875em;color: #ed4c78;}.is-invalid ~ .invalid-feedback,.was-validated :invalid ~ .invalid-feedback{display: block;}.form-check-inline .form-check-input ~ .invalid-feedback{margin-left: 0.5em;}.btn-primary{color: #fff;background-color: #377dff;border-color: #377dff;}.btn-primary:hover{color: #fff;background-color: #2f6ad9;border-color: #2c64cc;}.btn-check:focus + .btn-primary,.btn-primary:focus{color: #fff;background-color: #2f6ad9;border-color: #2c64cc;box-shadow: 0 0 0 0 rgba(85, 145, 255, 0.5);}.btn-check:active + .btn-primary,.btn-check:checked + .btn-primary,.btn-primary.active,.btn-primary:active,.show > .btn-primary.dropdown-toggle{color: #fff;background-color: #2c64cc;border-color: #295ebf;}.btn-check:active + .btn-primary:focus,.btn-check:checked + .btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show > .btn-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0 rgba(85, 145, 255, 0.5);}.btn-primary.disabled,.btn-primary:disabled{color: #fff;background-color: #377dff;border-color: #377dff;}.btn-success{color: #fff;background-color: #00c9a7;border-color: #00c9a7;}.btn-success:hover{color: #fff;background-color: #00ab8e;border-color: #00a186;}.btn-check:focus + .btn-success,.btn-success:focus{color: #fff;background-color: #00ab8e;border-color: #00a186;box-shadow: 0 0 0 0 rgba(38, 209, 180, 0.5);}.btn-check:active + .btn-success,.btn-check:checked + .btn-success,.btn-success.active,.btn-success:active,.show > .btn-success.dropdown-toggle{color: #fff;background-color: #00a186;border-color: #00977d;}.btn-check:active + .btn-success:focus,.btn-check:checked + .btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show > .btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0 rgba(38, 209, 180, 0.5);}.btn-success.disabled,.btn-success:disabled{color: #fff;background-color: #00c9a7;border-color: #00c9a7;}.btn-dark{color: #fff;background-color: #21325b;border-color: #21325b;}.btn-dark:hover{color: #fff;background-color: #1c2b4d;border-color: #1a2849;}.btn-check:focus + .btn-dark,.btn-dark:focus{color: #fff;background-color: #1c2b4d;border-color: #1a2849;box-shadow: 0 0 0 0 rgba(66, 81, 116, 0.5);}.btn-check:active + .btn-dark,.btn-check:checked + .btn-dark,.btn-dark.active,.btn-dark:active,.show > .btn-dark.dropdown-toggle{color: #fff;background-color: #1a2849;border-color: #192644;}.btn-check:active + .btn-dark:focus,.btn-check:checked + .btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show > .btn-dark.dropdown-toggle:focus{box-shadow: 0 0 0 0 rgba(66, 81, 116, 0.5);}.btn-dark.disabled,.btn-dark:disabled{color: #fff;background-color: #21325b;border-color: #21325b;}.btn-outline-primary{color: #377dff;border-color: #377dff;}.btn-outline-primary:hover{color: #fff;background-color: #377dff;border-color: #377dff;}.btn-check:focus + .btn-outline-primary,.btn-outline-primary:focus{box-shadow: 0 0 0 0 rgba(55, 125, 255, 0.5);}.btn-check:active + .btn-outline-primary,.btn-check:checked + .btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color: #fff;background-color: #377dff;border-color: #377dff;}.btn-check:active + .btn-outline-primary:focus,.btn-check:checked + .btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow: 0 0 0 0 rgba(55, 125, 255, 0.5);}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color: #377dff;background-color: transparent;}.btn-lg{padding: 0.75rem 1rem;font-size: 1rem;border-radius: 0.3125rem;}.btn-sm{padding: 0.5rem 1rem;font-size: 0.875rem;border-radius: 0.3125rem;}.btn-sm + .dropdown-toggle-split{padding-right: 0.75rem;padding-left: 0.75rem;}.btn-lg + .dropdown-toggle-split{padding-right: 0.75rem;padding-left: 0.75rem;}.navbar-brand{padding-top: 0.3125rem;padding-bottom: 0.3125rem;margin-right: 1rem;font-size: 1.25rem;white-space: nowrap;}.navbar-light .navbar-brand{color: #677788;}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color: #677788;}.navbar-dark .navbar-brand{color: #fff;}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color: #fff;}.alert{position: relative;padding: 0.75rem 0.75rem;margin-bottom: 1rem;border: 0.0625rem solid transparent;border-radius: 0.5rem;}.alert-dismissible{padding-right: 2.25rem;}.alert-dismissible .btn-close{position: absolute;top: 0;right: 0;z-index: 2;padding: 0.9375rem 0.75rem;}.toast{width: 350px;max-width: 100%;font-size: 0.875rem;pointer-events: auto;background-color: rgba(255, 255, 255, 0.85);background-clip: padding-box;border: 1px solid rgba(33, 50, 91, 0.1);box-shadow: 0 0.1875rem 0.375rem rgba(140, 152, 164, 0.25);border-radius: 0.5rem;}.toast.showing{opacity: 0;}.toast:not(.show){display: none;}.modal-dialog-centered{display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(100% - 1rem);}.modal-header{display: -ms-flexbox;display: flex;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;padding: 1rem 2rem;border-bottom: 0 solid rgba(33, 50, 91, 0.1);border-top-left-radius: 0.6875rem;border-top-right-radius: 0.6875rem;}.modal-header .btn-close{padding: 0.5rem 1rem;margin: -0.5rem -1rem -0.5rem auto;}.modal-footer{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-align: center;align-items: center;-ms-flex-pack: end;justify-content: flex-end;padding: 1.75rem;border-top: 0.0625rem solid rgba(33, 50, 91, 0.1);border-bottom-right-radius: 0.6875rem;border-bottom-left-radius: 0.6875rem;}.modal-footer > *{margin: 0.25rem;}@media (min-width: 576px){.modal-dialog-centered{min-height: calc(100% - 3.5rem);}}.modal-fullscreen .modal-header{border-radius: 0;}.modal-fullscreen .modal-footer{border-radius: 0;}@media (max-width: 575.98px){.modal-fullscreen-sm-down .modal-header{border-radius: 0;}.modal-fullscreen-sm-down .modal-footer{border-radius: 0;}}@media (max-width: 767.98px){.modal-fullscreen-md-down .modal-header{border-radius: 0;}.modal-fullscreen-md-down .modal-footer{border-radius: 0;}}@media (max-width: 991.98px){.modal-fullscreen-lg-down .modal-header{border-radius: 0;}.modal-fullscreen-lg-down .modal-footer{border-radius: 0;}}@media (max-width: 1199.98px){.modal-fullscreen-xl-down .modal-header{border-radius: 0;}.modal-fullscreen-xl-down .modal-footer{border-radius: 0;}}@media (max-width: 1399.98px){.modal-fullscreen-xxl-down .modal-header{border-radius: 0;}.modal-fullscreen-xxl-down .modal-footer{border-radius: 0;}}}.spinner-border{display: inline-block;width: 2rem;height: 2rem;vertical-align: -0.125em;border: 0.25em solid currentColor;border-right-color: transparent;border-radius: 50%;-webkit-animation: 0.75s linear infinite spinner-border;animation: 0.75s linear infinite spinner-border;}.spinner-border-sm{width: 1rem;height: 1rem;border-width: 0.2em;}@media (prefers-reduced-motion: reduce){.spinner-border{-webkit-animation-duration: 1.5s;animation-duration: 1.5s;}}.offcanvas-start{top: 0;left: 0;width: 400px;border-right: 0.0625rem solid transparent;-webkit-transform: translateX(-100%);transform: translateX(-100%);}.link-light{color: #f7faff;}.link-light:focus,.link-light:hover{color: #f9fbff;}.visually-hidden{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}.overflow-hidden{overflow: hidden !important;}.d-block{display: block !important;}.d-grid{display: grid !important;}.shadow-sm{box-shadow: 0 0.1875rem 0.375rem rgba(140, 152, 164, 0.25) !important;}.position-relative{position: relative !important;}.position-fixed{position: fixed !important;}.border{border: 0.0625rem solid rgba(33, 50, 91, 0.1) !important;}.border-0{border: 0 !important;}.w-100{width: 100% !important;}.w-85{width: 85% !important;}.h-100{height: 100% !important;}.flex-grow-1{-ms-flex-positive: 1 !important;flex-grow: 1 !important;}.gap-0{gap: 0 !important;}.gap-2{gap: 0.5rem !important;}.gap-3{gap: 1rem !important;}.gap-5{gap: 2rem !important;}.justify-content-end{-ms-flex-pack: end !important;justify-content: flex-end !important;}.justify-content-around{-ms-flex-pack: distribute !important;justify-content: space-around !important;}.align-items-center{-ms-flex-align: center !important;align-items: center !important;}.align-self-start{-ms-flex-item-align: start !important;align-self: flex-start !important;}.mx-auto{margin-right: auto !important;margin-left: auto !important;}.my-2{margin-top: 0.5rem !important;margin-bottom: 0.5rem !important;}.my-3{margin-top: 1rem !important;margin-bottom: 1rem !important;}.mt-0{margin-top: 0 !important;}.mt-2{margin-top: 0.5rem !important;}.mt-4{margin-top: 1.5rem !important;}.me-0{margin-right: 0 !important;}.me-1{margin-right: 0.25rem !important;}.me-2{margin-right: 0.5rem !important;}.mb-1{margin-bottom: 0.25rem !important;}.mb-5{margin-bottom: 2rem !important;}.mb-7{margin-bottom: 3rem !important;}.ms-1{margin-left: 0.25rem !important;}.ms-2{margin-left: 0.5rem !important;}.ms-3{margin-left: 1rem !important;}.p-2{padding: 0.5rem !important;}.p-3{padding: 1rem !important;}.p-5{padding: 2rem !important;}.px-3{padding-right: 1rem !important;padding-left: 1rem !important;}.px-4{padding-right: 1.5rem !important;padding-left: 1.5rem !important;}.px-5{padding-right: 2rem !important;padding-left: 2rem !important;}.py-2{padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}.pt-0{padding-top: 0 !important;}.pt-3{padding-top: 1rem !important;}.pb-0{padding-bottom: 0 !important;}.pb-1{padding-bottom: 0.25rem !important;}.fs-3{font-size: calc(1.25625rem + 0.075vw) !important;}.fs-4{font-size: 1.125rem !important;}.fs-5{font-size: 1rem !important;}.fw-light{font-weight: 300 !important;}.fw-normal{font-weight: 400 !important;}.fw-bolder{font-weight: bolder !important;}.text-start{text-align: left !important;}.text-decoration-none{text-decoration: none !important;}.text-decoration-underline{text-decoration: underline !important;}.text-primary{--bs-text-opacity: 1;color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;}.text-success{--bs-text-opacity: 1;color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;}.text-danger{--bs-text-opacity: 1;color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;}.text-light{--bs-text-opacity: 1;color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;}.text-black{--bs-text-opacity: 1;color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;}.text-reset{--bs-text-opacity: 1;color: inherit !important;}.bg-primary{--bs-bg-opacity: 1;background-color: rgba( var(--bs-primary-rgb), var(--bs-bg-opacity) ) !important;}.bg-warning{--bs-bg-opacity: 1;background-color: rgba( var(--bs-warning-rgb), var(--bs-bg-opacity) ) !important;}.bg-danger{--bs-bg-opacity: 1;background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;}.bg-light{--bs-bg-opacity: 1;background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;}.bg-white{--bs-bg-opacity: 1;background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;}.rounded{border-radius: 0.5rem !important;}.rounded-3{border-radius: 0.75rem !important;}.rounded-pill{border-radius: 50rem !important;}@media (min-width: 576px){.mb-sm-0{margin-bottom: 0 !important;}.mb-sm-3{margin-bottom: 1rem !important;}.py-sm-5{padding-top: 2rem !important;padding-bottom: 2rem !important;}}@media (min-width: 768px){.d-md-block{display: block !important;}.gap-md-0{gap: 0 !important;}.justify-content-md-between{-ms-flex-pack: justify !important;justify-content: space-between !important;}.align-self-md-center{-ms-flex-item-align: center !important;align-self: center !important;}.px-md-2{padding-right: 0.5rem !important;padding-left: 0.5rem !important;}}@media (min-width: 992px){.mb-lg-0{margin-bottom: 0 !important;}.pb-lg-2{padding-bottom: 0.5rem !important;}.content-space-b-lg-2{padding-bottom: 5rem !important;}}@media (min-width: 1200px){.fs-3{font-size: 1.3125rem !important;}}.bg-primary ::-moz-selection{color: #fff;background-color: rgba(255, 255, 255, 0.1);}.bg-primary ::selection{color: #fff;background-color: rgba(255, 255, 255, 0.1);}.avatar{position: relative;display: inline-block;width: 3.125rem;height: 3.125rem;border-radius: 0.5rem;}.avatar:not(img){background-color: #fff;}.avatar-circle .avatar{border-radius: 0%;}.avatar-group .avatar:hover{z-index: 2;}.avatar-group .avatar .avatar-img,.avatar-group .avatar .avatar-initials{border: 2px solid #fff;}.avatar-group .avatar + .avatar{margin-left: -1rem;}.avatar-group .avatar{width: 3.125rem;height: 3.125rem;}.avatar-group .avatar .avatar-initials{font-size: 1rem;}.avatar-group .avatar + .avatar{margin-left: -1rem;}.avatar-group-xs .avatar{width: 1.75rem;height: 1.75rem;}.avatar-group-xs .avatar .avatar-initials{font-size: 0.75rem;}.avatar-group-xs .avatar + .avatar{margin-left: -0.6125rem;}.avatar-group-sm .avatar{width: 2.5rem;height: 2.5rem;}.avatar-group-sm .avatar .avatar-initials{font-size: 0.8125rem;}.avatar-group-sm .avatar + .avatar{margin-left: -0.875rem;}.avatar-group-lg .avatar{width: 4.25rem;height: 4.25rem;}.avatar-group-lg .avatar .avatar-initials{font-size: 1.25rem;}.avatar-group-lg .avatar + .avatar{margin-left: -1.5rem;}.avatar-group-xl .avatar{width: 5.625rem;height: 5.625rem;}.avatar-group-xl .avatar .avatar-initials{font-size: 2rem;}.avatar-group-xl .avatar + .avatar{margin-left: -1.5rem;}.avatar-group-xxl .avatar{width: 7rem;height: 7rem;}.avatar-group-xxl .avatar .avatar-initials{font-size: 3rem;}.avatar-group-xxl .avatar + .avatar{margin-left: -2rem;}.avatar.avatar-circle .avatar-status{bottom: -0.21875rem;right: -0.21875rem;}.avatar.avatar-circle .avatar-sm-status{bottom: 0;right: 0;}.avatar.avatar-circle .avatar-lg-status{bottom: -0.325rem;right: -0.325rem;}.avatar-xss{width: 1rem;height: 1rem;}.avatar-xss .avatar-initials{font-size: 0.75rem;}.avatar.avatar-4x3{width: 4.16667rem;height: auto;border-radius: 0;}.avatar.avatar-4x3 .avatar-img{height: inherit;}.avatar-xss.avatar-4x3{width: 1.33333rem;height: 1rem;border-radius: 0;}.avatar-xss.avatar-4x3 .avatar-img{height: inherit;}.btn-transition{transition: all 0.2s ease-in-out;}.btn-transition:focus,.btn-transition:hover{-webkit-transform: translateY(-0.1875rem);transform: translateY(-0.1875rem);}.btn-check:focus + .btn-primary,.btn-primary:focus,.btn-primary:hover{box-shadow: 0 4px 11px rgba(55, 125, 255, 0.35);}.btn-check:focus + .btn-success,.btn-success:focus,.btn-success:hover{box-shadow: 0 4px 11px rgba(0, 201, 167, 0.35);}.btn-check:focus + .btn-dark,.btn-dark:focus,.btn-dark:hover{box-shadow: 0 4px 11px rgba(33, 50, 91, 0.35);}.btn-white{background-color: #fff;border-color: rgba(33, 50, 91, 0.1);}.btn-white.dropdown-toggle::after{background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%2371869d' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");transition: all 0.2s ease-in-out;}.btn-check:focus + .btn-white,.btn-white:focus,.btn-white:hover{color: #1366ff;box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);}.btn-check:focus + .btn-white.dropdown-toggle::after,.btn-white:focus.dropdown-toggle::after,.btn-white:hover.dropdown-toggle::after{background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23377dff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");}.btn-white.disabled,.btn-white:disabled{color: #bdc5d1;background-color: rgba(231, 234, 243, 0.5);}.btn-primary.dropdown-toggle::after{background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");transition: all 0.2s ease-in-out;}.btn-success.dropdown-toggle::after{background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");transition: all 0.2s ease-in-out;}.btn-dark.dropdown-toggle::after{background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");transition: all 0.2s ease-in-out;}.btn-check:focus + .btn-ghost-primary.btn-no-focus.btn-transition,.btn-ghost-primary.btn-no-focus.btn-transition.focus,.btn-ghost-primary.btn-no-focus.btn-transition:focus,.btn-ghost-primary.btn-no-focus.btn-transition:hover{-webkit-transform: translateY(0);transform: translateY(0);}.btn-check:focus + .btn-ghost-primary.btn-no-focus.btn-transition:hover,.btn-ghost-primary.btn-no-focus.btn-transition.focus:hover,.btn-ghost-primary.btn-no-focus.btn-transition:focus:hover,.btn-ghost-primary.btn-no-focus.btn-transition:hover:hover{-webkit-transform: translateY(-0.1875rem);transform: translateY(-0.1875rem);}.btn-check:focus + .btn-ghost-secondary.btn-no-focus.btn-transition,.btn-ghost-secondary.btn-no-focus.btn-transition.focus,.btn-ghost-secondary.btn-no-focus.btn-transition:focus,.btn-ghost-secondary.btn-no-focus.btn-transition:hover{-webkit-transform: translateY(0);transform: translateY(0);}.btn-check:focus + .btn-ghost-secondary.btn-no-focus.btn-transition:hover,.btn-ghost-secondary.btn-no-focus.btn-transition.focus:hover,.btn-ghost-secondary.btn-no-focus.btn-transition:focus:hover,.btn-ghost-secondary.btn-no-focus.btn-transition:hover:hover{-webkit-transform: translateY(-0.1875rem);transform: translateY(-0.1875rem);}.btn-check:focus + .btn-ghost-success.btn-no-focus.btn-transition,.btn-ghost-success.btn-no-focus.btn-transition.focus,.btn-ghost-success.btn-no-focus.btn-transition:focus,.btn-ghost-success.btn-no-focus.btn-transition:hover{-webkit-transform: translateY(0);transform: translateY(0);}.btn-check:focus + .btn-ghost-success.btn-no-focus.btn-transition:hover,.btn-ghost-success.btn-no-focus.btn-transition.focus:hover,.btn-ghost-success.btn-no-focus.btn-transition:focus:hover,.btn-ghost-success.btn-no-focus.btn-transition:hover:hover{-webkit-transform: translateY(-0.1875rem);transform: translateY(-0.1875rem);}.btn-check:focus + .btn-ghost-info.btn-no-focus.btn-transition,.btn-ghost-info.btn-no-focus.btn-transition.focus,.btn-ghost-info.btn-no-focus.btn-transition:focus,.btn-ghost-info.btn-no-focus.btn-transition:hover{-webkit-transform: translateY(0);transform: translateY(0);}.btn-check:focus + .btn-ghost-info.btn-no-focus.btn-transition:hover,.btn-ghost-info.btn-no-focus.btn-transition.focus:hover,.btn-ghost-info.btn-no-focus.btn-transition:focus:hover,.btn-ghost-info.btn-no-focus.btn-transition:hover:hover{-webkit-transform: translateY(-0.1875rem);transform: translateY(-0.1875rem);}.btn-check:focus + .btn-ghost-warning.btn-no-focus.btn-transition,.btn-ghost-warning.btn-no-focus.btn-transition.focus,.btn-ghost-warning.btn-no-focus.btn-transition:focus,.btn-ghost-warning.btn-no-focus.btn-transition:hover{-webkit-transform: translateY(0);transform: translateY(0);}.btn-check:focus + .btn-ghost-warning.btn-no-focus.btn-transition:hover,.btn-ghost-warning.btn-no-focus.btn-transition.focus:hover,.btn-ghost-warning.btn-no-focus.btn-transition:focus:hover,.btn-ghost-warning.btn-no-focus.btn-transition:hover:hover{-webkit-transform: translateY(-0.1875rem);transform: translateY(-0.1875rem);}.btn-check:focus + .btn-ghost-danger.btn-no-focus.btn-transition,.btn-ghost-danger.btn-no-focus.btn-transition.focus,.btn-ghost-danger.btn-no-focus.btn-transition:focus,.btn-ghost-danger.btn-no-focus.btn-transition:hover{-webkit-transform: translateY(0);transform: translateY(0);}.btn-check:focus + .btn-ghost-danger.btn-no-focus.btn-transition:hover,.btn-ghost-danger.btn-no-focus.btn-transition.focus:hover,.btn-ghost-danger.btn-no-focus.btn-transition:focus:hover,.btn-ghost-danger.btn-no-focus.btn-transition:hover:hover{-webkit-transform: translateY(-0.1875rem);transform: translateY(-0.1875rem);}.btn-check:focus + .btn-ghost-light.btn-no-focus.btn-transition,.btn-ghost-light.btn-no-focus.btn-transition.focus,.btn-ghost-light.btn-no-focus.btn-transition:focus,.btn-ghost-light.btn-no-focus.btn-transition:hover{-webkit-transform: translateY(0);transform: translateY(0);}.btn-check:focus + .btn-ghost-light.btn-no-focus.btn-transition:hover,.btn-ghost-light.btn-no-focus.btn-transition.focus:hover,.btn-ghost-light.btn-no-focus.btn-transition:focus:hover,.btn-ghost-light.btn-no-focus.btn-transition:hover:hover{-webkit-transform: translateY(-0.1875rem);transform: translateY(-0.1875rem);}.btn-check:focus + .btn-ghost-dark.btn-no-focus.btn-transition,.btn-ghost-dark.btn-no-focus.btn-transition.focus,.btn-ghost-dark.btn-no-focus.btn-transition:focus,.btn-ghost-dark.btn-no-focus.btn-transition:hover{-webkit-transform: translateY(0);transform: translateY(0);}.btn-check:focus + .btn-ghost-dark.btn-no-focus.btn-transition:hover,.btn-ghost-dark.btn-no-focus.btn-transition.focus:hover,.btn-ghost-dark.btn-no-focus.btn-transition:focus:hover,.btn-ghost-dark.btn-no-focus.btn-transition:hover:hover{-webkit-transform: translateY(-0.1875rem);transform: translateY(-0.1875rem);}.btn-check:focus + .btn-ghost-secondary.btn-no-focus.btn-transition,.btn-ghost-secondary.btn-no-focus.btn-transition.focus,.btn-ghost-secondary.btn-no-focus.btn-transition:focus,.btn-ghost-secondary.btn-no-focus.btn-transition:hover{-webkit-transform: translateY(0);transform: translateY(0);}.btn-check:focus + .btn-ghost-secondary.btn-no-focus.btn-transition:hover,.btn-ghost-secondary.btn-no-focus.btn-transition.focus:hover,.btn-ghost-secondary.btn-no-focus.btn-transition:focus:hover,.btn-ghost-secondary.btn-no-focus.btn-transition:hover:hover{-webkit-transform: translateY(-0.1875rem);transform: translateY(-0.1875rem);}.btn-soft-light{color: #f7faff;background-color: rgba(247, 250, 255, 0.1);border-color: transparent;}.btn-check:focus + .btn-soft-light,.btn-soft-light:focus,.btn-soft-light:hover{color: #000;background-color: #f7faff;}.btn-check:active + .btn-soft-light,.btn-check:checked + .btn-soft-light,.btn-soft-light.active,.btn-soft-light:active,.show > .btn-soft-light.dropdown-toggle{color: #000;background-color: #f7faff;border-color: transparent;}.btn-soft-light.disabled,.btn-soft-light:disabled{color: #f7faff;background-color: #f7faff;border-color: transparent;}.btn-soft-light.dropdown-toggle::after{background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23f7faff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");transition: all 0.2s ease-in-out;}.btn-check:focus + .btn-soft-light.dropdown-toggle::after,.btn-soft-light:focus.dropdown-toggle::after,.btn-soft-light:hover.dropdown-toggle::after{background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");}.btn-outline-primary.dropdown-toggle::after{background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23377dff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");transition: all 0.2s ease-in-out;}.btn-outline-primary:hover::after{background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");}.btn-check:active + .btn-outline-primary.dropdown-toggle::after,.btn-check:checked + .btn-outline-primary.dropdown-toggle::after,.btn-outline-primary.active.dropdown-toggle::after,.btn-outline-primary.dropdown-toggle.show.dropdown-toggle::after,.btn-outline-primary:active.dropdown-toggle::after{background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");}.btn-outline-primary{border-color: rgba(33, 50, 91, 0.1);}.btn-icon.btn-sm{font-size: 0.8125rem;width: 2.5rem;height: 2.5rem;}.btn-icon.btn-sm > svg{width: 0.8125rem;height: auto;}.btn-icon.btn-lg{font-size: 1.25rem;width: 4.25rem;height: 4.25rem;}.btn-icon.btn-lg > svg{width: 1.25rem;height: auto;}.form-text{margin-bottom: 0;}.input-group-merge .input-group-append{position: absolute;top: 1px;bottom: 1px;z-index: 4;background-color: transparent;}.input-group-merge .input-group-append.input-group-text{border-width: 0;}.input-group-merge .input-group-append{right: 1px;}.input-group-merge .form-control-sm{min-height: calc(1.5em + 0.875rem);}.input-group-merge .form-control-sm:not(:first-child){padding-left: 3.375rem;}.input-group-merge .form-control-sm:not(:last-child){padding-right: 3.375rem;}.input-group-merge .form-control-lg{min-height: calc(1.5em + 1.375rem);}.input-group-append{display: -ms-flexbox;display: flex;}.input-group > .input-group-append > .btn,.input-group > .input-group-append > .input-group-text{border-top-left-radius: 0;border-bottom-left-radius: 0;}.input-group > .input-group-append:last-child > .btn:not(:last-child),.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),.input-group > .input-group-append:not(:last-child) > .btn,.input-group > .input-group-append:not(:last-child) > .input-group-text{border-top-right-radius: 0;border-bottom-right-radius: 0;}@media (max-width: 767.98px){.input-group-md-down-break{display: block;}.input-group-md-down-break > .form-control,.input-group-md-down-break > .form-select{width: 100%;}.input-group-md-down-break > .form-control:first-child,.input-group-md-down-break > .form-select:first-child{border-top-left-radius: 0.3125rem !important;border-top-right-radius: 0.3125rem !important;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}.input-group-md-down-break > .form-control:not(:first-child):not(:last-child),.input-group-md-down-break > .form-select:not(:first-child):not(:last-child){border-radius: 0;}.input-group-md-down-break > .form-control:last-child,.input-group-md-down-break > .form-select:last-child{border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-right-radius: 0.3125rem !important;border-bottom-left-radius: 0.3125rem !important;}.input-group-md-down-break .form-control + .form-control,.input-group-md-down-break .form-control + .form-select,.input-group-md-down-break .form-control-plaintext + .form-control,.input-group-md-down-break .form-control-plaintext + .form-select,.input-group-md-down-break .form-select + .form-control,.input-group-md-down-break .form-select + .form-select{margin-left: 0 !important;margin-top: -0.0625rem;}}.col-form-label{font-size: 0.875rem;}.form-label-link{font-weight: 600;font-size: 0.875rem;margin-bottom: 0.5rem;}.list-py-1 > li:not(:first-child){padding-top: 0.25rem;}.list-py-1 > li:not(:last-child){padding-bottom: 0.25rem;}.list-separator .list-inline-item{position: relative;margin-left: 0;margin-right: -0.25rem;}.list-separator .list-inline-item:not(:last-child){padding-right: 2rem;}.list-separator .list-inline-item:not(:last-child)::after{position: absolute;top: 50%;right: 0.8rem;-webkit-transform: translateY(-50%);transform: translateY(-50%);content: "/";opacity: 0.4;}.list-separator-light .list-inline-item::after{color: #fff;}.modal-header{-ms-flex-align: center;align-items: center;padding-bottom: 0;}.modal-header .close{padding: 0.25rem 0.25rem;margin: 0 0 0 auto;}.modal-footer{border-top-width: 0.0625rem;}.modal-footer > *{margin-top: 0;margin-bottom: 0;}.navbar-brand{padding-top: 0;padding-bottom: 0;}@media (min-width: 576px){.navbar-expand-sm.navbar-end .navbar-topbar .navbar-nav{-ms-flex-positive: 1;flex-grow: 1;margin-left: 0;}.navbar-expand-sm.navbar-end .navbar-nav{-ms-flex-pack: end;justify-content: flex-end;margin-left: auto;}.navbar-expand-sm.navbar-end .navbar-absolute-top-scroller,.navbar-expand-sm.navbar-end .navbar-sticky-top-scroller{margin-left: auto;}}@media (min-width: 768px){.navbar-expand-md.navbar-end .navbar-topbar .navbar-nav{-ms-flex-positive: 1;flex-grow: 1;margin-left: 0;}.navbar-expand-md.navbar-end .navbar-nav{-ms-flex-pack: end;justify-content: flex-end;margin-left: auto;}.navbar-expand-md.navbar-end .navbar-absolute-top-scroller,.navbar-expand-md.navbar-end .navbar-sticky-top-scroller{margin-left: auto;}}@media (min-width: 992px){.navbar-expand-lg.navbar-end .navbar-topbar .navbar-nav{-ms-flex-positive: 1;flex-grow: 1;margin-left: 0;}.navbar-expand-lg.navbar-end .navbar-nav{-ms-flex-pack: end;justify-content: flex-end;margin-left: auto;}.navbar-expand-lg.navbar-end .navbar-absolute-top-scroller,.navbar-expand-lg.navbar-end .navbar-sticky-top-scroller{margin-left: auto;}}@media (min-width: 1200px){.navbar-expand-xl.navbar-end .navbar-topbar .navbar-nav{-ms-flex-positive: 1;flex-grow: 1;margin-left: 0;}.navbar-expand-xl.navbar-end .navbar-nav{-ms-flex-pack: end;justify-content: flex-end;margin-left: auto;}.navbar-expand-xl.navbar-end .navbar-absolute-top-scroller,.navbar-expand-xl.navbar-end .navbar-sticky-top-scroller{margin-left: auto;}}@media (min-width: 1400px){.navbar-expand-xxl.navbar-end .navbar-topbar .navbar-nav{-ms-flex-positive: 1;flex-grow: 1;margin-left: 0;}.navbar-expand-xxl.navbar-end .navbar-nav{-ms-flex-pack: end;justify-content: flex-end;margin-left: auto;}.navbar-expand-xxl.navbar-end .navbar-absolute-top-scroller,.navbar-expand-xxl.navbar-end .navbar-sticky-top-scroller{margin-left: auto;}}.navbar-expand.navbar-end .navbar-topbar .navbar-nav{-ms-flex-positive: 1;flex-grow: 1;margin-left: 0;}.navbar-expand.navbar-end .navbar-nav{-ms-flex-pack: end;justify-content: flex-end;margin-left: auto;}.navbar-expand.navbar-end .navbar-absolute-top-scroller,.navbar-expand.navbar-end .navbar-sticky-top-scroller{margin-left: auto;}@media (min-width: 576px){.navbar-sidebar-aside-sm .navbar-sidebar .navbar-brand{display: -ms-flexbox;display: flex;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-align: center;align-items: center;margin-right: 0;}}@media (min-width: 768px){.navbar-sidebar-aside-md .navbar-sidebar .navbar-brand{display: -ms-flexbox;display: flex;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-align: center;align-items: center;margin-right: 0;}}@media (min-width: 992px){.navbar-sidebar-aside-lg .navbar-sidebar .navbar-brand{display: -ms-flexbox;display: flex;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-align: center;align-items: center;margin-right: 0;}}@media (min-width: 1200px){.navbar-sidebar-aside-xl .navbar-sidebar .navbar-brand{display: -ms-flexbox;display: flex;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-align: center;align-items: center;margin-right: 0;}}@media (min-width: 1400px){.navbar-sidebar-aside-xxl .navbar-sidebar .navbar-brand{display: -ms-flexbox;display: flex;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-align: center;align-items: center;margin-right: 0;}}.navbar-sidebar-aside .navbar-sidebar .navbar-brand{display: -ms-flexbox;display: flex;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-align: center;align-items: center;margin-right: 0;}.navbar-sidebar-aside .navbar-sidebar .navbar-brand{display: none;}@media (max-width: 575.98px){.navbar-sidebar-aside-sm .navbar-sidebar .navbar-brand{display: none;}}@media (max-width: 767.98px){.navbar-sidebar-aside-md .navbar-sidebar .navbar-brand{display: none;}}@media (max-width: 991.98px){.navbar-sidebar-aside-lg .navbar-sidebar .navbar-brand{display: none;}}@media (max-width: 1199.98px){.navbar-sidebar-aside-xl .navbar-sidebar .navbar-brand{display: none;}}@media (max-width: 1399.98px){.navbar-sidebar-aside-xxl .navbar-sidebar .navbar-brand{display: none;}}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color: #677788;}.link{font-weight: 600;}.link-light:focus,.link-light:hover{color: rgba(255, 255, 255, 0.7);}.text-cap{display: block;color: #1e2022;font-size: 0.8125rem;font-weight: 600;letter-spacing: 0.03125rem;text-transform: uppercase;margin-bottom: 1rem;}.divider-center{display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;color: #8c98a4;}.divider-center::after,.divider-center::before{-ms-flex: 1 1 0%;flex: 1 1 0%;border-top: 0.0625rem solid rgba(33, 50, 91, 0.1);margin-top: 0.0625rem;content: "";}.divider-center::before{margin-right: 1.5rem;}.divider-center::after{margin-left: 1.5rem;}.tom-select-custom .ts-control.form-control-sm .ts-input.has-items{padding: 0.5rem 3rem 0.5rem 1rem;}.tom-select-custom .ts-control.form-control-lg .ts-input{padding: 0.75rem 3rem 0.75rem 1rem;}
/* ---- jobUtility/job.php ---- */

    .page-header-title {
        font-size: 1.5rem;
    }

    div#descbr img {
        max-width: 100% !important;
        margin: 20px 0px !important;
    }

    @media only screen and (max-width: 768px) {

        .viewAll {
            display: none;
        }

    }

    @media screen and (max-width: 920px) {
        #liveToast {
            width: 90%;
        }
    }

    .avatar-vector {
        border-radius: 5px;
        font-size: 28px;
        object-fit: contain;
        min-width: 55px;
        width: 55px;
        height: 47px;
        text-align: center;
        line-height: 48px;
        color: white;
    }


    .page-header {
        padding-bottom: 1rem !important;
        margin-bottom: 0rem !important;
    }

    .banner {
        padding-left: 1rem;
        margin-top: 75px;
        max-width: 238px;
        cursor: pointer;
        /* height: 100%; */
    }

    .mobile-banner {
        display: none;
    }

    @media screen and (max-width: 768px) {
        .banner {
            display: none;
        }

        .mobile-banner {
            max-width: 95%;
            margin: 0 auto;
            height: auto;
            display: block;
        }

        .content-space-t-2 {
            padding-top: 1rem !important;
        }

        #comp_logo {
            width: 50% !important;
            /* margin-left: auto !important;
            margin-right: auto !important; */
            display: block;
        }

        .avatar-lg {
            height: 7.25rem !important;
        }
    }


    .requiredFields {
        border: 1px solid red !important;
    }

/* ---- jobUtility/singleJob.php ---- */

    .job-header-section2 {
        min-height: 80px;
        padding: 10px 0;
        display: flex;
        justify-content: space-around;
        align-items: center;
        /* width: 100%; */
        gap: 100px;
    }

    .job-header-section2 .left-section {
        word-wrap: break-word;
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .job-header-section2 .left-section .header-img {
        height: 50px;
        width: 50px;
        border: 1px solid #e7e7f1;
        border-radius: 14px;
    }

    .job-header-section2 .left-section .job-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 23px;
        color: #373737;
    }

    .job-header-section2 .left-section .meta-section {
        font-size: 14px;
        color: #474d6a;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .job-header-section2 .left-section .meta-section .dot-separator {
        width: 3px;
        height: 3px;
        background-color: #474d6a;
        border-radius: 50%;
        display: inline-block;
    }

    .job-header-section2 .apply-btn {
        background-color: #377dff;
        color: #fff;
        border-radius: 40px;
        padding: 10px 14px;
        border: none;
        cursor: pointer;
        border: 1px solid #377dff;
        width: 90px;
    }

    .job-header-section2 .apply-btn.success {
        background-color: #28a745;
        color: #fff;
        border-radius: 40px;
        padding: 10px 14px;
        border: none;
        cursor: pointer;
        border: 1px solid #28a745;
        width: 90px;
    }


    @media (min-width: 768px) {
        .flex-md-row {
            -ms-flex-direction: row !important;
            flex-direction: row !important;
        }

        .d-md-none {
            display: none !important;
        }
    }

    @media (min-width: 576px) {
        .d-sm-none {
            display: none !important;
        }
    }

    @media (min-width: 768px) {
        .col-md-8 {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 66.66667%;
        }
    }

    @media (min-width: 768px) {
        .col-md-4 {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 33.33333%;
        }
    }

    @media (min-width: 992px) {
        .col-lg-3 {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 25%;
        }
    }


                        #verify-alert {
                            display: none;
                            color: #721c24;
                            background-color: #f8d7da;
                            border-color: #f5c6cb;
                        }
                    

                                    #descbr,
                                    #perks,
                                    #abtcmp {
                                        color: #000;
                                        font-size: 14px;
                                    }

                                    #descbr button:not(#getHired) {
                                        display: none;
                                    }
                                
/* ---- jobUtility/similarJobs.php ---- */

    .phone-close-btn {
        position: absolute;
        top: 20px;
        right: 20px;
        background: none;
        border: 2px solid #ddd;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #666;
        font-size: 18px;
        transition: transform 0.3s;
    }

    .phone-close-btn:hover {
        background-color: #f8f9fa;
        transform: scale(1.05);
    }

    .phone-icon {
        width: 80px;
        height: 80px;
        background: linear-gradient(135deg, #377cfd, #6366f1);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 1rem;
        color: white;
        font-size: 2rem;
    }

    #phoneInput {
        border: 2px solid #e9ecef;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        background-color: #f8f9fa;
    }

    #phoneInput:focus {
        outline: none;
        border-color: #007bff;
        background-color: white;
    }

    .phone-submit-btn {
        background: linear-gradient(135deg, #377cfd, #6366f1);
        border: none;
        border-radius: 25px;
        padding: 12px;
        color: white;
        font-weight: 600;
        width: 45%;
        margin-bottom: 1rem;
    }

    .phone-submit-btn:hover {
        transform: scale(1.02);
        color: white;
    }

/* ---- jobUtility/appliedModals.php ---- */

        .modal {
            background-color: rgba(0, 178, 255, 0.12);
        }

        #update-email-btn {
            display: none;
        }

        #back-btn {
            display: none;
        }
    
/* ---- jobUtility/apply-with-ai.php ---- */

  /* Was an unscoped `body { font-family: ... }` rule. job.php includes this
     component, so one widget was setting the typeface for the entire job page,
     h1 included, and overriding the site's own fonts. The modal inherits the
     page font instead. */

  .btn-gradient {
    background: linear-gradient(to right, #2563eb, #9333ea, #4f46e5);
    border: none;
    color: white;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    border-radius: 0.75rem;
    box-shadow: 0 10px 15px -3px rgba(147, 51, 234, 0.25);
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  }

  .btn-gradient:hover {
    background: linear-gradient(to right, #1d4ed8, #7e22ce, #4338ca);
    box-shadow: 0 10px 15px -3px rgba(147, 51, 234, 0.4);
    color: white;
  }

  .btn-gradient:active {
    transform: scale(0.98);
  }

  #applyWithAiFormModal .btn-green {
    background: linear-gradient(to right, #10b981, #059669, #0d9488);
  }

  #applyWithAiFormModal .btn-green:hover {
    background: linear-gradient(to right, #059669, #047857, #0f766e);
  }

  #applyWithAiFormModal .btn-purple {
    background: linear-gradient(to right, #9333ea, #db2777, #e11d48);
  }

  #applyWithAiFormModal .btn-purple:hover {
    background: linear-gradient(to right, #7e22ce, #be185d, #be123c);
  }

  #applyWithAiFormModal .btn-orange {
    background: linear-gradient(to right, #f97316, #ef4444, #ec4899);
  }

  #applyWithAiFormModal .btn-orange:hover {
    background: linear-gradient(to right, #ea580c, #dc2626, #db2777);
  }

  #applyWithAiFormModal .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
  }

  #applyWithAiFormModal .modal-content {
    position: relative;
    width: 100%;
    max-width: 28rem;
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 1.5rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
    padding: 2rem;
    overflow: hidden;
  }

  #applyWithAiFormModal .modal-bg-gradient {
    position: absolute;
    inset: 0;
    /* background: linear-gradient(
          to bottom right,
          rgba(219, 234, 254, 0.6),
          rgba(233, 213, 255, 0.4),
          rgba(224, 231, 255, 0.6)
        ); */
    pointer-events: none;
  }

  #applyWithAiFormModal .icon-circle {
    width: 3rem;
    height: 3rem;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.25);
    margin: 0 auto;
  }

  #applyWithAiFormModal .icon-circle.blue {
    background: linear-gradient(to bottom right, #3b82f6, #8b5cf6, #6366f1);
  }

  #applyWithAiFormModal .icon-circle.green {
    background: linear-gradient(to bottom right, #10b981, #059669, #0d9488);
  }

  #applyWithAiFormModal .icon-circle.purple {
    background: linear-gradient(to bottom right, #9333ea, #db2777, #e11d48);
  }

  #applyWithAiFormModal .icon-circle.orange {
    background: linear-gradient(to bottom right, #f97316, #ef4444, #ec4899);
  }

  #applyWithAiFormModal .icon-square {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3);
    margin: 0 auto;
    background: linear-gradient(to bottom right, #3b82f6, #9333ea, #6366f1);
  }

  #applyWithAiFormModal .icon-feature {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #applyWithAiFormModal .feature-card {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 0.75rem;
    backdrop-filter: blur(4px);
  }

  #applyWithAiFormModal .input-wrapper {
    position: relative;
    margin-top: 0.5rem;
  }

  #applyWithAiFormModal .input-gradient {
    position: absolute;
    inset: -2px;
    border-radius: 1rem;
    background: linear-gradient(to right,
        rgba(219, 234, 254, 0.4),
        rgba(233, 213, 255, 0.4),
        rgba(224, 231, 255, 0.4));
    opacity: 0.6;
    transition: opacity 0.5s;
  }

  #applyWithAiFormModal .input-blur {
    position: absolute;
    inset: -4px;
    border-radius: 1rem;
    background: linear-gradient(to right,
        rgba(219, 234, 254, 0.3),
        rgba(233, 213, 255, 0.3),
        rgba(224, 231, 255, 0.3));
    opacity: 0.4;
    filter: blur(4px);
  }

  #applyWithAiFormModal .form-control {
    position: relative;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 1rem;
    backdrop-filter: blur(12px);
    transition: all 0.3s;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    color: #374151;
  }

  #applyWithAiFormModal .form-control:focus {
    box-shadow: 0 0 0 3px rgba(147, 51, 234, 0.2);
    border-color: transparent;
  }

  #applyWithAiFormModal .upload-area {
    border: 2px dashed rgba(255, 255, 255, 0.5);
    border-radius: 1rem;
    padding: 2rem;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(12px);
    transition: all 0.3s;
    cursor: pointer;
  }

  #applyWithAiFormModal .upload-area:hover {
    background-color: rgba(255, 255, 255, 0.7);
  }

  #applyWithAiFormModal .progress-dots {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
  }

  #applyWithAiFormModal .progress-dot {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 9999px;
    background-color: rgba(255, 255, 255, 0.4);
    transition: all 0.5s;
    border: 1px solid;
  }

  #applyWithAiFormModal .progress-dot.active {
    background: linear-gradient(to right, #3b82f6, #8b5cf6);
    box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.5);
  }

  #applyWithAiFormModal .close-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    cursor: pointer;
    z-index: 10;
  }

  #applyWithAiFormModal .close-btn:hover {
    background-color: rgba(255, 255, 255, 0.7);
    transform: scale(1.1);
  }

  #applyWithAiFormModal .status-light {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 9999px;
    animation: pulse 2s infinite;
  }

  #applyWithAiFormModal .otp-input-group {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
  }

  #applyWithAiFormModal .otp-input {
    width: 3rem;
    height: 3rem;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
  }

  @keyframes pulse {
    0% {
      opacity: 0.5;
    }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0.5;
    }
  }

  #applyWithAiFormModal .text-green-800 {
    color: #065f46;
  }

  #applyWithAiFormModal .text-green-600 {
    color: #059669;
  }

  #applyWithAiFormModal .bg-success-light {
    background: linear-gradient(to right, #ecfdf5, #d1fae5);
    border: 1px solid rgba(16, 185, 129, 0.2);
    border-radius: 0.75rem;
    padding: 1rem;
  }

  #applyWithAiFormModal .upload-success {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: linear-gradient(to right, #ecfdf5, #d1fae5);
    border: 1px solid rgba(16, 185, 129, 0.2);
    border-radius: 0.75rem;
    backdrop-filter: blur(4px);
  }

  #applyWithAiFormModal .working-status {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-align: left;
  }

  #applyWithAiFormModal .badge-email {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0.25rem 0.75rem;
    border-radius: 0.5rem;
    backdrop-filter: blur(4px);
    font-size: 0.875rem;
  }

/* ---- jobUtility/questionnaire-offcanvas.php ---- */

    .text-container {
        background: #f3f5ff;
        padding: 5px 15px;
        border-radius: 10px 10px 10px 0;
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 0px;
        color: #000;
    }

    .questionnaire-list .answer {
        text-align: right;
        border-radius: 10px 10px 0px 10px;
    }

    .questionnaire-list .question {
        text-align: left;
        border-radius: 10px 10px 10px 0;
    }

    [contenteditable="true"] {
        border: 1px solid #ced4da;
        min-height: 20px;
        padding: 5px 10px;
        border-radius: 5px;
        outline: none;
    }

    /* show placeholder of contenteditable elements */
    [contenteditable="true"]:empty:before {
        content: attr(placeholder);
        color: #6c757d;
        pointer-events: none;
        display: block;
        /* For Firefox */
        font-size: 14px;
    }

    .cursor-pointer {
        cursor: pointer;
    }


    .typing-loader {
        text-align: left;
        margin-top: 15px;
    }

    .typing-loader span {
        display: inline-block;
        vertical-align: middle;
        width: 15px;
        height: 15px;
        background: #377dff;
        border-radius: 20px;
        animation: typing-loader 0.8s infinite alternate;
    }

    .typing-loader span:nth-of-type(2) {
        animation-delay: 0.2s;
    }

    .typing-loader span:nth-of-type(3) {
        animation-delay: 0.6s;
    }

    @keyframes typing-loader {
        0% {
            opacity: 0.9;
            transform: scale(0.5);
        }

        100% {
            opacity: 0.1;
            transform: scale(1);
        }
    }

/* ---- jobUtility/reportJob-offcanvas.php ---- */

    #reportJobOffcanvas {
        top: 0px !important;
        z-index: 1055;
    }

    .offcanvas-header {
        /* background: linear-gradient(135deg, #0356f0 0%, #377dff 100%); */
        padding: 1.25rem 1.5rem;
        border-bottom: 1px solid #e9edf4;
    }

    .offcanvas-header .offcanvas-title {
        color: #000;
        font-weight: 700;
        letter-spacing: -0.01em;
        display: flex;
        align-items: center;
        gap: 0.625rem;
        font-size: 18px;
    }

    .offcanvas-header .offcanvas-title i {
        font-size: 18px;
        filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
    }

    .offcanvas-header .btn-close {
        /* filter: brightness(0) invert(1); */
        opacity: 0.8;
        transition: opacity 0.2s, transform 0.2s;
    }

    .offcanvas-header .btn-close:hover {
        opacity: 1;
        /* transform: rotate(90deg); */
    }

    /* ---- Body ---- */
    .offcanvas-body {
        /* padding: 1.5rem; */
        /* background: #f8f9fc; */
        overflow-y: auto;
    }

    .offcanvas-body::-webkit-scrollbar {
        width: 6px;
    }

    .offcanvas-body::-webkit-scrollbar-track {
        background: transparent;
    }

    .offcanvas-body::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 3px;
    }

    .offcanvas-body::-webkit-scrollbar-thumb:hover {
        background: #94a3b8;
    }

    /* ---- Form Section Cards ---- */
    /* .form-section {
        background: #ffffff;
        border: 1px solid #e9edf4;
        border-radius: 12px;
        padding: 1.25rem 1.25rem 0.25rem 1.25rem;
        margin-bottom: 1rem;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
        transition: box-shadow 0.2s;
    }
    .form-section:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    } */
    .form-section .section-header {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
        border-bottom: 2px solid #f1f3f8;
        font-weight: 600;
        font-size: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: #475569;
    }

    .form-section .section-header i {
        font-size: 1rem;
    }

    .form-section .section-header .step-badge {
        margin-left: auto;
        background: #e9edf4;
        color: #64748b;
        font-size: 0.7rem;
        font-weight: 700;
        padding: 0.15rem 0.6rem;
        border-radius: 20px;
    }

    /* ---- Input styling ---- */
    .form-control,
    .form-select {
        border: 1.5px solid #e2e8f0;
        border-radius: 8px;
        padding: 0.6rem 0.85rem;
        /* font-size: 0.9rem; */
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .form-control:focus,
    .form-select:focus {
        border-color: #377dff;
        box-shadow: 0 0 0 3px rgba(55, 125, 255, 0.12);
    }

    /* .form-control::placeholder {
        color: #94a3b8;
        font-size: 0.85rem;
    } */

    /* ---- Labels ---- */
    .form-label {
        font-weight: 700;
        font-size: 16px;
        color: #334155;
        margin-bottom: 0.35rem;
    }

    legend.form-label {
        font-size: 0.85rem;
    }

    /* ---- Radio / Checkbox ---- */
    .form-check-input {
        width: 1.1em;
        height: 1.1em;
        margin-top: 0.2em;
        border: 2px solid #cbd5e1;
        transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
        cursor: pointer;
        border-radius: 1rem !important;
    }

    .form-check-input:checked {
        border-color: #377dff;
        background-color: #377dff;
    }

    .form-check-input:focus {
        border-color: #377dff;
        box-shadow: 0 0 0 3px rgba(55, 125, 255, 0.15);
    }

    .form-check-input[type="radio"]:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    }

    .form-check-label {
        cursor: pointer;
        font-size: 0.88rem;
        color: #334155;
    }

    .checkbox-group .form-check {
        padding: 0.35rem 0;
        transition: background 0.15s;
        border-radius: 6px;
        padding-left: 2rem;
    }

    .checkbox-group .form-check:hover {
        background: #f8f9fc;
    }

    .checkbox-group .form-check-input {
        margin-left: -1.65rem;
    }

    /* ---- Switch ---- */
    .form-switch .form-check-input {
        width: 2.5em;
        height: 1.3em;
        border-radius: 1.3em;
        border-color: #cbd5e1;
        cursor: pointer;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23cbd5e1'/%3e%3c/svg%3e");
        transition: background-position 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
    }

    .form-switch .form-check-input:checked {
        background-color: #377dff;
        border-color: #377dff;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    }

    .form-switch .form-check-input:focus {
        box-shadow: 0 0 0 3px rgba(55, 125, 255, 0.15);
    }

    /* ---- Validation ---- */
    .was-validated .form-control:invalid,
    .was-validated .form-select:invalid {
        border-color: #d61a1a;
        background-image: none;
    }

    .was-validated .form-control:invalid:focus,
    .was-validated .form-select:invalid:focus {
        box-shadow: 0 0 0 3px rgba(55, 125, 255, 0.15);
    }

    .was-validated .form-control:valid,
    .was-validated .form-select:valid {
        border-color: #198754;
    }

    .was-validated .form-check-input:invalid {
        border-color: #377dff;
    }

    /* ---- Footer ---- */
    .offcanvas-footer {
        background: #ffffff;
        border-top: 1px solid #e9edf4;
        padding: 1rem 1.5rem;
        display: flex;
        justify-content: flex-end;
        gap: 0.75rem;
        /* box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.04); */
    }

    .offcanvas-footer .btn {
        padding: 0.55rem 1.5rem;
        font-weight: 600;
        font-size: 0.88rem;
        border-radius: 8px;
        transition: all 0.2s;
    }

    .offcanvas-footer .btn-outline-secondary {
        border: 1.5px solid #e2e8f0;
        color: #475569;
    }

    .offcanvas-footer .btn-outline-secondary:hover {
        background: #f1f4f9;
        border-color: #cbd5e1;
        color: #1e293b;
    }

    .offcanvas-footer .btn-danger {
        background: linear-gradient(135deg, #377dff, #1a56db);
        border: none;
        box-shadow: 0 2px 8px rgba(55, 125, 255, 0.25);
    }

    .offcanvas-footer .btn-danger:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 14px rgba(55, 125, 255, 0.35);
    }

    .offcanvas-footer .btn-cancel {
        /* background: linear-gradient(135deg, #cfdcf5, #c1d5ff); */
        border: none;
        box-shadow: 0 2px 8px rgb(55 125 255 / 10%);
    }

    .offcanvas-footer .btn-cancel:hover {
        transform: translateY(-1px);
    }

    .offcanvas-footer .btn-danger:active {
        transform: translateY(0);
    }

    /* ---- Demo trigger button ---- */
    .demo-card {
        background: #fff;
        border-radius: 16px;
        padding: 3rem 2rem;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
        max-width: 520px;
        margin: 0 auto;
    }

    .demo-card .job-icon {
        width: 64px;
        height: 64px;
        background: linear-gradient(135deg, #fee2e2, #fecaca);
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 1rem;
        font-size: 1.75rem;
        color: #377dff;
    }
    
    .demo-trigger-btn {
        padding: 0.75rem 2rem;
        font-weight: 600;
        border-radius: 10px;
        /* background: linear-gradient(135deg, #377dff, #1a56db); */
        border: none;
        /* box-shadow: 0 4px 14px rgba(55, 125, 255, 0.3); */
        transition: all 0.25s;
    }

    .demo-trigger-btn:hover {
        transform: translateY(-2px);
        /* box-shadow: 0 6px 20px rgba(55, 125, 255, 0.4); */
    }

    /* ---- Job Info Card ---- */
    .job-info-card {
        background: #ffffff;
        border: 1px solid #e9edf4;
        border-radius: 14px;
        padding: 1.25rem 1.25rem;
        margin-bottom: 1rem;
        /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); */
        display: flex;
        align-items: flex-start;
        gap: 1rem;
    }

    .job-info-card .company-logo {
        /* width: 52px;
        height: 52px;
        border-radius: 12px;
        background: linear-gradient(135deg, #eef2ff, #e0e7ff);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.4rem;
        color: #377dff;
        flex-shrink: 0; */
    }

    .job-info-card .job-details {
        flex: 1;
        min-width: 0;
    }

    .job-info-card .job-details .job-title {
        font-weight: 600;
        font-size: 1rem;
        color: #1e293b;
        margin-bottom: 0.15rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .job-info-card .job-details .company-name {
        font-size: 0.85rem;
        color: #64748b;
        display: flex;
        align-items: center;
        gap: 0.35rem;
        margin: 5px 0;
    }

    .job-info-card .job-details .company-name i {
        font-size: 0.75rem;
    }

    .job-info-card .badge-remote {
        /* background: #ecfdf5; */
        /* color: #059669; */
        font-size: 0.8rem;
        font-weight: 600;
        /* padding: 0.2rem 0.6rem; */
        /* border-radius: 20px; */
        /* white-space: nowrap; */
    }

/* ---- jobUtility/jobModal-expireJob.php ---- */

        .modal .expire-job-card-width {
            max-width: 100% !important;
            max-height: 100% !important;
            width: 100% !important;
            height: 100% !important;
            margin: 0 !important;
            border-radius: 0 !important;
        }
    
/* ---- jobUtility/jobModal-apply.php ---- */

    #applynow .form-label {
        margin-bottom: .3rem
    }


    .resume-list {
        margin-bottom: 30px;
    }

    .resume-item {
        border: 2px solid #e0e0e0;
        border-radius: 8px;
        padding: 10px;
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        gap: 16px;
        transition: border-color 0.2s ease;
        cursor: pointer;
    }

    .resume-item:hover {
        border-color: #007bff;
    }

    .resume-item.selected {
        border-color: #007bff;
        background-color: #f8f9ff;
    }

    .pdf-icon {
        width: 48px;
        height: 48px;
        background-color: #dc3545;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        font-weight: bold;
        font-size: 12px;
        flex-shrink: 0;
    }

    .resume-info {
        flex: 1;
    }

    .resume-name {
        font-size: 15px;
        font-weight: 500;
        color: #333;
        margin-bottom: 4px;
    }

    .resume-details {
        font-size: 12px;
        color: #666;
    }

    .radio-container {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .radio-input {
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    .radio-label {
        font-size: 12px;
        color: #007bff;
        cursor: pointer;
        font-weight: 500;
        text-transform: uppercase;
    }


    .upload-section {
        margin-bottom: 30px;
    }

    .upload-button {
        width: 100%;
        padding: 10px;
        border: 2px dashed #007bff;
        border-radius: 22px;
        background-color: #f8f9ff;
        color: #007bff;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.2s ease;
        text-align: center;
    }

    .upload-button:hover {
        background-color: #e6f2ff;
        border-color: #0056b3;
    }

    .file-input {
        display: none;
    }

    .file-types {
        text-align: center;
        font-size: 12px;
        color: #666;
        margin-top: 8px;
    }

/* ---- jobUtility/professionalDetails-offcanvas.php ---- */

    .text-container {
        background: #f3f5ff;
        padding: 5px 15px;
        border-radius: 10px 10px 10px 0;
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 0px;
        color: #000;
    }

    .questionnaire-list .answer {
        text-align: right;
        border-radius: 10px 10px 0px 10px;
    }

    .questionnaire-list .question {
        text-align: left;
        border-radius: 10px 10px 10px 0;
    }

    [contenteditable="true"] {
        border: 1px solid #ced4da;
        min-height: 20px;
        padding: 5px 10px;
        border-radius: 5px;
        outline: none;
    }

    /* show placeholder of contenteditable elements */
    [contenteditable="true"]:empty:before {
        content: attr(placeholder);
        color: #6c757d;
        pointer-events: none;
        display: block;
        /* For Firefox */
        font-size: 14px;
    }

    .cursor-pointer {
        cursor: pointer;
    }


    .typing-loader {
        text-align: left;
        margin-top: 15px;
    }

    .typing-loader span {
        display: inline-block;
        vertical-align: middle;
        width: 15px;
        height: 15px;
        background: #377dff;
        border-radius: 20px;
        animation: typing-loader 0.8s infinite alternate;
    }

    .typing-loader span:nth-of-type(2) {
        animation-delay: 0.2s;
    }

    .typing-loader span:nth-of-type(3) {
        animation-delay: 0.6s;
    }

    @keyframes typing-loader {
        0% {
            opacity: 0.9;
            transform: scale(0.5);
        }

        100% {
            opacity: 0.1;
            transform: scale(1);
        }
    }