.contact-form-content-drop-down-holder.position,
.contact-form-content-drop-down-holder.where-did-you-hear {
    width: 230px;
}

.contact-form-content-drop-down-holder .wpcf7-form-control-wrap {
    display: block;
    height: fit-content;
    margin-bottom: 16px;
    border-radius: 4px;
    border: 1px solid #012F6B;
    border: 1px solid #D4E6F9;
    transition: 0.4s cubic-bezier(1, 0.2, 0, 0.4);
}

.contact-form-content-drop-down-holder .wpcf7-form-control-wrap:hover {
    border-color: #012F6B;
}

.contact-form-content-drop-down-holder select {
    box-shadow: 0 0px 0px 0px rgb(0 0 0 / 0.0), 0 0px 0px 0px rgb(0 0 0 / 0.0);
    height: fit-content;
    transition: 0.4s cubic-bezier(1, 0.2, 0, 0.4);
}

.contact-form-content-drop-down-holder .select-styled {
    position: unset;
    padding: 8px 12px;
}

.contact-form-content-drop-down-holder .select-styled:after {
    content: '\e885';
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    height: 16px;
    width: 16px;
    font-size: 16px;
    line-height: 16px;
    float: right;
    border: none;
    font-family: "lucide-200-400";
    transition: 0.4s cubic-bezier(1, 0.2, 0, 0.4);
}

.contact-form-content-drop-down-holder .select-styled.active:after {
    content: '\e888';
}

.contact-form-content-drop-down-holder .select-options {
    display: block !important;
    height: 0px;
    overflow: hidden;

    transition: 0.4s cubic-bezier(1, 0.2, 0, 0.4);

    border-radius: 4px;
    background-color: #ffffffd9;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    opacity: 0;
}

.contact-form-content-drop-down-holder.position:has(.select-styled.active) .select-options {
    height: 219px;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
}

.contact-form-content-drop-down-holder.where-did-you-hear:has(.select-styled.active) .select-options {
    height: 273px;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
}

.contact-form-content-drop-down-holder .select-options li {
    border-radius: 4px;
    border: 1px solid transparent;
}

.contact-form-content-drop-down-holder .select-options li:hover,
.select-options li.is-selected {
    background-color: #D4E6F9;
    border: 1px solid #012F6B;
}


