.hidden{
    display: none !important;
}
#filter-archive-post.filter-careers .tab-content{
    margin-bottom: 20px;
}
.wrap-filter-careers{
    margin-bottom: 30px;
}
.wrap-filter-careers .total-post{
    color: #A3A3A3;
    text-align: right;
}
.department-title{
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 41.6px */
    letter-spacing: -0.32px;
    margin: 0 0 10px;
}
.department-description{
    color: #757575;
    margin-bottom: 30px;
}
.post-department:not(:last-child){
    margin-bottom: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #D4D4D4;
}
.post-department__list{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.post-department__post{
    display: flex;
    gap: 60px;
    
    
}
.post-department__post .post-title{
    width: 55%;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 28.6px */
    letter-spacing: -0.66px;
}
.post-department__post .post-title a{
    color: #111;
}
.post-department__post a:hover{
    text-decoration: underline;
}
.post-department__post .post-locations{
    width: 25%;
   
}
.post-department__post .post-action{
    width: 20%;
    text-align: right;
}
.post-department__post .post-action a.button-apply-job{
    display: inline-flex;
    width: auto;
    gap: 10px;
    font-weight: 600;
    color: #111;
    line-height: 100%;
}
.post-department__post .post-action a.button-apply-job:hover,
.post-department__post .post-action a.button-apply-job:focus{
    color: #CC200D;
    text-decoration: none;
}
.post-department__post .post-action a.button-apply-job:hover svg path,
.post-department__post .post-action a.button-apply-job:focus svg path{
    stroke: #CC200D;
}

@media only screen and (max-width: 1024px) {
    .wrap-filter-careers .total-post{
        margin-top: 20px;
        text-align: left;
    }
    .wrap-filter-careers{
        margin-bottom: 60px;
    }
    .post-department__post{
        flex-wrap: wrap;
        gap: 0;
    }
    .post-department__post .post-title{
        width: 70%;
        margin-bottom: 10px;
    }
    .post-department__post .post-locations{
        width: 70%;
        order: 3;
    }
    .post-department__post .post-action {
        width: 30%;
    }
}

@media only screen and (max-width: 860px) {
    .wrap-filter-careers{
        margin-bottom: 50px;
    }
    .post-department__post>div{
        width: 100% !important;
    }
    .post-department__post .post-locations{
        margin-bottom: 30px;
        order: 2;
    }
    .post-department__post .post-action {
        order: 3;
        text-align: left;
    }
    .post-department__list{
        gap: 50px;
    }
}