/* Faisal style start */
.grid-layout-1 {
    display: grid;
    grid-template-columns: 73% 25%;
    grid-column-gap: 2%;
}
.frnt_end_frm div#message {
    display: none;
}
.frnt_end_frm .acf-field.acf-field-taxonomy {
    padding: initial;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #249dbb;
    padding: 25px 10px 20px 10px !important;
    border-radius: 5px !important;
}
.frnt_end_frm .acf-field.acf-field-taxonomy .acf-input {
    width: 60%;
}
.select2-container--default .select2-selection--single .select2-selection__clear, .acf-field.acf-field-text.acf-field-669f923fc4bdb, .acf-field.acf-field-text.acf-field-66b61da8373db {
    display: none;
}

span.select2-search.select2-search--dropdown input {
    height: 35px !important;
}
.select2-container--default .select2-results>.select2-results__options {
    color: #000;
}
.frnt_end_frm .acf-fields > .acf-field {
    padding: initial;
    padding-top: 10px;
    padding-bottom: 20px;
}
.frnt_end_frm {
    display: none;
}
.logged-in .frnt_end_frm {
    display: initial;
}
.logged-in .frnt_end_frm .acf-form-submit {
    display: none;
}
.popup {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #f2f2f2;
    padding: 12px 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 31%;
    border-radius: 10px;
}
.popup .popup-content {
    margin-bottom: 20px;
    color: #0e5087;
    font-size: 15px;
}
.show_button {
    display: block !important;
}
.button_wrapper {
    display: flex;
    justify-content: end;
    align-items: center;
}
.button_wrapper button#yes-button {
    margin-left: 20px;
}
.button_wrapper button {
    cursor: pointer;
}
.button_wrapper button#no-button {
    background-color: #fff;
    color: #000;
    border-color: #fff;
}
div#popup-heading {
    text-align: center;
    color: #000;
    font-size: 21px;
    font-weight: 600;
    border-bottom: 1px solid #0e5087;
    padding-bottom: 5px;
    margin-bottom: 25px;
    letter-spacing: 1px;
}
.acf_form_wrapper .acf-field {
    display: grid;
    grid-template-columns: 39% 59%;
    grid-column-gap: 2%;
    grid-row-gap: 5% !important;
    padding-left: inherit !important;
    padding-right: inherit !important;
}
.acf_form_wrapper .acf-form {
    padding: 30px;
    background-color: #2299bb;
    border-radius: 10px;
}
.acf_form_wrapper div#message {
    display: none;
}
.acf-repeater .acf-actions .acf-button {
    font-size: 11px;
}
input[type="email"] {
    height: 52px;
    background: rgba(244, 245, 250, 0.95) !important;
    background: rgba(244, 245, 250, 0.95) !important;
    border-radius: 5px;
    font-family: "Poppins", Helvetica, Arial !important;
    font-size: 14px !important;
    border: 1.5px solid transparent;
    padding-left: 10px;
    padding-right: 10px;
    outline: 0 !important;
    border-radius: 5px !important;
}
.acf_form_wrapper .acf-field .acf-label {
    margin-bottom: inherit;
    display: flex;
    align-items: center;
}
.select_interviewer_ {
    grid-template-columns: 23% 75% !important;
}
.select_interviewer_ .acf-field {
    grid-template-columns: 1fr 1fr;
    padding-left: 20px !important;
    padding-right: 20px !important;
    color: #000;
}
.logged-in .frnt_end_frm span.select2-selection__clear {
    display: none;
    visibility: hidden;
}
.question_wrapper ul.acf-radio-list.acf-bl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.question_wrapper input[type=radio] {
    height: 30px;
    width: 18px;
    cursor:pointer;
}
.question_wrapper input[type="radio"]:checked {
    accent-color: #0000;
}
.single-interviews .select2-container.-acf .select2-selection {
    height: 50px;
}
.single-interviews .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}
 span.select2-dropdown.select2-dropdown--above {
    position: relative;
    top: 32px;
}
.second-interview-form .hide_texnmy .select2-results ul li:last-child {
    display: none;
}
.pods-form .pods-submittable-fields .pods-field__container {
    width: 100%;
}
.single-job_post .pods-field-option .pods-form-ui-field.pods-form-ui-field-type-number-slider {
    max-width: 100%;
}
.single-job_post .pods-form {
    padding: 30px;
    background-color: #2299bb;
    border-radius: 10px;
}

/* Quiz from style */
/* Hide default checkbox */
ul#test__ .pods-checkbox-pick__option input[type="checkbox"] {
  display: none;
}
#customPopup .cqs-applicant-fields {
    display: initial !important;
}
.quiz-question {
    text-align: left;
}
/* Style the label as button */
html ul#test__ .pods-checkbox-pick__option__label {
    display: inline-block;
    padding: 14px 23px 14px !important;
    background: #0e5087;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
    transition: background 0.3s;
}
ul#test__ {
    border: none;
    height: auto;
}
.pods-form-ui-row-name-test {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50% !important;
    margin: auto;
    border-radius: 8px;
}
.pods-form-ui-row-name-test label.pods-form-ui-label.pods-form-ui-label-pods-field-test.pods-validate.pods-validate-required {
    display: none;
}
/* On hover */
ul#test__ .pods-checkbox-pick__option__label:hover {
  background: #005c87;
}

