.input-group {
    flex-direction: column;
}

select.form-control {
    display: block;

}

span.error {
    color: #ed1b24;
    font-size: 12px;
    padding-top: 5px;
    font-family: "Poppins-Regular";
    line-height: 18px;
    word-wrap: break-word;
}

span.error1 {
    color: #ed1b24 !important;
    visibility: hidden;
}

.div-box {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 15px 35px 15px 35px;
    border: 2px solid #cfcfcf;

}

.red-button {
    color: #fff;
    border-color: #ed1b24;
    background-color: #ed1b24;
    border-radius: 4px;
    font-family: "Poppins-Regular";
}

.red-line:before {
    width: 4px;
    height: 100px;
    background-color: #ed1c24;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

.red-button.disabled {
    background: #c1c1c1;
    pointer-events: none;
    
}
.red-button.pan-done{
    background-color: #ed1c24;
} 
.red-button.pan-done.disabled{
    background: #c1c1c1;
    pointer-events: none;
}
 

header {
    font-family: source sans pro, sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 900;
    line-height: 15px;
    font-style: normal;
    text-transform: unset;
    margin-bottom: 15px;
}


.title1 {
    margin: 18px 0px 20px 0px;
}


.heading h1 {
    font-family: Source Sans Pro, sans-serif;
    font-size: 38px;
    color: #233253;
    font-weight: 900;
    line-height: 42px;
    margin: 3rem 0rem 1.6rem 0rem;
}


.form-heading h3 {
    color: #125a9e;
    font-weight: 800 !important;
}

.title1 h6,
.resume h6 {
    font-family: Source Sans Pro, sans-serif;
    color: #233253;
    font-size: 1.3rem;
    font-weight: 700;
}





/* updated css */
.bg-white {
    background: #fff;
}

.app-sum-title {
    color: #233253;
    font-weight: 600;
    font-family: 'Poppins-Regular';
    font-style: normal;
    text-transform: capitalize;
    padding-bottom: 25px;
    line-height: 50px;
}

.app-sum-head {
    /* padding-top: 40px; */
    padding-bottom: 40px;
}

.app-sum-head ul li {
    display: inline-block;
    padding-right: 20px;
    color: #233253;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins-Regular';
}

.app-sum-head ul li img {
    margin-right: 10px;
}

.app-sub-box {
    width: 90%;
    margin: auto;
    padding: 0;
    margin-top: 28px;
}

.app-sub-box h6 {
    font-family: 'Poppins-Regular';
    color: #233253;
    font-size: 20px;
    font-weight: 600;
}

.app-sub-box .input-wrap span {
    font-size: 12px;
    font-family: "Poppins-Regular";
    color: #233253;
    font-weight: 600;
}

.app-sub-box .input-group {
    margin-top: 8px;
}

.app-sub-box .input-group input,
.app-sub-box .input-group select {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    color: #233253;
    font-family: "Poppins-Regular";
    font-weight: 600;
}

.app-sub-box .input-wrap span.error {
    color: #ed1b24;
}

.pan-api-data {
    display: none;
    margin-top: 30px;
    background: #C7CACC33;
}

.pan-api-data input[type='date']::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.pan-api-data .div-box {
    border: 2px solid #f4f4f5;
}

.app-sub-box .dropzone {
    background: #EAF1F880;
    border: 2px dashed #125A9E;
    margin-top: 20px;
    margin-bottom: 18px;
}

.applicant-details .grey-bg .grid-2 {
    padding-top: 20px;
}

.dropzone .dzone-dnd {
    margin-top: 14px;
    margin-bottom: 10px;
    color: #233253;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    font-family: "Poppins-Regular";
}

.applicant-details .file-input-2 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: grid;
    justify-content: center;
    justify-items: center;
}

.applicant-details .file-input-2 input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 96%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.applicant-details .dropzone {
    padding: 25px 15px;
    background-color: #fff;
    border: 2px dashed #125A9E;
    border-radius: .375rem;
    color: #95aac9;
    transition: all .2s ease-in-out;
}

.applicant-details .dropzone {
    min-height: 150px;
    min-width: 100%;
    background: #EAF1F880;
    text-align: center;
}

.applicant-details .dropzone.dz-clickable .dz-message,
.applicant-details .dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}

.applicant-details .dropzone .dz-message {
    text-align: center;
}

.applicant-details .dropzone.dz-clickable .dz-message,
.applicant-details .dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}

#app_form .dropzone .browse-file {
    color: #125A9E;
    font-weight: 600;
    margin-top: 10px;
    font-family: "Poppins-Regular";
    font-size: 14px;
    line-height: 22px;
    text-align: left;

}

#app_form .dropzone .file-restrict {

    font-family: "Poppins-Regular";

    font-size: 10px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;

}

#app_form .dropzone span.or {
    font-family: "Poppins-Regular";
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    color: #233253;
}

#app_form .dropzone .file-input-2.file-success {
    display: block
}