.contact-form-content-drop-down-holder:hover .select {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.contact-form-content-drop-down-holder:hover .select-styled:after {
    transform: translate(0, -50%) scale(1.05);
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/*  */

.contact-form-content-other-text-holder {
    height: 84px;
    transition: 0.4s ease-in;
    overflow: hidden;
}

.contact-form-content-other-text-holder.hidden {
    height: 0px;
}

.contact-form-content-other-text-holder .contact-form-content-sub-title {
    margin-bottom: 8px;
}

.contact-form-content-other-text-holder p:has(.wpcf7-form-control-wrap),
.contact-form-content-other-text-holder span {
    display: block;
    height: fit-content;
}

.contact-form-job-open-positions-other-field,
.contact-form-where-did-you-hear-other-field {
    min-height: unset;
    height: fit-content;
}

.contact-form-content-other-text-holder textarea {
    height: 48px;
    border: 1px solid;
}

/*  */

.contact-form-input-holder.cv p:has(.wpcf7-form-control-wrap) {
    position: relative;
    width: 100%;
    border: 2px dashed #012f6b87;
    border-radius: 8px;
}

.contact-form-input-holder.cv .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    height: 100px;
}

/* .contact-form-input-holder.cv .wpcf7-form-control-wrap::before { */
.contact-form.career-attachment-feedback::before {
    content: "Click to upload CV";
    position: absolute;
    top: 22px;
    left: calc(50% + 32px);
    transform: translate(-50%, 0px);
    width: max-content;
    color: #012F6B;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    z-index: 0;
}

.contact-form.career-attachment-feedback::after {
    content: ' ';
    position: absolute;
    left: calc(50% - 81.2px);
    top: 50%;

    transform: translate(-50%, -50%);
    height: 48px;
    width: 48px;
    border-radius: 8px;
    background-color: #FFD800;
}

.career-attachment-feedback {
    position: absolute;
    top: 57px;
    left: calc(50% - 49px);
    /* transform: translate(-50%, -50%);*/
    color: #012F6B;
    font-size: 14px;
    line-height: 1.4;

    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* text-align: center;
    vertical-align: middle;
    align-content: center; */
    padding-left: 145px;
    padding-top: 45px;
}

.contact-form-input-holder.cv .wpcf7-form-control-wrap::after,
.contact-form-input-holder.cv .wpcf7-form-control-wrap::before {
    content: '\e8ea';

    position: absolute;
    left: calc(50% - 80.5px);
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: "lucide-1200-1467";
    height: 48px;
    width: 48px;
    border-radius: 8px;
    /* background-color: #FFD800; */
    color: #012F6B;
    font-size: 24px;
    text-align: center;
    transition: 0.2s cubic-bezier(1, 0.2, 0, 0.4);
    z-index: 0;
}

.contact-form-input-holder.cv .wpcf7-form-control-wrap::before {
    clip-path: polygon(50% 60%, 100% 30%, 100% 100%, 0 100%, 0 30%);
}

.contact-form-input-holder.cv .wpcf7-form-control-wrap::after {
    clip-path: polygon(100% 0, 100% 30%, 50% 56%, 0 30%, 0 0);
}


.contact-form-input-holder.cv .wpcf7-form-control-wrap:has(.career-attachment:hover)::before {
    transform: translate(-50%, calc(-50% + 3px));
}

.contact-form-input-holder.cv .wpcf7-form-control-wrap:has(.career-attachment:hover)::after {
    transform: translate(-50%, calc(-50% - 3px));
}





/* .contact-form-input-holder.cv .wpcf7-form-control-wrap:hover:after{
    font-size: 25px;
} */

.career-attachment {
    position: relative;
    width: 100%;
    min-width: 387px;
    height: 100px;
    /* padding: 48px 24px 24px 24px; */
    color: transparent;
    transform: translate(0px, -5.33px);
    z-index: 1;
}

.career-attachment::file-selector-button {
    background-color: transparent;
    color: transparent;
    border: none;
}

.contact-form-input-holder.cv input[type="file" i]::-webkit-file-upload-button {
    background-color: transparent;
    border: transparent;
    color: transparent;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
}

.contact-form-input-holder.cv p:has(input[type="file"]:focus:invalid)>.contact-form.career-attachment-feedback,
.contact-form-input-holder.cv p:has(input:focus:invalid)>.contact-form.career-attachment-feedback {
    color: #dc3232;
}

input[type=file]:focus:invalid:focus {
    outline-color: transparent !important;
}

input[type=file]:focus:invalid {
    color: transparent !important;
    border-color: transparent !important;
}

.contact-form-input-holder.cv .wpcf7-not-valid-tip {
    text-align: center;
}


.career-message {
    min-height: unset;
    height: 48px !important;
    border: 1px solid;
}

.contact-form-submit-header {
    color: #012F6B;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 8px;
}

.contact-form-submit-header p {
    margin: 0;
}

.contact-form.privacy-holder {
    color: #012F6B;
    font-size: 14px;
    padding-left: 12px;
}

.contact-form.privacy-holder a {
    color: #012F6B;
}

.contact-form.privacy-holder .wpcf7-list-item {
    margin: 0;
}

.contact-form.privacy-holder input {
    border-radius: 3px;
    border-width: 2px;
    border-color: #012f6b;
    width: 28px;
    height: 28px;
}

.contact-form.privacy-holder input[type=checkbox]:checked:before {
    content: '\e865' !important;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "lucide-200-400" !important;
    font-size: 24px;
    color: #012F6B;
    transition: 0.2s ease-in;

}

.contact-form.privacy-holder input[type=checkbox]:checked {
    border: transparent;
}

.contact-form-submit-column.column-2 {
    justify-content: end;
    display: flex;
    flex-direction: column;
}




@media only screen and (max-width: 866px) {
    .contact-form-wrapper.job .contact-form-fields-holder {
        flex-direction: column;
    }

    .contact-form-input-holder.cv,
    .career-attachment {
        width: 387px;
    }
}


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

    .contact-form-input-holder.cv,
    .career-attachment {
        width: 280px;
    }

    .career-attachment-feedback {
        padding-left: 83px;
    }
}

/*******************************/
/*******************************/
/*******************************/
/*******************************/
/*******************************/
/*******************************/

/* .contact-form.image-job {
    width: 100%;
    height: 100%;
    background-image: url("https://stage.qbcs.com/wp-content/uploads/2025/03/contract_3135799.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;

}





.contact-form.name p input,
.contact-form.email p input,
.contact-form.phone p input,
.contact-form.open-positions p select,
.contact-form.where-did-you-hear p select,
.contact-form-job-open-positions-other-field p textarea,
.contact-form.message p textarea {
    border: 1px solid #012F6B;
}

.contact-form-job-open-positions-other-wrapper.hidden,
.contact-form-job-where-did-you-hear-about-us-other-wrapper.hidden {
    display: none;
}

.contact-form.open-positions h3,
.contact-form.where-did-you-hear h3,
.contact-form.message h3 {
    width: 100%;
    color: #012F6B;
    font-size: 24px;
}

.contact-form.open-positions p,
.contact-form.where-did-you-hear p {
    width: 100%;
}

.contact-form-job-open-positions-other-wrapper textarea,
.contact-form-job-where-did-you-hear-about-us-other-wrapper textarea {
    border-color: #012F6B;
}



.contact-form.cv-holder span.wpcf7-form-control-wrap {
    position: relative;
}



.contact-form.cv-holder span.wpcf7-form-control-wrap::before {
    content: "CV Upload";
    position: absolute;
    display: block;
    background: #ffd800;
    width: 140px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #000000;
}

input.wpcf7-form-control.wpcf7-file.career-attachment{
    position: relative;
    z-index: 2;
    background: transparent;
}


.career-attachment[type="file" i]::-webkit-file-upload-button, 
.career-attachment[type="file" i]::file-selector-button {
    width: 140px;
    height: 40px;
    background: transparent;
    border: transparent;
    color:  transparent;
}
.career-attachment[type="file" i]::-webkit-file-upload-button:hover{ 
    cursor: pointer;
} */