/* When checkbox is checked */
ul#test__ .pods-checkbox-pick__option input[type="checkbox"]:checked + .pods-checkbox-pick__option__label {
  background: #00a32a;
}
/* Popup background */
#customPopup {
  display: none; /* hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}

/* Popup box */
#customPopup .popup-content {
background: #1066af;
    padding: 20px;
    border-radius: 10px;
    max-width: 800px;
    margin: 50px auto;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}
form#custom-quiz-form {
    padding-bottom: 30px;
    padding: 20px;
   box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
div#typing-results {
    text-align: center;
}
.cqs-success {
    text-align: center;
}
form#quiz-start-form {
    /* text-align: center; */
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px;
    width: 600px;
    margin: auto;
}
div#main-content h1 {
    text-align: center;
    display: none;
}
form#quiz-start-form input {
    width: 100%;
}
/* Close button */
#customPopup #closePopupBtn {
  padding: 10px 20px;
  background: #0073aa;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#customPopup #closePopupBtn:hover {
  background: #005c87;
}
.pods-quiz-disabled {
    opacity: 0.5;
}
.top-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top-header h2 {
    margin-bottom: 0;
}
.quiz_instr {
    background-color: #ff00008a;
    padding: 10px;
    text-align: left;
    margin-top: 25px;
    margin-bottom: 25px;
}
.quiz_instr ul {
    padding-left: 15px;
}
h3.quiz-instr-title {
    text-align: center;
}
form#custom-quiz-form input[type="text"] {
    width: 100%;
}
.cqs-modal-inner {
    background: #083357;
    border: 2px solid #fff;
}
.cqs-applicant-fields {
    display: grid;
    justify-content: space-between;
    text-align: left;
    grid-template-columns:1fr;
    grid-column-gap: 20px;
}
.cqs-errors {
    height: 196px;
    overflow-y: scroll;
    padding: 20px;
    text-align: center;
}
#cqs_submit_button:disabled {
    background-color: #cccccc !important; /* grey background */
    border-color: #999999 !important;     /* grey border */
    color: #666666 !important;            /* grey text */
    cursor: not-allowed;                  /* show "not allowed" cursor */
    opacity: 0.7;
}
#typing-passage span.current { background: yellow;color: #000; }
#typing-passage span.correct { color: green;background: #fff; }
#typing-passage span.wrong { color: #fff;background: red;}

#typing-timer {
    color: #fff;
    margin: 20px auto;
    background: red;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
}
#typing-input:disabled {
    background-color: #f8d7da; 
    color: #6c757d;             
    border: 1px solid #dc3545;  
    cursor: not-allowed;        
    font-weight: bold;
    text-align: center;
}
.page-id-5690 .cqs-applicant-fields {
    display: none;
}
.frm_stp1 {
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    width: 100%;
    max-width: 600px;
    margin: auto;
}
.frm_stp1 input {
    width: 100%;
}
.stp-btn, .btn_sbmt_q, #cqs-result-area {
    text-align: center;
}
.page-id-5690 div#login-links {
    display: none !important;
}
.single-job_post form#custom-quiz-form {
    overflow-y: scroll;
    height: 267px;
}
.page-id-5690 .cqs-result {
    margin: 30px 0px;
}
.highlight-missing:before {
    position: absolute;
    content: "Please Fill All Fields";
    right: 0;
    color: red;
}
.highlight-missing {
    position: relative;
}
/* Media Queries start Here */
@media screen and ( max-width: 1024px ) {
    .grid-layout-1 {
        grid-template-columns: 60% 38%;
    }
    .popup {
        width: 50%;
    }
    .question_wrapper ul.acf-radio-list.acf-bl {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
    }
}
@media screen and (max-width: 767px) {
    .acf_form_wrapper .acf-field, .select_interviewer_ {
        grid-template-columns: 100% !important;
        grid-column-gap: 0%;
    }
    body input[type=text], input[type="email"] {
        height: 45px !important;
    }
    .grid-layout-1 {
       display: flex;
       flex-direction: column-reverse;
    }
    .grid-layout-1 .acf-fields.acf-form-fields.-top {
        background-color: #2793bd;
        padding: 10px;
        margin-bottom: 20px;
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    }
    .popup {
        width: 90%;
    }
    .grid-layout-1 .acf-fields.acf-form-fields.-top .acf-field {
        padding: 10px 5px 5px 5px;
    }

}

/*  styles for screen height  */
@media screen and (max-height: 768px) {
    .single-job_post .cqs-result {
        overflow-y: scroll;
        height: 100px;
        padding: 15px 0px;
    }
}
/* Faisal style end */