#app_form .dropzone .before-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#app_form .dropzone .after-upload {
    display: none;
}

#app_form .file-input-2.file-success .after-upload,
#app_details .file-input-2.file-success .after-upload {
    display: block;
    text-align: left;
}

#app_form .dropzone .after-upload span,
#app_details .dropzone .after-upload span {
    font-size: 14px;
    color: #00000080;
    font-style: italic;
    font-family: "Poppins-Regular";
    font-weight: 600;
}

#app_details .dropzone .before-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#app_details .dropzone .browse-file {
    color: #125A9E;
    font-weight: 600;
    margin-top: 10px;
    font-family: "Poppins-Regular";
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}

#app_details .dropzone .file-restrict {
    font-family: "Poppins-Regular";
    font-size: 10px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
}

#app_form .dropzone .after-upload .file-indicate {
    background: #fff;
    padding: 20px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    margin-top: 15px;
}


#app_details .dropzone .after-upload .file-indicate {
    background: #fff;
    padding: 20px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    margin-top: 15px;
}

#app_form .dropzone .after-upload .upload-sts-wrap {
    padding-top: 16px;
    padding-bottom: 16px;
}

#app_details .dropzone .after-upload .upload-sts-wrap {
    padding: 0;
    text-align: left;
}

#app_form .dropzone .after-upload .upload-sts,
#app_details .dropzone .after-upload .upload-sts {
    border: 1px solid #3BB719;
    width: 90%;
    float: left;
    margin-top: 6px;
}

#app_form .dropzone .after-upload .completed,
#app_details .dropzone .after-upload .completed {
    float: left;
    width: 10%;
    padding-left: 20px;
}

.file-indicate {
    position: relative;
}

.file-indicate .my-resume,
.file-indicate .my-resume span,
.file-indicate .my-resume,
.file-indicate .completed {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #233253 !important;
    font-family: "Poppins-Regular" !important;
    font-style: normal !important;
}

.file-indicate .resume-update-close {
    position: absolute;
    content: '';
    height: 25px;
    width: 25px;
    right: -3%;
    cursor: pointer;
    top: 41%;
    background-image: url(../img/file-upload-close-icon.png);
    background-repeat: no-repeat;
    z-index: 99;
}



.file-indicate .my-resume .resume-update-close {
    position: absolute;
    content: '';
    height: 25px;
    width: 25px;
    right: 0%;
    top: 18%;
    background-image: url(../img/file-upload-close-icon.png);
    background-repeat: no-repeat;
    z-index: 99;
}

.upload-resume {
    display: none;
}

/* stepform css */
/* updated css */
.input-w label {
    font-size: 12px;
    font-family: "Poppins-Regular";
    color: #233253;
    font-weight: 600;
    padding-bottom: 10px;
    width: 100%;
    display: inline-block;
    line-height: 16px;
}

.app-edu-input.app-verification .input-w {
    width: 25%;
}

.app-edu-input.app-verification .input-w button {
    margin-top: 27px;
    width: 100%;
    min-height: 38px;
}

.pan-api-data .input-w {
    width: 33%;
}

.pan-api-data .input-w input {
    background: #A0A5B133;
}

.input-w {
    display: flex;
    flex-direction: column;
    float: left;
    width: 25%;
    padding-right: 10px;
}

.input-w select,
.input-w input {
    background: #f4f4f5;
    border: none;
    padding: 10px;
    font-family: "Poppins-Regular";
    font-weight: 600;
    font-size: 12px;
    border-radius: 4px;
    background-color: #FFF;
        border: 1px solid #233253;
}

.select-dropdown__button.app-edit {
    padding-right: 38px;
}

.app-edu-input:after {
    content: "";
    display: table;
    clear: both;
}

.app-edu-input {
    padding-bottom: 15px;
}

.input-w:last-child {
    padding-right: 0;
}

.input-w select {
    background-image: url(../img/select-drop-icon.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: 96% !important;
    background-position-y: 50% !important;

    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
}

.file-input-2 #error_file {
    color: #ed1b24;
    font-size: 12px;
    padding-top: 10px;
}

.step-btn,
.step-header {
    display: none;
}

.step-prev-next {
    text-align: center;
}


/* .step-content,
.step-header {
    display: none;
} */
#app_details {
    padding: 0 60px;
    display: none;
}

.app-summary-wrapper {
    display: block;
    background: #EAF1F8;
    padding: 40px;
    padding-bottom: 24px;
}

.app-summary-wrapper h3 {
    font-size: 29px;
    color: #125A9E;
    font-family: 'Poppins-Regular';
    text-align: center;
}

.main .app-acknowledge label::before {
    border: 1px solid #233253 !important;
    background-image: none !important;
    background-color: #fff !important;
    width: 18px;
    height: 18px;
}

.main .app-acknowledge label::after {
    top: 3px !important;
    left: 3px !important;
    width: 10px !important;
    background-color: #fff;
}

.app-acknowledge label {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Poppins-Regular';
}

