.popup__block.apply-now-popup .meta-input input,
.popup__block.apply-now-popup .meta-input textarea {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.footer__bottom-dev img {
    width: 150px;
}

.form-steps-container.form-steps-core {
    display: none;
}

body.application-form-portal .form-steps-container.form-steps-core {
    display: block;
}


/* ----19/24-06-2025-start---- */
form#application-form .profile__main-content h2.profile__title {
    margin-bottom: 29px;
    font-size: 50px;
    font-weight: bold;
    color: #010F93;
    line-height: 52px;
    max-width: 100%;
    width: 100%;
}

form#application-form .profile__main-content h2.profile__title span {
    color: #35353F;
}

form#application-form .profile__main-content .profile__main-item p {
    font-size: 20px;
    color: #35353F;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: normal;
}

form#application-form .profile__main-content .profile__main-item .required-content {
    margin-top: 29px;
    background: #68E6FC;
    border-radius: 8px;
    padding: 25px 15px;
    width: 100%;
    position: relative;
}

form#application-form .profile__main-content .profile__main-item .required-content h3 {
    font-size: 18px;
    color: #010F93;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 18px;
}

form#application-form .profile__main-content .profile__main-item .required-content ul li {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    color: #35353F;
    position: relative;
    padding-left: 25px;
}

form#application-form .profile__main-content .profile__main-item .required-content ul li span {
    display: block;
    font-weight: normal;
    font-style: italic;
}

form#application-form .profile__main-content .profile__main-item .required-content ul li:not(:last-child) {
    margin-bottom: 15px;
}

form#application-form .profile__main-content .profile__main-item .required-content::before {
    content: '';
    background: url(../images/svg-required.svg);
    width: 174px;
    height: 171px;
    position: absolute;
    top: -20px;
    right: -25px;
}

form#application-form .profile__main-content .profile__main-item {
    margin-bottom: 40px;
}

form#application-form .profile__main-content .profile-bold-text p {
    color: #35353F;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
}

form#application-form .profile__main-content {
    margin-bottom: 40px;
}

form#application-form .next-btnn input {
    width: 145px;
    background: #010F93;
    color: #fff;
    height: 37px;
    border-radius: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.5s ease;
    border: 1px solid #010F93;
}

form#application-form .next-btnn input:hover {
    background: #fff;
    border-color: #010F93;
    color: #010F93;
}

form#application-form .profile__main-content .profile__main-item .required-content ul li::before {
    content: '';
    position: absolute;
    background: url(../images/d-arrow.svg);
    width: 12px;
    height: 12px;
    top: 5px;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.profile-hide a {
    display: none;
}

.form-steps-container.form-steps-core ol li a {
    display: block;
}

.form-steps-container li.completed_checked {
    color: #010F93 !important;
    opacity: 100% !important;
}

.form-steps-container li.cross_sign {
    color: red !important;
    opacity: 100% !important;
}

body.application-form-portal .profile__client {
    display: none;
}

.form-steps-container.form-steps-core ol li {
    margin-bottom: 15px;
    color: #35353F;
    opacity: 30%;
    position: relative;
    padding-left: 15px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.form-steps-container.form-steps-core ol li.completed_checked.active::before {
    content: '';
    width: 25px;
    height: 2px;
    background: #010F93;
    position: absolute;
    transform: rotate(90deg);
    left: -11px;
    top: 12px;
}

.form-steps-container.form-steps-core ol li.cross_sign.active::before {
    content: '';
    width: 25px;
    height: 2px;
    background: red;
    position: absolute;
    transform: rotate(90deg);
    left: -11px;
    top: 12px;
}

.form-steps-container.form-steps-core ol li p.application_form_numbering {
    width: 30px;
    height: 30px;
    border: 1px solid;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
}

.form-steps-container.form-steps-core ol li.completed_checked p.application_form_numbering {
    background: #010F93;
}

.form-steps-container.form-steps-core ol li.completed_checked p.application_form_numbering::before {
    content: '';
    position: absolute;
    background: url(../images/tick-circle.svg);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 10px;
}

.form-steps-container.form-steps-core ol li.cross_sign p.application_form_numbering {
    background: red;
}

.form-steps-container.form-steps-core ol li.cross_sign p.application_form_numbering::before {
    content: '';
    position: absolute;
    background: url(../images/cross-circle.svg);
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 9px;
}

.form-steps-container.form-steps-core ol li.active {
    color: #010F93;
    opacity: 100%;
}

.form-steps-container.form-steps-core ol li.active::before {
    content: '';
    width: 25px;
    height: 2px;
    background: #010F93;
    position: absolute;
    transform: rotate(90deg);
    left: -11px;
    top: 12px;
}

body.application-form-portal .profile__form-item {
    border: 1px solid #68E6FC;
    border-radius: 20px;
    padding: 32px 27px;
}

body.application-form-portal fieldset {
    width: 100%;
}

body.application-form-portal .profile__form-item .profile__form-grid {
    margin: 0px;
    display: unset;
}

body.application-form-portal .profile__form-item label {
    font-size: 20px;
    color: #35353F;
    line-height: normal;
    padding-bottom: 10px;
}

body.application-form-portal .profile__form-item .profile__form-grid textarea {
    border: 1px solid #68E6FC;
    border-radius: 8px;
    padding: 10px 17px;
    height: 100px;
    min-height: 100%;
}

body.application-form-portal .profile__form-item .profile__form-grid .meta-input.profile-type:not(:last-child) {
    margin-bottom: 21px;
}

form#application-form .previous-btnn input {
    width: 145px;
    background: #fff;
    color: #010F93;
    height: 37px;
    border-radius: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.5s ease;
    border: 1px solid #010F93;
}

