.hiring-banner{background-color:#0b1435;color:#fff;width:100%;display:flex;justify-content:center;align-items:center;padding:100px 0;text-align:center}
.banner-content{max-width:900px;width:100%}
.tag-container{display:flex;justify-content:center;margin-bottom:30px}
.tag-pill{display:flex;align-items:center;padding:7px 24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:100px;font-weight:500;font-size:14px;line-height:22px;color:rgba(255,255,255,.7);gap:7px}
.tag-icon{width:16px;height:16px;margin-right:.75rem}
.main-title{font-weight:800;font-size:58px;line-height:67px;text-align:center;color:#fff;margin:0 0 30px 0}
.subtitle{font-weight:400;font-size:18px;line-height:33px;text-align:center;color:rgba(255,255,255,.6);margin:0}



form.form-grid {display: flex;justify-content: center;flex-wrap: wrap;background: #FFFFFF;border: 1px solid #DCDCDC;border-radius: 53px;padding: 50px;margin-top: 60px;margin-bottom: 140px;gap: 20px 60px;}
.form-footer {
    width: 100%;
}
.col-left, .col-right {
    flex: 0 0 calc(50% - 30px);
    padding: 0 0;
}
.form-group {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 25px;
}
.form-group label, span.field-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0B1A2E;
    width: 100%;
    margin-bottom: 0;
}
.form-group label.error{
    color: red;
    font-size: 12px;
    margin: 5px 0;
    font-weight:400;
}
.form-group  input {
    width: 100%;
    outline: none;
    border: 0;
    border-bottom: 1px solid #D1D5DC;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #383a3d;
    padding: 15px 0;
}
span.sub-label {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #0B1A2E;
    margin: 0 0 5px 0;
    display: block;
}
/* Target placeholders specifically within the Application-card parent */
.Application-card input::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #D1D5DC;
    /* Opacity is set to 1 because some browsers (like Firefox) 
       default to a lower opacity for placeholders */
    opacity: 1; 
}

/* For older Internet Explorer versions if needed */
.Application-card input:-ms-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #D1D5DC;
}

/* For Microsoft Edge */
.Application-card input::-ms-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #D1D5DC;
}
span.input-icon {
    position: absolute;
    top: 18px;
    right: 0;
}
.form-group label span, .Application-card .field-title span {
    color: red;
}

.form-group input:focus {
    border-bottom: 2px solid #1167e8;
}
.allication-wrapper input#file {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  cursor: pointer;
  top: 0;
  opacity: 0;
}
.input-with-icon {
    width: 100%;
    position: relative;
}
.allication-wrapper {
    background: #F8FAFC;
    border: 1px solid #E5E7EB;
    border-radius: 17px;
    padding: 32px 20px;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    position: relative;
    /* height: 113px; */
    align-items: center;
    flex-flow: row wrap;
}
.allication-wrapper label.error{
    display: block;
    flex: 1;
    width: 100%;
}

label.upload-box {
font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #99A1AF;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.file-placeholder span.icon {display: flex;}

.file-placeholder {
    display: flex;
    align-items: center;
    gap: 7px;
}
input#resume-input {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.visual-button {
    background: #FFFFFF;
    border:1px solid #E5E7EB;
    border-radius: 12px;
    width: 150px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #0B1A2E;
    gap: 7px;
}
.servises-button a {
    width: 209px;
}
.Application-card {
    /* padding-top: 80px; */
}
@media (max-width:860px){
.col-left, .col-right {
    flex: 0 0 100%;
}
.main-title {
    font-size: 46px;
    line-height: 1.2;
}

.banner-content {
    padding: 0 15px;
}
}
@media (max-width:640px){
    .main-title {
        font-size: 36px;
        line-height: 1.2;
    }
    form.form-grid {
    padding: 24px;
    border-radius: 30px;
}

label.upload-box {
    flex-wrap: wrap;
    gap: 11px;
}

.visual-button {
    width: 100%;
}
    .allication-wrapper{
        padding:20px;
    }
}