/* PHONE FIELD ALIGN FIX */
.phone-container{
    display:flex;
    gap:12px;
    align-items:stretch;
}

/* SAME HEIGHT FOR INPUT + SELECT */
.phone-container .form_input{
    height:48px;           /* force equal height */
    min-height:48px;
    line-height:48px;
    padding:0 14px;
}

/* REMOVE EXTRA ARROW SPACE */
.phone-container select.form_input{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-position:right 12px center;
}

/* FIX SELECT2 HEIGHT (if used) */
.select2-container--default .select2-selection--single{
    height:48px !important;
    border-radius:12px !important;
    background:#f5f5f5!important;
    border:none;
}


.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:35px !important;
    padding-left:14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:48px !important;
}
.button:where(.w-variant-b22b0982-e281-f4c5-fd1f-0ae48dd565cc) {
    background-color: var(--_primitives---neutrals--light-grey)!important;
}
/* ===== MAKE ALL CAREER CARDS SAME HEIGHT ===== */
.career_card-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

/* each card full height */
.career_card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* image wrapper fixed height */
.career_card-img-wrap {
    width: 100%;
    height: 220px;        /* change if you want taller */
    overflow: hidden;
    border-radius: 16px;
}

/* image fills wrapper uniformly */
.career_card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;    /* keeps aspect ratio + crops nicely */
    display: block;
}

/* push bottom content to same line */
.career_card-content {
    flex-grow: 1;
}
/* ===== CARD HOVER EFFECT ===== */
.career_card {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    border-radius: 20px;
}

/* lift + shadow */
.career_card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* image zoom container */
.career_card-img-wrap {
    overflow: hidden;
}

/* zoom image smoothly */
.career_card-img {
    transition: transform 0.5s ease;
}

/* zoom on hover */
.career_card:hover .career_card-img {
    transform: scale(1.06);
}
.career_card:hover {
    background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
}