.app-summary-wrapper .app-summary-data {
    border-top: 1px solid #A0A5B14D;
    border-bottom: 1px solid #A0A5B14D;
    padding: 20px 0;
    margin-top: 30px;
    margin-bottom: 30px;
}

.app-summary-data::after,
.app-data-col::after {
    content: "";
    display: table;
    clear: both;
}

.app-data-col {
    display: flex
}

.app-data-col .app-data-label {
    align-self: center;
}

.app-summary-details {
    border-left: 1px solid #A0A5B14D;
    padding-left: 70px;
    padding-left: 50px;
}

.app-summary-contact {
    float: left;
    width: 40%;
}

.app-summary-details .app-data-label {
    width: 58%;
}

.app-data-label {
    float: left;
    width: 65%;
}

.app-summary-details {
    float: left;
    width: 60%;
}

.app-resume-data {
    float: left;
    margin: 1px 0;
    width: 60%;
}
#app_details .select-dropdown.app-edit-view [value=""] {
    background: #fff !important;
}

.app-summary-details {
    padding-left: 50px;
}

.app-summary-data h4,
.app-sum-resume h4 {
    color: #233253;
    font-size: 20px;
    font-family: "Poppins-Regular";
    font-weight: 600;
    padding-bottom: 24px;
    line-height: 28px;
}

.app-data-label p {
    color: #233253;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    font-family: "Poppins-Regular";
    padding-bottom: 10px;
    padding-right: 20px;
}

.app-resume-data p {
    position: relative;
    color: #233253;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    font-family: "Poppins-Regular";
    padding-bottom: 10px;
}

.app-resume-data .input-w:before {
    content: ':';
    position: absolute;
    left: -8%;
    top: 18%;
}

.app-sum-resume .file-input-2 input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 88%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.app-sum-resume .dropzone {
    position: relative;
    border: 2px dashed #125A9E;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 25px 15px;
    background-color: #fff;
    border: 2px dashed #d2ddec;
    border-radius: .375rem;
    color: #95aac9;
    transition: all .2s ease-in-out;
}

.app-summary-data .input-w {
    width: 90%;
    position: relative;
    padding-bottom: 2px;
}

.app-summary-data .input-w input,
.app-summary-data .input-w select {
    background: #fff;
}
/* .app-edit-view input{
    background-color: #fff !important;
} */

.app-summary-data .input-w input[readonly] {
    background: transparent !important;
}

.app-summary-data.readdisable .input-w input[readonly] {
    background: #DBE2E8 !important;
}

.app-summary-data .input-w input[readonly]:not(.app-summary-data .input-w input[readonly].app-view) {
    color: #233253;
}

.stepform-dnone.file-success-update {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}

.applynow-title {
    color: #233253;
    font-weight: 600;
    font-family: 'Poppins-Regular';
    font-style: normal;
    text-transform: capitalize;
    padding-bottom: 5px;
    line-height: 50px;
}

.file-success-update .file-indicate::after {
    content: "";
    display: table;
    clear: both;
}

.file-success-update .my-resume,
#app_details .my-resume {
    float: left;
    width: 5%;
}

.file-success-update .upload-sts-wrap,
#app_details .upload-sts-wrap {
    float: left;
    width: 70%;
}

.file-success-update .resume-update-close,
#app_details .resume-update-close {
    float: left;
    width: 6%;
}

#app_details .file-indicate .upload-sts-wrap {
    padding: 0;
}

.app-sum-resume .file-indicate .my-resume:after {
    top: 40%;
}

.app-sum-resume .upload-sts-wrap h6 {
    font-family: "Poppins-Regular";
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #000;
    word-wrap: break-word;
}

.app-sum-resume .upload-sts-wrap .file-size {
    font-family: "Poppins-Regular";
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.5);
    font-style: italic;
}

.app-sum-resume .my-resume img {
    width: 40px;
}

.app-sum-resume h4.file-update-title {
    padding-bottom: 0;
}

.app-summary-details .app-resume-data .input-w {
    width: 100%;
}

.app-acknowledge {
    text-align: center;
}

.app-acknowledge .step-btn {
    display: block;
}

.app-acknowledge .step-prev-next .prev-btn {
    border: 1px solid #125A9E;
    font-family: "Poppins-Regular";
    padding: 10px 16px 10px 16px;
    color: #125A9E;
    font-weight: 600;
    border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
    width: 33%;
    margin-right: 13px;
}

.app-acknowledge .step-prev-next .next-btn {
    font-family: "Poppins-Regular";
    border: 1px solid #ED1C24;
    padding: 10px 16px 10px 16px;
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    background: #ED1C24;
    font-size: 12px;
    line-height: 20px;
    width: 38.5%;
    box-shadow: #ED1C2433 0px 8px 12px 0px;
}

.app-acknowledge .step-prev-next {
    display: flex;
    padding-top: 20px;
    width: 40%;
    justify-content: center;
    margin: auto;
}