body.application-form-portal .application-form-next-previous-btnn {
    width: 100%;
    display: flex;
    gap: 21px;
    margin-top: 31px;
}

form#application-form .previous-btnn input:hover {
    background: #010F93;
    color: #fff;
}

body.application-form-portal .radio-button-yes-no input[type="radio"] {
    width: 17px;
    height: 17px;
    border: 1px solid #68E6FC;
    margin-right: 9px;
}

body.application-form-portal .radio-button-yes-no [type="radio"]:checked,
body.application-form-portal .radio-button-yes-no [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

body.application-form-portal .radio-button-yes-no [type="radio"]:checked+label,
body.application-form-portal .radio-button-yes-no [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: normal;
    display: inline-block;
    color: #35353F;
    font-size: 16px;
    padding-bottom: 0px;
}

body.application-form-portal .radio-button-yes-no [type="radio"]:checked+label:before,
body.application-form-portal .radio-button-yes-no [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #010F93;
    border-radius: 100%;
    background: #fff;
}

body.application-form-portal .radio-button-yes-no [type="radio"]:checked+label:after,
body.application-form-portal .radio-button-yes-no [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #010F93;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body.application-form-portal .radio-button-yes-no [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

body.application-form-portal .radio-button-yes-no [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

body.application-form-portal .radio-button-yes-no {
    display: flex;
    gap: 20px 40px;
    flex-wrap: wrap;
}

body.application-form-portal .profile__form-item .profile__form-grid.personal-detail {
    display: flex;
    gap: 22px 28px;
    flex-wrap: wrap;
}

body.application-form-portal .profile__form-item .profile__form-grid.personal-detail .meta-input.profile-type {
    max-width: calc((100% - 28px) / 2);
    width: 100%;
    margin-bottom: 0px;
}

body.application-form-portal .meta-input.profile-type input {
    height: 39px;
    border-radius: 8px;
    border: 1px solid #68E6FC;
    background: #F2F1F1;
    padding: 11px 18px;
}

body.application-form-portal .meta-input.profile-type input::placeholder,
body.application-form-portal .profile__form-item .profile__form-grid.personal-detail .meta-input.profile-type textarea::placeholder,
body.application-form-portal .profile__form-item .meta-input.profile-type textarea::placeholder {
    color: #010F93;
    opacity: 20%;
}

body.application-form-portal .profile__form-item .meta-input.profile-type textarea {
    resize: auto;
    width: 100% !important;
    border-radius: 8px;
    border: 1px solid #68E6FC;
    background: #F2F1F1;
    padding: 11px 18px;
    /*height: 39px;*/
    min-height: auto;
    overflow: hidden;
}

body.application-form-portal .meta-input.profile-type {
    width: 100%;
}

body.application-form-portal .profile__form-item.yes-no-margin .meta-input.profile-type:not(:last-child) {
    margin-bottom: 21px;
}

body.application-form-portal #references-container {
    width: 100%;
}

body.application-form-portal #references-container .profile__form-grid .meta-input.profile-type {
    max-width: calc((100% - 28px) / 2);
    width: 100%;
    margin: 0px;
}

body.application-form-portal #references-container .profile__form-grid,
body.application-form-portal #qualification-wrapper .profile__form-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 22px 28px;
    margin-bottom: 30px;
}

