.tuyendung-content-page{max-width: 1300px;margin: auto;padding-top:80px;}

.tuyendung-banner-title{position: absolute;top:0;left:0;width:100%;height:100%;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 72px; color: #fff; font-weight: 600;background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);}

.vanhoanoibo-item{overflow: hidden;border-radius: 16px;display: block;}
.vanhoanoibo-item-title{color: #fff;font-size: 20px;font-weight: 600;width: 100%;}
.vanhoanoibo-item-title span{position: relative;z-index: 9}
.vanhoanoibo-list{position: relative;}
.swiper-vanhoanoibo-btn-next{position: absolute;width: 40px;height: 40px;background: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.1);border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;z-index: 9; right: 20px; top: 41%;cursor: pointer;}
.swiper-vanhoanoibo-btn-prev{position: absolute;width: 40px;height: 40px;background: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.1);border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;z-index: 9; left: 20px; top: 41%;cursor: pointer;}
.swiper-vanhoanoibo-btn-prev svg{transform: rotate(180deg);}
.vanhoanoibo-item-info{position: absolute;bottom:0;left:0;padding:20px;width: 100%;}
.vanhoanoibo-item-info:after{content:'';position: absolute;bottom:0;left:0;width:100%;height:150px;background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);    border-radius: 0 0 16px 16px;}
.vanhoanoibo-item-des{color:#fff;font-size:13px;line-height: 160%;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; position:relative;z-index: 1;}



.vanhoanoibo-swiper-scrollbar{width: 427px; margin: 24px auto 0; position: relative;}
.mySwiper-vanhoanoibo .swiper-scrollbar {
  background: #eee;
  height: 4px;  
  width: 100% !important;
}

.mySwiper-vanhoanoibo .swiper-scrollbar-drag {
  background: #B30510;
  border-radius: 10px;
}

.tuyendung-noibat-contain{padding:80px 0;}
.tuyendung-noibat-title{display: flex;justify-content: center;}
.tuyendung-noibat-title .home-title{text-align: right;}
.tuyendung-noibat-list{position: relative;}
.swiper-tuyendung-btn-next{position: absolute;width: 40px;height: 40px;background: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.1);border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;z-index: 9; right: 20px; top: 41%;cursor: pointer;}
.swiper-tuyendung-btn-prev{position: absolute;width: 40px;height: 40px;background: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.1);border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;z-index: 9; left: 20px; top: 41%;cursor: pointer;}
.swiper-tuyendung-btn-prev svg{transform: rotate(180deg);}

.mySwiper-td-noibat .swiper-wrapper {
}

.mySwiper-td-noibat .swiper-slide {
}

/* Hover item */
.mySwiper-td-noibat .swiper-slide:hover {
}