.app-acknowledge {
    padding: 0 40px 40px;
    background: #EAF1F8;
}

.app-summary-data .input-w input[readonly].app-view,
.app-summary-data .input-w select[disabled].app-view {
    background: transparent !important;
}

.input-w button[disabled].app-view {
    background: transparent;
}

.input-w button[disabled].app-view:after {
    display: none;
}

#app_details .select-dropdown.active:after {
    z-index: 9;
}

#app_details .select-dropdown:after {
    top: 45%;
}
input.select-dropdown__button{
caret-color: transparent !important;
}
.app-summary-data .input-w select[disabled].app-view {
    opacity: 1;
    color: #000;
}

#edit_details:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

#error_pdf_file,
#err_checkbox {
    display: block;
    padding-top: 10px;
}

#app_form input::placeholder,
#app_form select::placeholder {
    font-style: italic;
    color: #8A93A5
}

.app-status-title-wrapper p {
    color: #233253;
    font-size: 14px;
    text-align: center;
    font-family: "Poppins-Regular";
}

.app-status-btn {
    border: 1px solid #ED1C24;
    padding: 10px 16px 10px 16px;
    color: #fff;
    border-radius: 4px;
    background: #ED1C24;
    width: 45%;
    box-shadow: #ED1C2433 0px 8px 12px 0px;
    font-family: "Poppins-Regular";
}

.app-status-card {
    float: left;
    width: 48%;
    background: #FFFFFF;
    padding: 40px;
    margin-right: 38px;
}


.app-status-wrap:after {
    content: "";
    display: table;
    clear: both;
}

.app-status-wrap {
    background: #EAF1F8;
    margin-top: 30px;
    padding: 8% 5%;
    /* display: flex;
    justify-content: center; */
}

.app-status-card .job-title {
    font-size: 24px;
    text-align: center;
    font-family: "Poppins-Regular";
    line-height: 36px;
}

.app-sum-title-sub {
    padding-top: 0;
}

.app-status-card .app-sum-title-sub {
    padding-top: 12px;
}

.app-sum-title-sub li {
    display: inline-block;
    padding-right: 20px;
    color: #233253;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins-Regular';
    line-height: 22px;
    padding-bottom: 7px;
}

.app-summary-details .app-data-col:last-child .app-resume-data .input-w:before {
    /* top: 14%; */
}

.app-summary-details .app-data-col:last-child .app-data-label {
    /* align-self: auto; */
    /* margin-top: -2.5%; */
}

.app-sum-title-sub li img {
    margin-right: 10px;
}

.app-assessment h4 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    font-family: "Poppins-Regular";
    color: #233253;
}

.app-assessment p {
    color: #233253;
    font-size: 14px;
    text-align: center;
    width: 50%;
    margin: auto;
    padding-top: 18px;
    font-family: "Poppins-Regular";
}

.app-status-action {
    margin: auto;
    width: 40%;
    text-align: center;
}

.app-status-action-wrap {
    background: #EAF1F8;
    padding: 0 54px 54px;
}

.app-assessment-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
}

label[for=applic_acknowledge] {
    font-family: "Poppins-Regular";
}

#app_congrats {
    background: #EAF1F8;
    padding: 50px;
}

.app-congrats-section {
    text-align: center;
}

.app-congrats-section h4 {
    font-size: 29px;
    font-weight: 700;
    color: #125A9E;
    line-height: 50px;
    font-family: "Poppins-Regular";
    padding-top: 20px;
    padding-bottom: 6px;
}

.app-congrats-section .app-submit {
    color: #233253;
    font-size: 14px;
    font-family: "Poppins-Regular";
    font-weight: 400;
    line-height: 18px;
    padding: 15px 0;
}

.app-congrats-section .proceed-alert {
    color: #233253;
    font-weight: 400;
    font-size: 16px;
    line-height: 22.4px;
    font-family: "Poppins-Regular";
    padding-top: 10px;
    padding-bottom: 10px;
}

.app-congrats-section .proceed-alert .proceed-sts {
    font-family: "Poppins-Regular";
}

.proceed-congrats {
    border: 1px solid #ED1C24;
    padding: 10px 60px;
    color: #fff;
    border-radius: 4px;
    background: #ED1C24;
    box-shadow: #ED1C2433 0px 8px 12px 0px;
    font-family: "Poppins-Regular";
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 12px;
    display: inline-block;
}

.app-congrats-section .proceed-later {
    display: block;
    font-size: 12px;
    font-weight: 600;
    font-family: "Poppins-Regular";
    line-height: 20px;
    color: #125A9E;
    margin-right: auto;
    margin-left: auto;
}

#app_thankyou {
    /* background: #EAF1F8; */
    background: #fff;
    padding: 50px;
}

#app_thankyou h4 {
    font-size: 29px;
    font-weight: 700;
    color: #125A9E;
    line-height: 50px;
    font-family: "Poppins-Regular";
    padding-top: 0;
    padding-bottom: 6px;
}