body.application-form-portal #references-container .profile__form-grid h3.profile__subtitle {
    margin: 0px;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}

body.application-form-portal .profile__form-item h3.profile__subtitle.inner-heading {
    font-size: 25px;
    line-height: normal;
    font-weight: 500;
}

body.application-form-portal .remove-buttons a {
    width: 145px;
    height: 37px;
    min-height: unset;
    border-radius: 8px;
}

body.application-form-portal .profile__form-item button.add-reference {
    width: auto;
    height: 37px;
    min-height: unset;
    border-radius: 8px;
}

body.application-form-portal .profile__form-item button#add-employee-btn {
    margin-bottom: 0px;
    /* margin-top: 30px; */
}

body.application-form-portal .profile__form-item button.add-reference span.btn__text,
body.application-form-portal .remove-buttons a.remove-reference-btn span.btn__text {
    font-size: 16px;
    line-height: normal;
}

body.application-form-portal .profile__form-item .meta-input.profile-type textarea::placeholder,
body.application-form-portal .profile__form-item .meta-input.profile-type input::placeholder,
body.application-form-portal .profile__form-item .meta-input.profile-type textarea,
body.application-form-portal .profile__form-item .meta-input.profile-type input {
    line-height: 17px;
    font-size: 16px;
}

body.application-form-portal .profile__form-item .meta-input.profile-type textarea.height-100 {
    height: 100px;
    overflow: unset;
}

body.application-form-portal #employment-container .personal-detail {
    margin-bottom: 30px;
}

body.application-form-portal #employment-container .personal-detail h3,
body.application-form-portal #employment-container .personal-detail h2 {
    margin-bottom: 0px;
}

body.application-form-portal .remove-buttons {
    margin-bottom: 20px;
    width: 100%;
}

body.application-form-portal #qualification-wrapper .profile__form-grid h3.profile__subtitle {
    margin: 0px;
}

body.application-form-portal #references-container .profile__form-grid:last-child {
    margin: 0px;
}

body.application-form-portal .checkbox-statement-group .form-group {
    display: block;
    margin-bottom: 15px;
}

body.application-form-portal .checkbox-statement-group .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

body.application-form-portal .checkbox-statement-group .form-group label {
    position: relative;
    cursor: pointer;
}

body.application-form-portal .checkbox-statement-group .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #010F93;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
}

body.application-form-portal .checkbox-statement-group .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #010F93;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

body.application-form-portal .profile__form-item.yes-no-margin .meta-input.profile-type .signature-box  {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #68E6FC !important;
    background: #F2F1F1;
    /*padding: 11px 18px;*/
}

body.application-form-portal .profile__form-item.yes-no-margin .meta-input.profile-type.long-content-section p {
    font-size: 20px;
    color: #35353F;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: normal;
}

body.application-form-portal .profile__form-item.yes-no-margin .meta-input.profile-type.long-content-section p:last-child {
    margin: 0px;
}

body.application-form-portal .profile__form-item.yes-no-margin .meta-input.profile-type.long-content-section p a {
    text-decoration: underline;
    color: #010f93;
    display: inline-block;
    word-break: break-all;
}

h4.radio-heading-part {
    font-weight: 500;
    color: var(--cl-primary);
    font-size: 18px;
    line-height: 24px;
    width: 100%;
    text-decoration: underline;
    margin-bottom: 5px;
}

p.simple-content-part {
    font-size: 20px;
    color: #35353F;
    line-height: normal;
    padding-bottom: 10px;
}

body.application-form-portal .profile__form-item.yes-no-margin .meta-input.profile-type svg.sig-canvas+button.clear-sig {
    margin: 5px 0 auto auto;
    color: red;
    font-size: 20px;
    line-height: normal;
}

ul.consent-data-part li {
    font-size: 20px;
    color: #35353F;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
    list-style-type: initial;
}

ul.consent-data-part {
    padding-left: 20px;
    margin-bottom: 20px;
}