.tuyendung-nb-item{border-radius: 12px;border:1px solid #ebebeb;overflow: hidden;height: 314px;position: relative;}
.tuyendung-nb-item img{height: 50%;object-fit: cover;width:100%;}
.tuyendung-nb-info{padding:20px;height: 50%;}
.tuyendung-nb-info h3{color: #333; font-weight: 800; font-size: 20px;margin-bottom: 10px;}
.tuyendung-nb-info--mota{color: #B30510;font-size:14px;margin-bottom: 10px;}
.mySwiper-td-noibat .swiper-slide{transition: all ease 0.8s;flex-basis: calc(25% - 15px);}
.mySwiper-td-noibat .swiper-slide:hover{flex-basis: 40%;}

.tuyendung-nb-item--subinfo{position: absolute;top:0;left:0;width:100%;height:100%;display: none;}
.tuyendung-nb-item:hover .tuyendung-nb-item--subinfo{display: block;}
.tuyendung-nb-item--subinfo img{object-fit: cover;height: 100%;}
.tuyendung-nb-item---info{position: absolute;bottom:0;left:0;padding:20px;width: 100%;}
.tuyendung-nb-item---info-title{color:#fff;font-size:20px;font-weight: 700;margin-bottom: 12px;}

.tuyendung-nb-info--subinfo{display: flex;justify-content: space-between;gap:20px;color:#fff;}
.tuyendung-nb-info--subinfo span{display: flex;gap:8px;align-items: center;}

.tuyendung-nb-info--info{display: flex;flex-direction: column;gap:10px;color:#666;}
.tuyendung-nb-info--info span{display: flex;gap:8px;align-items: center;}

.tuyendung-dots-contain{display: none; justify-content: center; margin-top: 24px;}

/*NHÓM NGÀNH*/
.nhomnganh-container{padding-bottom:80px;max-width: 1300px;margin: auto;}
.nhomnganh-list{display: flex;flex-wrap: wrap;gap:50px 30px;}
.nhomnganh-box{background: #fff;filter: drop-shadow(0px 2px 16px rgba(0, 0, 0, 0.1));padding: 30px;border-radius: 8px;width: calc(100% / 3 - 20px);}
.nhomnganh-box-title{color:#000;font-size: 24px;font-weight: 800;margin-bottom: 24px;}
.nhomnganh-box-info{display: flex;justify-content: space-between;}
.nhomnganh-box--btn{background: #B30510;color: #fff;text-transform: uppercase; font-weight: 600; padding: 8px 14px; border-radius: 4px;display: block;cursor: pointer;width: 111px;text-align: center;}
.nhomnganh-box--subinfo{display: flex; flex-direction: column; justify-content: end; padding-bottom: 12px;}
.nhomnganh-box--subinfo p{color:#666;font-size:12px;margin-bottom: 24px;}
.nhomnganh-box--subinfo p span{text-decoration: underline;}
.nhomnganh-box{display:none;}
.nhomnganh-seemore{text-align: center;display: flex;justify-content: center;margin-top:30px;gap:6px;align-items: center;}
.nhomnganh-seemore a{font-size: 16px;text-decoration: underline !important;color:#666;}


.tuyendung-filter-list{background: #FAF6F8;padding:80px 0;}
.tuyendung-filter-contain{max-width: 1300px;margin: auto;display: flex;}
.tuyendung-filter-left{width: calc(100% - 300px - 30px);padding-right:30px;}
.tuyendung-filter-right{width:300px;}
.tuyendung-filter-ajax--list{display: flex;flex-wrap: wrap;gap:24px;}
.tuyendung-filter-ajax--box{width:calc(50% - 12px);border-radius: 12px;border:1px solid #BDBDBD;background: #EFEFEF;padding:20px;}
.tuyendung-filter-ajax--titlemain{margin-bottom: 16px;display: flex;align-items: center;justify-content: end;}
.tuyendung-filter-ajax--title{text-transform: uppercase;color:#000;font-size: 16px;font-weight: 800; }
.tuyendung-filter-ajax--box h3{font-size: 20px;}
.tuyendung-filter-ajax--box p{color: #646464;}
.tuyendung-filter-ajax--box div:not(.tuyendung-filter-ajax--box-title){color: #B30510; font-size: 14px; margin: 6px 0;}

.tuyendung-filter-ajax--box-title{display: flex;justify-content: space-between;gap:6px;margin-bottom: 6px;align-items: start;}
.dev-paginator.pagination-wrap .page-item{width: 30px; height: 30px;border-radius: 50%;}
.dev-paginator .page-item.active .page-link{background-color: #B30510; border-color: #B30510;}

/*LOADING*/
.ajax-loading{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 20px;
}

.ajax-loading-spinner{
    width:48px;
    height:48px;
    animation:rotate 1s linear infinite;
}

.ajax-loading-spinner .path{
    stroke:#EA0029;
    stroke-linecap:round;
    animation:dash 1.5s ease-in-out infinite;
}

@keyframes rotate{
    100%{
        transform:rotate(360deg);
    }
}

@keyframes dash{
    0%{
        stroke-dasharray:1,150;
        stroke-dashoffset:0;
    }

    50%{
        stroke-dasharray:90,150;
        stroke-dashoffset:-35;
    }

    100%{
        stroke-dasharray:90,150;
        stroke-dashoffset:-124;
    }
}

/* MOBILE FILTER BUTTON */
#close-filter{background: none; border: none;display: none;}
.mobile-filter-trigger{
    display:none;
}

.mobile-filter-trigger button{
    display:flex;
    align-items:center;
    gap:8px;
    height:30px;
    padding:0 5px;
    border-radius:5px;
    color:#000;
    font-size:14px;
    font-weight:600;
    border: 1px solid #ddd;
}

/* OVERLAY */
.filter-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:998;
}

/*FILTER*/
.filter-list{flex-direction: column;max-height: 170px; overflow: auto;}
.filter-list::-webkit-scrollbar {
    width: 6px;
}

.filter-list::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

.filter-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 999px;
}

.filter-list::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 999px;
}
.filter-list label{display: flex; gap: 8px;cursor: pointer;padding: 6px 0;}
.filter-list label input{background-color: #fff !important;border-radius: 4px;border: 1px solid #bbb;}
.filter-list label input:checked{background-color: #B30510 !important;}
.filter-list,
.filter-search {
    display: none;
}
.filter-group.active .filter-list{display: flex;margin-top: 10px;}
.filter-group .filter-search{font-family: 'arial'; font-size: 14px;}
.filter-group.active .filter-search {
    display: block;margin-top: 10px;
}
.filter-group.active .filter-search{width: 100%; border: 1px solid #bbb; background: #fff; padding: 4px 6px;}
.filter-group-title {
    cursor: pointer;
    display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #eee; padding: 12px 0;
}
.filter-group-title h4{font-weight: 800;display: inline-flex;align-items: center;gap:10px;}
.filter-group-title h4 svg{transition: all ease 0.3s;margin-top: 3px;}
.filter-all{color: #B30510;position: relative;cursor: pointer;text-align: right; min-width: 60px;}
.filter-all .check-all{opacity: 0;position: absolute;cursor: pointer;}
.filter-group-title h4 svg {
    transition: transform .3s ease;
    transform: rotate(-90deg);
}

.filter-group.active .filter-group-title h4 svg {
    transform: rotate(0deg);
}

.tuyendung-footer{min-height: 631px;display: flex;align-items: center;justify-content: center;}
.tuyendung-footer-contain{display: flex;flex-direction: column;gap:40px;width: 1000px;}
.tuyendung-footer-contain p{text-align: center; color: #fff; font-weight: 800; font-size: 60px; text-transform: uppercase; margin: auto; width: 720px; letter-spacing: 2px;}
.tuyendung-footer-contain div{color: #fff; font-size: 24px; text-align: center; font-weight: 600;}

#btn-apply-now{border: none;}

/* BUTTON */

.apply-job-wrap{
    text-align:center;
    margin-bottom:40px;
}

.apply-job-btn{
    height:48px;
    padding:0 35px;
    border:none;
    border-radius:999px;
    background:#000;
    color:#fff;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    cursor:pointer;
    transition:all .3s;
}

.apply-job-btn:hover{
    opacity:.85;
}

/* POPUP */

.apply-popup{
    display:none;
    position:fixed;
    inset:0;
    z-index:9999;

    /* QUAN TRỌNG: center */
    /*display:flex;*/
    align-items:center;
    justify-content:center;

    padding:20px;
}

.apply-popup-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.7);
}

.apply-popup-container{
    width:100%;
    max-width:900px;
    max-height:90vh;
    background:#fff;
    overflow:hidden;

    /* scroll khi nội dung dài */
    overflow-y:auto;

    position:relative;
}

@keyframes popupShow{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* HEADER */

.apply-wrapper{display: flex; flex-direction: column; gap: 24px;}
.apply-wrapper input, .apply-wrapper select{background: none; border-color: #bbb; border-radius: 0; height: 40px;}

.apply-popup-header{
    padding:10px;
    text-align:center;
}

.apply-popup-header h2{
    margin:0;
    color:#fff;
    font-size:28px;
    font-weight:700;
    text-transform:uppercase;
}

/* CLOSE */

.apply-popup-close{
    position:absolute;
    top:15px;
    right:15px;
    width:38px;
    height:38px;
    border:none;
    border-radius:50%;
    background:#fff;
    cursor:pointer;
    font-size:22px;
    transition:all .3s;
}

.apply-popup-close:hover{
    color:#fff;
}

/* BODY */

.apply-popup-body{
    padding:30px;
}
.apply-popup-body .was-validated .form-control:invalid:focus {
    border-color: #bbb !important;
    box-shadow: none !important;
    --tw-ring-color: transparent !important;
}

/* GRID */

.apply-row{
    display:flex;
    gap:24px;
    margin-bottom:20px;
}

.apply-col{
    flex:1;
}

.apply-full{
    width:100%;
    margin-bottom:20px;
}

/* LABEL */

.apply-label{
    display:block;
    margin-bottom:10px;
    font-size:14px;
    font-weight:700;
}

.apply-label strong{
    color:red;
}

/* FILE */
.apply-file-contain{border: 1px dashed #bbb; height: 180px; display: flex; align-items: center; justify-content: center;flex-direction: column; gap: 12px;}

.apply-file-wrap{
    position:relative;
    display:block;
    height:40px;
    width: 330px;
    border-radius: 6px; overflow: hidden;
    border: 1px solid #ddd;
}

.apply-file-input{
    opacity:0;
    position:absolute;
    inset:0;
    width:100%;
    cursor:pointer;
    z-index:3;
}

.apply-file-btn{
  position: absolute;
  left: 0;
  top: 0;
  width: 110px;
  height: 40px;
  background: #ebebeb;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}

.apply-file-name{
    position:absolute;
    left:110px;
    top:0;
    width:calc(100% - 110px);
    height:100%;
    border-left:1px solid #ddd;
    display:flex;
    align-items:center;
    padding:0 15px;
    font-size:14px;
    background:#fff;
}

/* SUBMIT */

.apply-submit-wrap{
    margin-top:6px;
}

.apply-submit-btn{
    min-width:140px;
    height:40px;
    border:none;
    border-radius:6px;
    background:#000;
    color:#fff;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    cursor:pointer;
    transition:all .3s;
}

.apply-submit-btn:hover{
    opacity:.85;
}

/* MOBILE */

@media(max-width:768px){

    .apply-row{
        flex-direction:column;
        gap:0;
    }

    .apply-popup-body{
        padding:20px;
    }

    .apply-popup-header h2{
        font-size:22px;
    }

}




@media screen and (max-width: 1024px){
	#close-filter{display: block;}
	.tuyendung-filter-list{padding: 80px 5%;}
	.tuyendung-content-page{max-width: 100%;margin: auto;padding-top:40px;}
	.tuyendung-banner-title{font-size: 64px;}	
	.tuyendung-vanhoa-title{text-align: center !important}
	.tuyendung-noibat-contain{flex-direction: column;gap:36px;}
	.tuyendung-noibat-title{width:100%;padding-right:0;justify-content: center;}
	.tuyendung-noibat-list{width: 100%;}
	.tuyendung-nb-item:hover .tuyendung-nb-item--subinfo{display: none;}
	.mySwiper-td-noibat .swiper-slide:hover, .mySwiper-td-noibat .swiper-slide{flex-basis: auto;}{flex-basis: auto;}
	.swiper-tuyendung-btn-next, .swiper-tuyendung-btn-prev{display: none;}
    .swiper-vanhoanoibo-btn-next, .swiper-vanhoanoibo-btn-prev{display: none;}
	.tuyendung-dots-contain{display: flex;}
	.swiper-tuyendung-pagination{display: inline-flex;justify-content: center;}
	.tuyendung-dots-contain .swiper-pagination-bullet-active{background: #B30510 !important}
	.tuyendung-footer{padding:100px 5%;min-height: auto;}
	.tuyendung-footer-contain{width: 100%;}
	.tuyendung-footer-contain p{font-size:50px;width:100%}
	.tuyendung-footer-contain div { font-size: 22px; font-weight: 500; }

	.filter-box{margin-top: 20px;}

	#header{
      transition:transform .3s ease, opacity .3s ease;
  }

  #header.hide-on-filter{
      transform:translateY(-100%);
      opacity:0;
      pointer-events:none;
  }

	.mobile-filter-trigger{
      display:flex;
      justify-content:flex-end;
  }

  .tuyendung-filter-right{
      position:fixed;
      top:0;
      right:0;
      width:88%;
      max-width:380px;
      height:100vh;

      background:#fff;
      z-index:999;

      overflow-y:auto;

      padding:24px 16px 80px;

      transform:translateX(100%);
      transition:transform .35s ease;

      box-shadow:-10px 0 30px rgba(0,0,0,.12);
  }

  .tuyendung-filter-right.active{
      transform:translateX(0);
  }

  .filter-overlay.active{
      opacity:1;
      visibility:visible;
  }

  body.filter-open{
      overflow:hidden;
  }

  .tuyendung-filter-left { width: 100%; padding-right: 0px; }
  .nhomnganh-list{gap:30px;}
  .nhomnganh-box{width: calc(50% - 15px);}
}

@media screen and (max-width: 849px){
	.tuyendung-banner-title{font-size: 52px;}	
	.nhomnganh-box{padding: 20px;}
	.nhomnganh-box-title{font-size: 20px;margin-bottom: 15px;}
	.nhomnganh-box--btn{font-size: 12px;}
	.tuyendung-filter-ajax--box{width: 100%;}
}

@media screen and (max-width: 800px){
	.tuyendung-nb-info h3{font-size:16px;}
}

@media screen and (max-width: 650px){
	.tuyendung-footer-contain p{font-size:42px;}
	.tuyendung-footer-contain div { font-size: 16px;}
	.tuyendung-footer-contain{gap:24px;}	
}

@media screen and (max-width: 600px){
	.tuyendung-banner-title{font-size: 32px;}
	.vanhoanoibo-item-title{font-size:18px;}
	.tuyendung-nb-info--info{gap:6px;}	
	.tuyendung-nb-info { padding: 16px 12px; }
	.tuyendung-noibat-contain { gap: 2.25rem; padding:40px 0;}
	.tuyendung-noibat-contain { padding: 40px 0; }
	.nhomnganh-box { width: 100%; }
	.nhomnganh-list { gap: 20px; }
	.tuyendung-filter-ajax--box h3 { font-size: 18px; }

	.tuyendung-filter-list{padding: 40px 5%;}
	.nhomnganh-container{padding-bottom: 40px;}
	.apply-file-wrap{width:90%;}
	.apply-file-contain{height:150px;}
}

@media screen and (max-width: 550px){
	.tuyendung-footer-contain p { font-size: 3rem;}
}

@media screen and (max-width: 500px){
	.tuyendung-banner-title{font-size: 1.5rem;}	
	.vanhoanoibo-item-title{font-size:17px;}	
	.vanhoanoibo-swiper-scrollbar{width: 100%;}
	.mySwiper-vanhoanoibo .swiper-scrollbar{height: 3px;}
}

@media screen and (max-width: 450px){
	.tuyendung-footer-contain p { font-size: 2rem;}
	.tuyendung-footer-contain div { font-size: 14px; }
	.tuyendung-footer { padding: 60px 5%}
}