.app-thank-popup {
    text-align: center;
    width: 100%;
    background: #EAF1F8;
    margin: auto;
    padding: 80px 30px 90px 30px;
}

#app_thankyou .app-submit {
    color: #233253;
    font-size: 14px;
    font-family: "Poppins-Regular";
    font-weight: 400;
    line-height: 18px;
    padding: 15px 0;
}

#app_thankyou .proceed-alert {
    color: #233253;
    font-weight: 600;
    font-size: 16px;
    line-height: 22.4px;
    font-family: "Poppins-Regular";
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.app-pages footer .footer-question {
    display: none !important;
}

.app-pages footer {
    padding: 56px 0 56px !important;
}

.section-spc {
    padding: 120px 0 100px 0;
}

.pagination-container-search .drop-count-wrap {
    order: 2;
}

.pagination-container-search .pagination {
    order: 1;
    margin-top: 1px;
}

.pagination-container-search .total-pagination {
    background: #fff;
    padding: 2px 6px;
    border: 1px solid #c7cacc;
    border-radius: 4px;
}

/* back menu css start */
.back-menu .app-wraper {
    right: 50px;
}

.back-menu .mnu-group {
    display: none !important;
}

.back-menu .btn-to-home {
    display: inline-block !important;
}

.btn-to-home {
    display: none;
    background-color: #125A9E;
    font-family: 'Poppins-Regular';
    padding: 10px 15px;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
}

.app-pages .btn-appplication {
    display: none;
}

.app-status-wrap .app-status-card:nth-child(2) {
    margin-right: 0;
}

.app-card-sts {
    display: flex;
}

/* back menu css end  */
@media (min-width: 1080px) {
    .proceed-later {
        text-decoration: underline;
    }
}

