#tuyendung {
    background-color: var(--theme-bhdoanhnghiep);
    color: white;
}

/* #tuyendung .carousel-item{
    height: 500px;
} */

#tuyendung .section-title {
    background-color: white;
    color: black;
    padding: 1rem 2rem;
    width: 50%;
    text-align: right;
    transform: translateY(-50%);
    opacity: .9;
    position: relative;
    z-index: 1;
}

.tuyendung-feature h6 {
    font-weight: 900;
    font-size: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: capitalize;
}

.tuyendung-feature p:last-child{
    font-size: 16px;
   display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tuyendung-feature .tag span {
    border-right: 1px solid white;

    padding-right: 0.5rem;
    margin-right: 0.5rem;
}

.tuyendung-feature .tag span:last-child {
    font-size: 14px;
    border-right: 0;
    padding-right: unset;
    margin-right: unset;
}

.tuyendung-feature a{
    color: #fff;
}

.tuyendung-list-wrap {
    background-color: white;
    color: black;
}



.tuyendung-item .tag span {
    border-right: 1px solid var(--bs-secondary);
    color: var(--bs-secondary);

    padding-right: 0.5rem;
    margin-right: 0.5rem;
}

.tuyendung-item .tag span:last-child {
    font-size: 14px;
    border-right: 0;
    padding-right: unset;
    margin-right: unset;
}

.tuyendung-item p:last-child{
    font-size: 16px;
   display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tuyendung-item .item-heading {
    font-weight: 900;
    font-size: 1.2rem;
    color: var(--dark-blue);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: capitalize;
}


.search-form input,
.search-form button {
    border: none;
    outline: none;
    background: none;
}

.search-form .search-box {
    border: 1px solid lightgray;
}

@media (min-width: 1200px){
    tuyendung-item{
        align-items: end !important;   
    }
}

@media (min-width: 1700px){
    #tuyendung .section-title{
        font-size: var(--fontsize-h1);
        padding: 2rem 3rem;
    }
}

@media (max-width: 1399.98px){
    #tuyendung .section-title{
        width: 100%;
        transform: none;
        text-align: center;
    }
    
    .tuyendung-feature{
        margin-top: 1rem;
    }
}

@media (max-width: 991px){
    #tuyendung .section-title{
        padding: 0.5rem 1rem;
    }
}

@media (max-width: 767px){
    .tuyendung-feature h6{
        font-size: 18px;   
    }
    
    .tuyendung-item .item-heading{
        font-size: 16px;   
    }
    
    .tuyendung-item .tag span:last-child,.tuyendung-feature .tag span:last-child{
        font-size: 12px;   
    }
    
    .tuyendung-item p:last-child,.tuyendung-feature p:last-child{
        font-size: 14px;   
    }
}
        