p.unorder-list-para {
    font-size: 20px;
    color: #35353F;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}

h4.privacy-heading-part {
    font-size: 20px;
    color: #010f93;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: normal;
    text-decoration: underline;
}

h4.privacy-more-heading {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: normal;
    color: #35353F;
}

ul.privacy-data-part li {
    font-size: 20px;
    color: #35353F;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
    list-style-type: initial;
}

ul.privacy-data-part {
    padding-left: 20px;
    margin-bottom: 20px;
}

.address-part p.bold {
    font-weight: 600 !important;
}

.address-part p {
    margin: 0px !important;
}

.address-part {
    margin-bottom: 20px;
}

.privacy-scroll {
    height: 600px;
    overflow-x: auto;
}

body.application-form-portal .profile__form-item.yes-no-margin .meta-input.profile-type textarea#additional_info {
    max-height: unset !important;
    min-height: unset !important;
}

body.application-form-portal .margin-input-zero .meta-input.profile-type {
    margin: 0px !important;
}

body.application-form-portal .meta-input.profile-type.textarea-margin {
    margin-top: 22px;
    margin-bottom: 0px !important;
}

body.application-form-portal .health-radio-btnn {
    width: 100%;
}

body.application-form-portal .health-radio-btnn .meta-input.profile-type {
    margin-top: 22px;
}

body.application-form-portal .signature-section {
    width: 100%;
}

body.application-form-portal .signature-section .meta-input.profile-type {
    width: 100%;
    max-width: 100% !important;
}

body.application-form-portal .signature-section .meta-input.profile-type {
    width: 100% !important;
    max-width: 100% !important;
}

body.application-form-portal .signature-section .meta-input.profile-type:not(:last-child) {
    margin-bottom: 21px !important;
}

body.application-form-portal .profile__form-item .profile__form-grid p {
    font-size: 20px;
    color: #35353F;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: normal;
}

body.application-form-portal .profile__form-item .profile__form-grid ul li {
    font-size: 20px;
    color: #35353F;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: normal;
    list-style-type: disc;
}

body.application-form-portal .profile__form-item .profile__form-grid ul {
    padding-left: 20px;
}

body.application-form-portal .profile__form-item .profile__form-grid p.bold-part {
    text-decoration: underline;
    font-weight: 600;
    margin-bottom: 10px;
}

body.application-form-portal .profile__form-item .profile__form-grid p.bold-center-paragraph {
    text-align: center;
    font-weight: 600;
}

body.application-form-portal .profile__form-item .profile__form-grid p.bold-part-service {
    font-weight: 800;
}

body.application-form-portal .profile__form-item .profile__form-grid p.bold-part-service-center {
    font-weight: 600;
    text-align: center;
}

body.application-form-portal .profile__form-item .profile__form-grid.para-scroll-part {
    height: 700px;
    overflow-y: scroll;
    margin-bottom: 21px;
}

body.application-form-portal .opportunities-inner-heading h3 {
    font-size: 20px;
    color: #010F93;
    text-decoration: underline;
    font-weight: 600;
    margin-bottom: 10px;
}

body.application-form-portal .opportunities-inner-heading p,
.disability-para p {
    font-size: 20px;
    color: #35353F;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: normal;
}

body.application-form-portal .radio-button-yes-no p {
    margin: 0px !important;
}

body.application-form-portal .opportunities-inner-heading {
    margin-top: 21px;
    width: 100%;
}

body.application-form-portal .signature-section .checkbox-statement-group .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    left: 7px;
    width: 5px;
    top: 8px;
    height: 11px;
    border: solid #010F93;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

body.application-form-portal .signature-section .checkbox-statement-group .form-group label:before {
    padding: 7px;
}

body.application-form-portal .opportunities-inner-heading i {
    margin-bottom: 10px;
    display: block;
}

body.application-form-portal .disability-para {
    margin-top: 20px;
    width: 100%;
}