@media (min-width: 767px) {

    .back-menu .app-wraper {
        right: 33px;
    }

    #app_thankyou .modal {
        position: absolute;
        z-index: 10000;
        /* 1 */
        top: 0;

        left: 0;
        visibility: hidden;
        width: 100%;
        height: 100%;
    }

    /* #app_details .file-input-2 {
        border: 2px dashed #d2ddec;
        padding: 25px 15px;
        text-align: center;
        margin-top: 20px;
    }
    #app_details .file-input-2 .upload-resume {
        margin-bottom: 10px;
    } */
    #app_thankyou .modal.is-visible {
        visibility: visible;
    }

    #app_thankyou .modal-overlay {
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: hsla(0, 0%, 0%, 0.5);
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s linear 0.3s, opacity 0.3s;
    }

    #app_thankyou .modal.is-visible .modal-overlay {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }

    #app_thankyou .modal-wrapper {
        position: absolute;
        transform: translate(-50%, -50%) !important;
        z-index: 9999;
        top: 50%;
        left: 50%;
        width: 32em;
        /* margin-left: -16em; */
        background-color: #fff;
        box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
    }

    #app_thankyou .modal-transition {
        transition: all 0.3s 0.12s;
        transform: translateY(-10%);
        opacity: 0;
    }

    #app_thankyou .modal.is-visible .modal-transition {
        transform: translateY(0);
        opacity: 1;
    }

    #app_thankyou .modal-content>*:first-child {
        margin-top: 0;
    }

    #app_thankyou .modal-content>*:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .app-card-sts {
        flex-direction: column;
    }

    .app-status-wrap .app-status-card:nth-child(2) {
        margin-bottom: 0px !important;
    }

    .main-job-card {
        width: 100%;
    }

    #app_form .dropzone .after-upload .upload-sts {
        width: 100%;
    }

    .fit-wrap footer div .footer-search-social:before {
        border: 0px;
    }

    .before-upload span {
        margin: 5px 5px
    }

    .before-upload img {
        margin: 7px 5px;
    }

    .app-acknowledge .step-prev-next .next-btn {
        width: 50%;
    }

    .app-acknowledge .step-prev-next .prev-btn {
        width: 48%;
    }

    .div-box {
        position: relative;
        display: flex;
        flex-direction: column;
        padding: 15px 35px 20px 35px;
        border: none;
    }

    .file-indicate .resume-update-close {
        right: -0%;
    }

    .dropzone .browse-file,
    .dropzone .dzone-dnd,
    .dropzone span.or {
        display: none;
    }

    .upload-resume {
        display: block;
        color: #125A9E;
        margin-top: 10px;
    }

    .app-sum-head {
        background: #EAF1F8;
        padding-top: 40px;
    }

    .app-sum-title {
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 10px;
    }

    .app-sum-title-sub {
        padding-top: 0;
    }

    .app-sum-head ul li {
        line-height: 22px;
        padding-bottom: 5px;
    }

    .app-sub-box .abtboxholder:before {
        display: none
    }

    .step-indicators {
        list-style-type: none;
        padding: 0;
        display: flex;
        justify-content: space-around;
    }

    .step-indicators li {
        position: relative;
        display: flex;
        text-align: center;
        flex-direction: column;
        align-items: center;
        font-size: 14px;
        line-height: 18px;
        font-family: "Poppins-Regular";
        font-weight: 400;
    }

    .step-indicators li:last-child:after {
        display: none;
    }

    .step-indicators li.active {
        font-weight: 600;
        padding: 0 10px;
    }

    .step-indicators li:after {
        content: '';
        height: 2px;
        width: 100%;
        top: 21%;
        left: 60%;
        background: #eee;
        position: absolute;
    }

    .step-indicators li.active span {
        background: #ED1C24;
        border: 1px solid #ED1C24;
        color: #fff;
        z-index: 9;
    }

    .step-form {
        /* padding: 30px; */
    }

    li.sts-completed span {
        background: url(../img/step-form-check-icon.png) no-repeat center center / cover !important;
        background-color: #ED1C24 !important;
        background-size: 1.1rem !important;
        border: none !important;
    }

    .step-indicators .sts-completed:after {
        background: #ED1C24;
    }

    .step-indicators li span {
        display: block;
        margin-bottom: 10px;
        padding: 10px;
        border-radius: 50%;
        z-index: 9;
        width: 38px;
        height: 38px;
        text-align: center;
        font-size: 14px;
        color: #000;
        border: 1px solid #A0A5B1;
        background: #fff;
    }

    /* .sts-completed span {
        background: url(../img/step-form-check-icon.png);
    } */
    #app_congrats {
        margin-top: 34px;
    }

    .step-prev-next {
        display: flex;
        padding-top: 20px;
    }

    .step-prev-next .prev-btn {
        border: 1px solid #125A9E;
        padding: 10px 16px 10px 16px;
        color: #125A9E;
        border-radius: 4px;
        width: 48%;
        margin-right: 13px;
    }

    .dropzone {
        padding: 80px 15px;
    }

    .step-prev-next .next-btn {
        border: 1px solid #ED1C24;
        padding: 10px 16px 10px 16px;
        color: #fff;
        border-radius: 4px;
        background: #ED1C24;
        width: 48%;
        box-shadow: #ED1C2433 0px 8px 12px 0px;
    }

    .step-header {
        display: block !important;
    }

    .step {
        display: none;
    }

    .step.active {
        display: block;
    }

    .step-btn {
        display: block !important;
    }

    .applicant-details .dropzone {
        padding: 100px 15px;
    }

    #app_form {
        padding: 30px 15px 0 15px;
    }

    .app-edu-input.app-verification .input-w,
    .pan-api-data .input-w,
    .app-edu-input .input-w {
        width: 100%;
        padding-bottom: 10px;
    }

    .pan-api-data .div-box {
        border: none;
    }

    .pan-api-data {
        background: #fff;
    }

    .app-sub-box .div-box {
        padding: 0;
    }

    .app-edu-input.app-verification .input-w button {
        margin-top: 0;
    }

    .app-edu-input {
        padding-bottom: 0;
    }

    .input-w {
        padding-right: 0;
    }

    .app-sub-box .title1 {
        display: none;
    }

    .input-w label {
        padding-bottom: 8px;
    }

    .dropzone .after-upload .completed {
        width: 100%;
        padding-left: 0;
        font-size: 12px;
        padding-top: 10px;
    }

    .dropzone .after-upload .upload-sts-wrap {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .dropzone .after-upload .upload-sts {
        width: 100%;
    }

    .dropzone .after-upload .file-indicate {
        padding: 30px 20px 50px 20px;
        margin-bottom: 8px;
    }

    .app-summary-contact {
        width: 100%;
        padding-bottom: 20px;
    }

    .app-summary-details {
        width: 100%;
        padding-left: 0;
        padding-top: 26px;
        border-left: none;
        border-top: 1px solid #A0A5B1;
    }

    .app-summary-details .app-data-label {
        width: 52%;
        padding-right: 10px;
    }

    .app-summary-details .app-resume-data {
        width: 48%;
    }

    .app-summary-data .input-w,
    .app-acknowledge .step-prev-next {
        width: 100%;
    }

    .app-summary-wrapper {
        padding: 30px;
    }

    .input-w select {
        padding-right: 26px;
    }

    .app-acknowledge {
        padding: 30px;
        text-align: left;
        background: #fff;
    }

    .app-status-title-wrapper .modern-title-icon {
        background-position: 0% 20%;
        background-size: 13%;
    }

    #id_show-hh h4.job-title {
        font-size: 22px;
    }

    #app_details {
        margin-top: 20px;
        padding: 0;
    }

    .app-status-title-wrapper {
        padding-top: 20%;
    }

    .file-success-update .file-indicate .upload-sts-wrap {
        padding-top: 0;
    }

    .file-success-update .my-resume {
        width: 18% !important;
    }

    #app_form .dropzone .after-upload .upload-sts-wrap {
        display: flex;
        flex-direction: column;
    }

    #app_form .dropzone .after-upload .completed {
        padding-left: 0;
        color: #3BB719;
    }

    .app-summary-data h4,
    .app-sum-resume h4 {
        font-size: 18px;
    }

    .app-summary-wrapper h3 {
        font-size: 22px;
    }

    label[for=applic_acknowledge] {
        line-height: 18px;
    }

    .app-status-btn {
        width: 90% !important;
    }

    .section-spc {
        padding: 64px 0;
    }

    .jd-main-title:not(:last-child) .list-titles {
        padding-bottom: 10px;
    }

    .stepform-dnone.file-success-update {
        text-align: left !important;
    }
}

