.container,.parallax.breadcrumb {
    opacity: 0; /* Ẩn nội dung trước khi JS hoàn thành */
    transition: opacity 0.3s ease-in-out;
}
.js-loaded .container,.js-loaded .parallax.breadcrumb {
    opacity: 1;
}
.detail-recruitment {
    max-width: 59rem;
    margin: 0 auto;
    padding: 1rem 0 5.125rem 0;
    /* text-align: justify; */
}
.ttl-detail.text-h1{
    /* font-family: "NTJSans-Regular",sans-serif; */
    font-size: 1.75rem;
    /* padding: 1rem; */
    text-align: left;
    padding-bottom: 1.25rem;
    text-transform: uppercase;
    color: #A2041B;
    border-bottom: 1px solid #A2041B;
}
.workplace{
    /* display: grid; */
    width: 100%;
    /* gap: 0; */
    /* grid-template-columns: repeat(2,1fr); */
    padding-bottom: 1rem;
    border-bottom: 1px solid #A2041B;
}
.workplace table{
    width: 100%;
    border-collapse: collapse;
}
.workplace p,.workplace.quantity p{
    margin: 0.125rem;
}
/* .workplace.quantity{
    padding-bottom: 1rem;
    border-bottom: 1px solid #A2041B;
} */
.text-workplace{
    font-family: "NTJSans-Bold",sans-serif;
    color: #A2041B;
    /* font-weight: bolder; */
    width: 13rem;
}
.text-workplace.work-text{
    padding-left: 2rem;
}
.local-workplace{
    /* width: 5rem; */
    /* padding-left: 1rem; */
}
.btn-apply{
    font-family: 'NTJSans-Bold',sans-serif;
    background-color: #FFFFFF;
    color: #A2041B;
    border: 1px solid #A2041B;
    width: 10rem;
    text-align: center;
    padding: 0.625rem 1.875rem;
    text-transform: uppercase;
    font-size: 0.875rem;
    cursor: pointer;
    margin-top: 2.5rem;
}
.btn-apply:hover{
    color: #F8C868;
    background-color: #A2041B;
    border:1px solid #F8C868
}
.job-description h3,.job-description h4{
    font-family: 'NTJSans-Bold',sans-serif;
    /* color: #A2041B; */
    color: #3e3d42;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    font-size: 1.063rem;
}
.job-description span{
    font-style: italic;
    font-size: 1rem;

}
.job-description ul{
    padding-left: 2.5rem;
}
.job-description em{
    margin-top: 1rem;
    font-style: italic;
}
.job-description ul li{
    list-style-type: disc;
    font-size: 1rem;
}
.job-description ul:last-of-type li:has(strong) {
    list-style-type: disclosure-closed;
}

.job-description ul li ul li{
    list-style-type: circle;
}
.job-description ul li a{
    color: #800000;
    font-size: 1rem;
}
.job-description ul li strong{
    font-family: 'NTJSans-Bold',sans-serif;
    color: #3e3d42;
    font-weight: 500;
}
@media (max-width:1024px){
    .detail-recruitment{
        padding: 1rem 2rem 5.125rem 2rem;
    }
}
@media(max-width:768px){
    .ttl-detail.text-h1{
        font-size: 1.25rem;
    }
    .breadcumb{
        padding-left: 2rem;
    }
    .text-workplace.work-text{
        padding-left: 0;
    }
    .job-description h3{
        margin-top: 1rem;
        font-size: 0.875rem;
    }
    .job-description ul li a{
        word-wrap: break-word;
    }
    .detail-recruitment{
        padding: 1rem 2rem 3.125rem 2rem;
    }
    .workplace tbody {
        display: grid;
        grid-template-columns: 1fr 1fr; /* Chia thành 2 cột */
    }
    .workplace tr {
        display: contents; /* Giữ nguyên cấu trúc bảng */
    }
    .text-workplace,.local-workplace{
        width: 100%;
    }
}