body.application-form-portal .disability-para i {
    margin-bottom: 20px;
    display: block;
}
body.application-form-portal .gap-block {
    margin-top: 20px !important;
}
body.application-form-portal .gap-block h2#employee_gap_detection {
    margin-bottom: 8px;
    font-size: 20px;
}
body.application-form-portal .gap-block table.gaps-table textarea {
    height: 60px;
    width: 100%;
}
body.application-form-portal .gap-block table.gaps-table tr th {
    text-align: left;
}
body.application-form-portal .gap-block table.gaps-table tr:not(:last-child) {
    margin-bottom: 20px;
}
body.application-form-portal .gap-block table.gaps-table tr {
    display: flex;
    gap: 20px;
}
body.application-form-portal .gap-block table.gaps-table tr td, body.application-form-portal .gap-block table.gaps-table tr th {
    width: 100%;
}
body.application-form-portal .gap-block table.gaps-table thead {
    margin-bottom: 10px;
    display: block;
}
body.application-form-portal .gap-block table.gaps-table {
    width: 100%;
}




@media screen and (max-width: 1100px) {
body.application-form-portal .profile__form-item .profile__form-grid.gap-block .table-wrapper {
    overflow-x: auto;
}
body.application-form-portal .profile__form-item .profile__form-grid.gap-block {
    display: grid !important;
    grid-template-columns: 1fr;
}
body.application-form-portal .profile__form-item .profile__form-grid.gap-block .gaps-table {
    margin-bottom: 20px;
}
body.application-form-portal .gap-block table.gaps-table textarea {
    height: 39px;
    overflow: hidden;
    width: auto;
}
}





@media screen and (max-width:991px) {
    form#application-form .profile__main-content .profile__main-item .required-content::before {
        width: 130px;
        height: 130px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    form#application-form .profile__main-content h2.profile__title {
        margin-bottom: 15px;
        font-size: 40px;
        line-height: 51px;
    }
}










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

    body.application-form-portal button.btn.filters-btn.profile__filters-btn,
    .form-steps-container.form-steps-core ol li.cross_sign:last-child.active::before {
        display: none !important;
    }

    body.application-form-portal .profile__wrap {
        flex-direction: column;
    }

    body.application-form-portal aside.profile__aside {
        position: unset !important;
        transform: unset !important;
        transition: unset !important;
        max-width: 100%;
        padding: 0px;
        opacity: 1;
    }

/*    .profile__main {
        width: 100% !important;
        position: unset !important;
        max-width: 100% !important;
        transform: unset !important;
        opacity: 100% !important;
    }*/

    .form-steps-container.form-steps-core ol li {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding: 0px;
        margin: 0px !important;
    }

    body.application-form-portal aside.profile__aside {
        border: none;
    }

    .form-steps-container.form-steps-core ol li:not(:last-child)::before {
        content: '' !important;
        width: 100% !important;
        transform: unset !important;
        background: transparent !important;
        border: 1px dashed #35353F;
        opacity: 30%;
        left: 60% !important;
        max-width: calc(100% - 55px) !important;
        position: absolute !important;
        top: 17px !important;
    }

    body.application-form-portal .profile__wrap .profile__main {
        pointer-events: unset !important;
    }

    body.application-form-portal .profile__aside-content.profile-hide {
        padding-bottom: 0px;
    }

    .form-steps-container.form-steps-core ol li.completed_checked:not(:last-child)::before {
        border-color: #010F93;
        opacity: 100%;
    }

    form#application-form .profile__main-content .profile__main-item p {
        font-size: 18px;
        margin-bottom: 15px;
    }

    form#application-form .profile__main-content .profile-bold-text p,
    body.application-form-portal .profile__form-item label,
    body.application-form-portal .profile__form-item.yes-no-margin .meta-input.profile-type.long-content-section p,
    p.simple-content-part {
        font-size: 18px;
        line-height: 25px;
    }

    body.application-form-portal .profile__form-item .profile__form-grid p,
    body.application-form-portal .profile__form-item .profile__form-grid ul li {
        font-size: 18px;
        line-height: 25px;
    }

    body.application-form-portal .meta-input.profile-type.long-content-section.text-content p {
        font-size: 18px !important;
        line-height: 25px !important;
    }
}








@media screen and (min-width:769px) and (max-width:991px) {

    body.application-form-portal .profile__form-item .profile__form-grid.personal-detail .meta-input.profile-type,
    body.application-form-portal #references-container .profile__form-grid .meta-input.profile-type {
        max-width: calc((100% - 0px) / 1);
    }
}












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

    body.application-form-portal .profile__form-item .profile__form-grid.personal-detail .meta-input.profile-type,
    body.application-form-portal #references-container .profile__form-grid .meta-input.profile-type {
        max-width: calc((100% - 0px) / 1);
        width: 100%;
    }

    body.application-form-portal .profile__form-item {
        padding: 30px 20px;
    }
}