@media (max-width: 1080px) {

    #app_form .dropzone .after-upload .completed {
        width: 20%;
    }

    #app_form .dropzone .after-upload .upload-sts {
        width: 100%;
    }

    .select-dropdown__button span {
        white-space: nowrap;
        width: 85%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    #id_show-hh h4.job-title {
        font-size: 22px;
    }

    .app-status-wrap {
        padding: 20px;
        flex-direction: column;
    }

    .app-status-card {
        width: 100%;
        margin-right: 0;
        padding: 30px;
        margin-bottom: 20px;
    }

    .app-status-card:last-child {
        margin-bottom: 0;
    }

    .app-sum-title-sub li {
        line-height: 22px;
        padding-bottom: 5px;
    }

    .app-assessment p {
        width: 100%;
    }

    .app-assessment h4 {
        line-height: 33px;
    }

    .app-status-btn {
        width: 40%;
    }

    .app-status-action {
        width: 100% !important;
    }

    .app-status-card .job-title {
        font-size: 22px;
        line-height: 28px;
    }

    .app-congrats-section h4 {
        font-size: 22px;
        padding-top: 10px;
        line-height: 33px;
    }

    .app-congrats-section .app-submit {
        font-size: 12px;
        padding: 10px 0;
    }

    .proceed-alert br {
        display: block;
    }

    .app-congrats-section .proceed-alert {
        font-size: 14px;
    }

    .proceed-congrats {
        width: 100%;
        font-size: 12px;
        margin-top: 30px;
    }

    #app_thankyou .proceed-congrats {
        width: 80%;
        display: block;
        margin: auto;
        margin-top: 20px !important;
    }

    .app-congrats-section .proceed-later {
        border: 1px solid #125A9E;
        font-family: "Poppins-Regular";
        padding: 10px 16px 10px 16px;
        color: #125A9E;
        border-radius: 4px;
        width: 100%;
        margin-right: 13px;
        background: #FFFFFF;
    }

    #app_congrats {
        padding: 30px !important;
    }

    #app_congrats,
    #app_thankyou {
        padding: 18px 0;
        height: 80vh;
        align-items: center;
        display: flex;
    }

    .app-thank-popup {
        width: 100%;
        padding: 80px 10px 90px 10px;
    }
}

@media only screen and (min-width : 360px) and (max-width : 1194px) and (orientation : landscape) {

    #app_details .app-summary-data .input-w input,
    .app-summary-data .input-w select {
        width: 100%;
    }

    .app-congrats-section .proceed-later {
        width: 60%;
        margin: auto;
    }

    label.label-single {
        margin-bottom: 15px;
    }

    .pref-location {
        margin-bottom: 15px;
    }

    .file-success-update .my-resume {
        width: 8% !important;
    }

    .app-status-btn {
        width: 40%;
    }

    .app-acknowledge .step-prev-next {
        width: 70%;
        margin: auto;
        justify-content: center;
    }

    .app-acknowledge .step-prev-next .prev-btn,
    .app-acknowledge .step-prev-next .next-btn {
        width: auto;
    }

    #app_congrats,
    #app_thankyou {
        height: 160vh;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .proceed-congrats {
        width: 40% !important;
        margin-top: 30px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px)and (orientation: portrait) {
    label.label-single[for="id_qualify"],
    label.label-single[for="total_exp"],
    label.label-single[for="sales_exp"] {
        margin-bottom: 0;
    }
}

@media only screen and (min-width : 1080px) and (max-width : 1180px) and (orientation : landscape) {
    label.label-single[for="bfsi_exp"],
    label.label-single[for="c_ctc"],
    label.label-single[for="preferred_location"] {
        margin-bottom: 0 !important;
    }
}

@media only screen and (min-width : 1024px) and (max-width : 1194px) and (orientation : landscape) {
    label.label-single[for="id_qualify"],
    label.label-single[for="total_exp"],
    label.label-single[for="sales_exp"] {
        margin-bottom: 0 !important;
    }
}

@media only screen and (min-width : 767px) and (max-width : 768px) and (orientation : portrait) {
    label.label-single[for="total_exp"] {
        margin-bottom: 0;
    }
}

@media only screen and (min-width : 767px) and (max-width : 1194px) and (orientation : portrait) {

    #app_details .app-summary-data .input-w input,
    .app-summary-data .input-w select {
        width: 100%;
    }

    .app-card-sts .app-status-card:last-child {
        margin-bottom: 0 !important;
    }

    #id_show-hh .app-status-card {
        margin-left: 0 !important;
    }

    .file-indicate .resume-update-close {
        right: -0%;
    }

    .app-congrats-section .proceed-later {
        width: 50%;
        margin: auto;
    }

    #app_form .dropzone .after-upload .completed {
        padding-top: 10px;
        padding-left: 0;
    }

    #app_form .dropzone .after-upload .file-indicate {
        padding-bottom: 34px;
    }

    label.label-single {
        margin-bottom: 15px;
    }

    .app-acknowledge .step-prev-next {
        width: 70%;
    }

    #app_thankyou .modal-wrapper {
        left: 50%;
    }

    #app_congrats,
    #app_thankyou {
        justify-content: center;
    }

    .proceed-congrats {
        width: 50% !important;
        margin-top: 30px;
    }

    .file-success-update .my-resume,
    #app_details .my-resume {
        width: 10%;
    }
}

