.career-filter{
    margin-bottom:30px;
}

.career-btn{
    padding:10px 18px;
    margin:5px;
    border:none;
    cursor:pointer;
    background: var(--e-global-color-secondary) !important;
    color: #fff;
}

.career-btn.active {
    background: var( --e-global-color-primary ) !important;
    color: #fff;
}

.career-card{
    width:25%;
    float:left;
    padding:10px;
    box-sizing:border-box;
}

.career-box{
    background:#f5f5f5;
    padding:20px;
    text-align:center;
    transition:.3s;
}

.career-box:hover{
    background:#019bd7;
    color:#fff;
}





.career-details {
    max-width: 1100px;
    margin: 50px auto 240px;
}
.career-table{
    width:100%;
    border-collapse:collapse;
}
.career-table td, .career-table th {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
}
.career-apply-btn{
    background:#019bd7;
    color:#fff;
    padding:14px 25px;
    border:none;
    cursor:pointer;
}


/* ===========================
Career Modal
=========================== */

.career-modal{

display:none;

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

background:rgba(0,0,0,.65);

z-index:99999;

overflow:auto;

}

.career-modal-content{

width:650px;

max-width:95%;

background:#fff;

margin:60px auto;

padding:30px;

position:relative;

border-radius:6px;

}

.career-close{

position:absolute;

right:20px;

top:15px;

font-size:28px;

cursor:pointer;

}

.career-field{

margin-bottom:20px;

}

.career-field label {
    display: block;
    margin-bottom: 8px;
    color: var(--e-global-color-text) !important;
}

.career-field input{

width:100%;

padding:12px;

box-sizing:border-box;

}

.career-submit{

background:#019bd7;

color:#fff;

padding:12px 20px;

border:none;

cursor:pointer;

}
#careerMessage{

margin-top:20px;

font-weight:bold;

}

.career-submit.loading{

opacity:.6;

pointer-events:none;

}

.career-success{

color:green;

}

.career-error{

color:red;

}



@media (max-width: 767px){
.career-details {
    margin: 0px auto 50px;
}

}