@media screen and (max-width:500px) {
    form#application-form .profile__main-content .profile__main-item .required-content::before {
        width: 100px;
        height: 100px;
    }
}




@media screen and (max-width: 481px) {
    form#application-form .profile__main-content h2.profile__title {
        font-size: 35px;
        line-height: 40px;
    }

    .form-steps-container.form-steps-core ol li a {
        font-size: 12px;
    }

    body.application-form-portal .application-form-next-previous-btnn {
        flex-direction: column;
    }

    form#application-form .previous-btnn input,
    form#application-form .next-btnn input {
        width: 100%;
    }
}



@media screen and (max-width: 400px) {
    .form-steps-container.form-steps-core ol li:not(:last-child)::before {
        left: 62% !important;
    }

    form#application-form .profile__main-content h2.profile__title {
        font-size: 25px;
        line-height: 35px;
    }

    form#application-form .profile__main-content .profile__main-item .required-content::before {
        width: 80px;
        height: 80px;
        top: -10px;
        right: -10px;
    }
}




/* ----19/24-06-2025-end---- */

/*  10/07/2025 start */

.meta-input.profile-type.long-content-section.new-edit-text {
    margin-top: 21px;
}

body.application-form-portal .meta-input.profile-type.long-content-section.text-content p {
    font-size: 20px;
    color: #35353F;
    font-weight: 400;
    line-height: normal;
}

body.application-form-portal .meta-input.profile-type.long-content-section.new-edit-text.text-content p {
    margin-bottom: unset !important;
}

body.application-form-portal .meta-input.profile-type.long-content-section.text-content p {
    margin-bottom: 20px;
}
body.application-form-portal .profile__form-grid.personal-detail.space-add-refrence{
    margin-bottom: 30px;
}

body.application-form-portal .profile__form-item .profile__form-grid.personal-detail .meta-input.profile-type select#married_status {
    height: 39px;
    border-radius: 8px;
    border: 1px solid #68E6FC;
    background: #F2F1F1;
    padding: 0px 13px;
    width: 100%;
    line-height: 17px;
    font-size: 16px;
}
 
/*  10/07/2025 end */







/* ----04-08-2025-start---- */
.admin-edit-modal-outer textarea#editReasonText {
    width: 100% !important;
    border-radius: 8px;
    border: 1px solid #68E6FC;
    background: #F2F1F1;
    padding: 11px 18px;
    overflow: hidden;
}
.admin-edit-modal-outer h3 {
    font-size: 20px;
    color: #35353F;
    line-height: normal;
    padding-bottom: 10px;
    font-weight: 500;
}
.admin-edit-modal-inner button {
    width: 80px;
    background: #fff;
    color: #010F93;
    height: 30px;
    border-radius: 5px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.5s ease;
    border: 1px solid #010F93;
}
.admin-edit-modal-inner button#confirmEditReason {
    background: #010F93;
    color: #fff;
}
.admin-edit-modal-inner button#cancelEditReason:hover {
    background: #010F93;
    color: #fff;
}
.admin-edit-modal-inner {
    display: flex;
    gap: 10px;
}
.admin-edit-modal-outer {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: unset !important;
    border-radius: 10px;
    box-shadow: 0px 2px 10px #00000038;
}



@media screen and (max-width:480px) {
#editReasonModal {
    padding: 0px 15px;
}
.admin-edit-modal-outer {
    width: 100% !important;
}
}

@media screen and (max-width:768px) {
input[type="date"] {
  position: relative;
  padding-right: 35px; 
}

/* This only works visually — won't be clickable */
input[type="date"]::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'><path d='M7 10h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zM7 14h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zM5 4h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V6a2 2 0 012-2zm0 2v2h14V6H5zm0 4v10h14V10H5z'/></svg>");
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 20px;
  height: 20px;
}


}


input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}


body.application-form-portal .profile__form-item.yes-no-margin .meta-input.profile-type button.clear-sig {
    margin: 5px 0 auto auto;
    color: red;
    font-size: 20px;
    line-height: normal;
}
body.application-form-portal .profile__form-item.yes-no-margin .meta-input.profile-type .signature-box svg#sig-canvas {
    border: none !important;
    width: 100%;
}