@media only screen and (min-width : 767px) and (max-width : 800px) and (orientation : portrait) {
    label[for=preferred_location].label-single {
        margin-bottom: 0;
    }
}

#app_congrats,
#app_thankyou {
    display: none;
}

#app_details .select-dropdown {
    max-width: 250px;
}

.select-dropdown {
    position: relative;
    display: inline-block;
}

#app_details .app-summary-data .input-w input,
.app-summary-data .input-w select {
    max-width: 250px;
}
.form-datefield::placeholder{
    color: #8A93A5 !important;
}
.form-datefield{
    color: #233253 !important;
}
#app_details .input-w select, 
#app_details .input-w input {
    color: #233253;
}
#id_dob.form-datefield {
    padding-left: 8px;
    background-image: url('../img/calander.png');
    background-size: contain;
    /* Adjust the size of the icon */
    background-repeat: no-repeat;
    background-size: 9%;
    background-position: 95% 50%;
    cursor: pointer;
}
.select-dropdown__button {
    margin-top: 0 !important;
    background: #f4f4f5;
    border: none;
    padding: 10px;
    color: #233253;
    border-radius: 4px;
    text-align: left;
}
#app_details .select-dropdown [value=""]{
    background: transparent !important;
}
#app_details .select-dropdown.app-view input{
    background: transparent !important;
}
#app_details .select-dropdown [value=""] {
    font-style: normal;
}
.select-dropdown [value=""] {
    font-style: italic;
    color: #8A93A5;
    margin-bottom: -1px;

}

.select-dropdown__button.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


.select-dropdown__button span {
    font-family: "Poppins-Regular";

    font-weight: 600;
    font-size: 12px;
}

.select-dropdown__button::focus {
    outline: none;
}

.select-dropdown__button .zmdi-chevron-down {
    position: absolute;
    right: 10px;
    top: 12px;
}
.select-dropdown input{
    width: 100%;
    background-color: #FFF;
        border: 1px solid #233253 !important;
}

.select-dropdown__list {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    max-height: 200px;
    overflow: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    opacity: 0;
    pointer-events: none;
    transform-origin: top left;
    transform: scale(1, 0);
    transition: all ease-in-out 0.3s;
    z-index: 2;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select-dropdown__list.active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1, 1);
}

.select-dropdown__list-item {
    color: #233253;
    font-size: #233253;
    font-weight: 600;
    font-family: "Poppins-Regular";
    padding: 12px;
    background: #f4f4f5;
    font-size: 12px;
    line-height: 22px;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
    margin-bottom: -1px;
}

/* .select-dropdown__button:after {
    content: '';
    top: 39%;
    position: absolute;
    height: 10px;
    width: 20px;
    background-image: url(../img/select-drop-icon.png);
    right: 4%;
    background-repeat: no-repeat;
    transition: transform 0.3s;
} */
.select-dropdown:after {
    content: '';
    top: 39%;
    position: absolute;
    height: 10px;
    width: 20px;
    background-image: url(../img/select-drop-icon.png);
    right: 4%;
    background-repeat: no-repeat;
    transition: transform 0.3s;
}

.select-dropdown__button.active:after {
    transform: rotate(180deg);
    top: 25%;
    right: 6%;
}

.select-dropdown button {
    width: 100%;
}

.select-dropdown__button.app-edit {
    background: #fff;
}

.app-resume-data .select-dropdown__list li {
    background: #fff;
}

.app-resume-data .select-dropdown__list {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

#email-mobile-error {
    margin-bottom: 10px;
    font-size: 12px;
    color: red;
    font-family: "Poppins-Regular";
}

@media screen and (min-width: 1400px) {
    .app-summary-details .app-data-col:last-child .app-data-label {
        /* margin-top: 7px; */
    }
}

.check-result .assement-cta-mob {
    display: block;
    width: 100% !important;
    margin-top: 15px !important;
}