.careerModal .modal-content{border-radius: 20px;}
.careerModal .formArea{display: flex;flex-direction: column;padding: 32px;}
.careerModal .modal-title{width: 100%;text-align: center;font-size: 24px;margin-bottom: 24px;line-height: 1.3;}

.careerModal *:last-child{margin-bottom: 0 !important;}
.careerModal .inputText{width: 100%;display: flex;flex-direction: column;margin-bottom: 24px;}
.careerModal .checkboxText{width: 100%;display: flex;flex-direction: column;margin-bottom: 24px;}
.careerModal .inputText > span{width: 100%;color:red;font-size: 12px;padding-top: 8px;line-height: 1.2;display: none;}
.careerModal .inputText.error > span{display: flex;}
.careerModal .inputText.error select, .careerModal .inputText.error input{border-color: red;}
.careerModal .inputText label{font-weight: 500;font-size: 20px;color:#000;margin-bottom: 12px;line-height: 1.2;}
.careerModal .inputText label > i{color:red;font-style: normal;}
.careerModal input:not([type="checkbox"], [type="radio"]), .careerModal select{border:1px solid #98A1B0;border-radius: 8px;height: 46px;padding-inline: 16px;border-color:#98A1B0;}
.careerModal input:focus, .careerModal select:focus{outline: none !important;}
.careerModal .inputText p{display: flex;align-items: flex-start;color:#091E42;}
.careerModal .inputText p:not(:last-child){margin-bottom: 0;}
.careerModal .inputText p input{margin: 5px 16px 0 0;}
.careerModal .inputText .number{width:100%;display: flex;gap:8px 16px;}
.careerModal .inputText .number select{width: 125px;}
.careerModal .inputText .number input{width: 100%;padding-left:72px;}
.careerModal [class*="part-"]{width: 100%;display: grid;column-gap: 16px;}
.careerModal [class*="part-"][class*="2"]{grid-template-columns: 1fr 1fr;}
.careerModal .btns{flex-direction: column;margin-top: 8px;}
.careerModal .inputFile {display: flex;}
.careerModal .inputFile input[type=file]::file-selector-button {background-color: #fff;color: #000;border: 0px;border-right: 1px solid #98A1B0;padding: 10px 15px;margin-right: 20px;}


.inputFile {position: relative;width: 100%;border-radius: 8px;text-align: center;height: 46px;color:#fff;border: 1px solid var(--green);}
.inputFile input[type="file"]{display: none;}
.inputFile label {display: flex;position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;justify-content: center;align-items: center;line-height: 1.2;padding-inline: 12px;}
.inputFile label > span{display: flex;align-items: center;font-size: 16px;color: var(--green);}
.careerModal .inputText > span.format{color:#5D6B82;display: flex;}
.inputFile label > span > img{width: auto;height: 16px;margin-right: 8px;}
.careerModal .inputText .inputFile label > i{font-style: normal;display: none;color: var(--green);}

.inputFile.active{background: rgba(0, 181, 18, 0.20);border:1px solid rgba(0, 181, 18, 1);color:#000;}
.inputFile.active label{justify-content: space-between;}
.inputFile.active label > span{color:#091E42;}
.careerModal .inputText .inputFile.active label > i{display: flex;}

@media (max-width:991px){
    
}
@media (max-width:767px){
    .careerModal .modal-title{font-size: 20px;}
    .careerModal .inputText label {font-size: 16px;margin-bottom: 8px;}
    .careerModal input:not([type="checkbox"], [type="radio"]), .careerModal select, .inputFile{height: 42px;}
    .careerModal .inputText{margin-bottom: 16px;}
    
}
@media (max-width:575px){
    .careerModal .formArea{padding-inline: 16px;}
    .careerModal input:not([type="checkbox"], [type="radio"]), .careerModal select {padding-inline: 8px;}
}