/*@media (max-width: 768px) {
    .profile .profile__wrap.active .profile__main {
        left: 0;
        opacity: .3 !important;
        pointer-events: none;
        position: absolute !important;
        top: 0;
        transform: translateX(calc(100% - 320px)) !important;
    }
}*/
.exit-admin a {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    border: 1px solid #d62d2d;
    border-radius: 8px;
    padding: 8px 20px 8px 40px;
    margin-bottom: 15px;
    background: #d62d2d
 ;
    color: #fff;
}
.exit-admin a::before {
    content: '';
    background: url(https://bolddev7.co.uk/mpa-recruitment/app/public/images/remove.png);
    width: 12px;
    height: 12px;
    position: absolute;
    left: 18px;
    z-index: 0;
    background-size: cover;
    top: 13px;
    filter: invert(1);
}

/*new*/

    .training-item .add-training{
    display: flex !important;
    background: #010F93;
    color: #FFF !important;
    border-radius: 30px;
    line-height: 100%;
    margin: auto 0px 0px;
    margin-bottom: 5px;
    padding: 5px 10px;
}
 
.training-item .training-controls {
    margin: auto 0px 0px;
    margin-bottom: 6px;
    display: flex;
}
 
.training-item .training-controls .remove-training {
    background: #ff0000;
    color: #FFF !important;
    border-radius: 30px;
    line-height: 100%;
    padding: 5px 9px;
}
 
.training-controls .remove-training {
    color: #FFFFFF !important;
}



.adding-subject-grade-result > .subject-grade-pair {

    margin-bottom: 0px !important;

}
 
.adding-subject-grade-result .subject-grade-pair:not(:first-child) {

    display: grid !important;

    grid-template-columns: repeat(15, 1fr);

}
 
.adding-subject-grade-result .subject-grade-pair:not(:first-child) .meta-input.profile-type {

    grid-column: span 7;

    max-width: 100% !important;

}

.subject-grade-pair
 
.remove-field {

    grid-column: span 1;

}
 
.remove-field {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: auto !important;

    background: red;

    border-radius: 30px;

    margin-bottom: 5px;

    margin-left: 0px !important;

    width: 25px;

    height: 25px;

    color: #FFFFFF !important;

    font-weight: 700;

    line-height: 1;

}

.add-field {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: auto !important;

    background: #010F93;

    border-radius: 30px;

    width: 25px;

    height: 25px;

    color: #FFFFFF !important;

    font-weight: 700;

    line-height: 1;

}
 
 
@media screen and (min-width: 769px) and (max-width: 991px){

.adding-subject-grade-result .subject-grade-pair:not(:first-child) .meta-input.profile-type {

    grid-column: span 15;

}
 
}

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

.adding-subject-grade-result .subject-grade-pair:not(:first-child) .meta-input.profile-type {

    grid-column: span 15;

}
.adding-subject-grade-result .subject-grade-pair:not(:first-child) {
    display: flex  !important;
}

}



 

@media (max-width: 768px) {
.application-form-portal .profile__main, body.application-form-portal .profile__wrap aside.profile__aside {
    width: 100% !important;
    position: unset !important;
    max-width: 100% !important;
    transform: unset !important;
    opacity: 100% !important;
}
}

.form-steps-container.form-steps-core ol li.completed_checked p.application_form_numbering {
    background: #038703;
    color: #038703;
}
@media screen and (max-width: 768px) {
    .form-steps-container.form-steps-core ol li.completed_checked:not(:last-child)::before {
        border-color: #038703;
        opacity: 100%;
    }
}


body.application-form-portal .profile__form-item .profile__form-grid .meta-input.profile-type select#work_agency {
    height: 39px;
    border-radius: 8px;
    border: 1px solid #68E6FC;
    background: #F2F1F1;
    padding: 0px 13px;
    width: 100%;
    line-height: 17px;
    font-size: 16px;
}
 span.add-subject {
    margin: 0px !important;
    width: 30px;
    height: 30px;
    background: #010f93;
    border-radius: 50px;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    margin-top: 20px !important;
    margin-bottom: 3px !important;
}
span.remove-subject {
    margin: 0px !important;
    width: 30px;
    height: 30px;
    background: #010f93;
    border-radius: 50px;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    margin-top: 10px !important;
}

 form#register_form .choices__item.choices__placeholder.choices__item--selectable {
    color: #949499;
}

 }




/* ----04-08-2025-end---- */