.loading-svg{display: flex;justify-content: center;width: 100%;}
.no-scroll{overflow: hidden;}
.sukiensapden-small-item .no-image{background: #ebebeb;width: 138px;aspect-ratio: 1 / 1;border-radius: 12px;display: inline-flex;align-items: center;justify-content: center;font-size:14px;}



/* MARK: SỰ KIỆN */
.s-sukien-container{background: url('../images/bg_sukien.png') no-repeat center;background-size: cover;padding-top:100px;padding-bottom: 750px;position: relative;}
.s-sukien-container:after{content:'';position: absolute;width:100%;height: 80px;background: linear-gradient(to bottom, transparent, #fff);left:0;bottom:0px;}
.s-sukien-contain{ max-width: 1236px; margin: auto; background: linear-gradient(to right, #005AAB, #ED1C24); padding:4px; border-radius:40px 40px 24px 24px ; -webkit-border-radius:40px 40px 24px 24px ; -moz-border-radius:40px 40px 24px 24px ; -ms-border-radius:40px 40px 24px 24px ; -o-border-radius:40px 40px 24px 24px ; position: relative;z-index: 9;}
.s-sukien-contain:after{content: '';position: absolute;background: url('../images/i5.png') no-repeat right top;width:203px;height: 201px;top:-6%;right:-4%;z-index: 999;}
.s-sukien-title{ text-align: center; color:#fff; font-size: 42px; font-weight: 600; margin: 0; padding:16px; }
.s-sukien-main{ background: #fff; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; padding:0 0 34px 0; position: relative;z-index: 999;}
.s-sukien-tab{padding:24px;display: flex;gap:32px;align-items: center;justify-content: center;}
.s-sukien-prev, .s-sukien-next{cursor: pointer;display: flex;align-items: center;}
.s-sukien-timeNow{color:#111111;font-size: 28px;font-weight: 600;}
.s-sukien-dates{display: flex;gap:8px;overflow: auto; max-height: 670px;}
.s-sukien-box{width:calc(100% / 7 - 7px);}
.s-sukien-date{width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; background: #005BAA;color:#fff;font-size: 20px;font-weight: 600;padding:5px 12px;text-transform: capitalize;}
.s-sukien-date span{font-weight: 500;font-size: 12px;display: block; margin-top: -4px;opacity: 0.6;}
.s-sukien-list{display: flex;flex-direction: column;gap:8px;}
.s-sukien-item{ min-height: 160px; background: #EAF4FE; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; padding:16px; position: relative; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.s-sukien-item-time{color:#005BAA;font-size: 28px;font-weight: bold;transition: all ease 0.5s;}
.s-sukien-item-title{color:#111111;font-size: 16px;font-weight: 500;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;margin: 0;transition: all ease 0.5s;}
.s-sukien-item:hover{background: #005BAA;}
.s-sukien-item:hover .s-sukien-item-time{color:#fff}
.s-sukien-item:hover .s-sukien-item-title{color:#fff}

.s-sukien-list-dev{display: flex;gap:8px;flex-wrap: wrap;padding: 0 34px;}
.s-sukien-item-dev{width:calc(100% / 7 - 7px);}

.s-sukien-datesTop{padding:0 34px;padding-bottom: 8px;}
.s-sukien-datesBottom{padding-left: 34px;padding-right: 20px;}
.fix-scrollBar-cs{padding-right: 28px;}
.s-sukien-dates-main{padding-right: 6px;position: relative;min-height: 665px;}
.s-no-events{padding:34px;}


.s-sukien-itemsub-title{color:#fff;font-size: 24px;font-weight: 600;margin-top:20px;margin-bottom: 12px;white-space: pre-line; line-height: 140%;}
.s-sukien-itemsub-date{color:#fff;font-size: 16px;font-weight: 500;margin-bottom: 8px;}
.s-sukien-itemsub-address{color:#fff;font-size: 14px;margin-bottom: 20px;white-space: pre-line;opacity: 0.8;font-weight: 300;}
.s-sukien-itemsub-content{color:#fff;font-size: 16px; white-space: pre-line;font-weight: 300;line-height: 140%;}
.s-sukien-itemsub-photo{ height: 200px; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.s-sukien-itemsub-photo .box-noneImg{height: 100%;width:100%;background: #f7f7f7;display: flex;align-items: center;justify-content: center;color:#666;text-transform: uppercase;font-size: 14px;}
.s-sukien-itemsub-photo img{height: 100%;object-fit: cover;width:100%;}
.s-sukien-itemsub-close{margin-bottom: 14px;display: flex;justify-content: end;}
.s-sukien-itemsub-close span{cursor: pointer;display: inline-flex;}
.s-sukien-itemsub-btn{ display: inline-flex; align-items: center; justify-content: center; color:#005BAA; font-size: 16px; padding:9px 24px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; position: relative;}
.s-sukien-itemsub-btn span{position: relative;z-index: 9;}
.s-sukien-itemsub-btn:after{ content:''; position: absolute; width:100%; height:100%; background: linear-gradient(to right, #0e83e9, #ED1C24); top:0; left:0; border-radius: 30px; opacity: 0; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.s-sukien-itemsub-btn:hover{background: transparent; color: #fff;}
.s-sukien-itemsub-btn:hover:after{opacity: 1;}
.s-sukien-itemsub-top{height: 508px;overflow: auto;width:100%;}
#tooltip-show-content{display: flex;flex-direction: column;gap:24px;justify-content: space-between;align-items: start;height: calc(100% - 14px);}


.tooltipDev { position: absolute; background-color: #005BAA; color: white; padding: 20px; padding-bottom: 38px; border-radius: 12px; white-space: nowrap; z-index: -1; height: 670px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px;width:328px;opacity: 0; transform: scale(0.95);transition: opacity 0.2s ease, transform 0.2s ease, top 0.3s ease, left 0.3s ease;}
.tooltipDev.left, .tooltipDev.right { transform: none;   }
.tooltipDev.show { opacity: 1; transform: scale(1);z-index: 99 !important;}


/* Mũi tên cho tooltip */ 
.tooltipDev::after { content: ''; position: absolute; width: 0; height: 0; /*top: 50%; */top: var(--arrow-top); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
/* Tooltip bên trái */ 
.tooltipDev.left::after { left: 100%; border: 5px solid transparent; border-left: 5px solid #005BAA; }
/* Tooltip bên phải */ 
.tooltipDev.right::after { right: 100%; border: 5px solid transparent; border-right: 5px solid #005BAA;}


/* ### scrollbar 1 */
/* width */
.scrollBar-cs::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.scrollBar-cs::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
 
/* Handle */
.scrollBar-cs::-webkit-scrollbar-thumb {
  background: rgb(176 176 176 / 50%);
  border-radius: 10px;
}

/* Handle on hover */
.scrollBar-cs::-webkit-scrollbar-thumb:hover {
  background: #B0B0B0; 
  cursor: grabbing;
}


/* ### scrollbar 2 */
.scrollBar-cs2::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.scrollBar-cs2::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
 
/* Handle */
.scrollBar-cs2::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 10px;
}

/* Handle on hover */
.scrollBar-cs2::-webkit-scrollbar-thumb:hover {
  background: transparent; 
  cursor: grabbing;
}



/* MARK: HOME - CÂU CHUYỆN */
.s-cauchuyen-contain { margin-top: -700px; padding: 0 !important; position: relative;}
.s-cauchuyen-contain:after{content:'';position: absolute;background: url('../images/i4.png') no-repeat top left;width:173px;height: 134px;left:44px;top:0%;}
.s-cauchuyen-contain:before{content:'';position: absolute;background: url('../images/i1.png') no-repeat top right;width:160px;height: 152px;right:0;bottom:-25%;}

.s-cauchuyen-contain.uxb-draggable{margin-top:0;}
.s-cauchuyen-contain .s-cauchuyen-left{flex-basis: calc(100% - 606px);max-width: calc(100% - 606px);padding-right: 80px !important;}
.s-cauchuyen-contain .s-cauchuyen-right{flex-basis: 606px;max-width: 606px;}
.s-cauchuyen-title, .s-cauchuyen-title *{font-size: 42px;font-weight: 600;margin: 0;}
.s-cauchuyen-title{margin-bottom: 32px;}
.s-cauchuyen-description, .s-cauchuyen-description *{color:#111111;font-size: 16px;font-weight: 300;line-height: 140%;}
.s-cauchuyen-description p:last-child{margin: 0;}
.s-cauchuyen-description{margin-bottom: 32px;}



/* MARK: HOME - THỐNG KÊ */
.s-thongke-container{margin:80px 0 64px 0;padding: 0 !important;position: relative;z-index: 9;}
.h-thongke{margin-bottom: 0;padding-bottom: 40px !important;}
.h-thongke:after{content: '';position: absolute;height: 80px;width: 100%;background: linear-gradient(to top, transparent, #fff);left: 0;bottom:-80px;}

.s-thongke-list{display: flex;gap:40px;}
.s-thongke-list:after{display: none;}
.s-thongke-img{width: 64px !important; margin-bottom: 16px !important;margin: auto;}
.s-thongke-title, .s-thongke-title *{font-size: 42px;font-weight: 600;text-align: center;color:#005BAA;margin: 0;line-height: 120%;}
.s-thongke-des *{color:#3D3D3D;font-size: 16px;font-weight: 600;margin: 0;}
.s-thongke-des{margin-top: 8px;text-align: center;padding:0 30px;}
.s-thongke-item{flex-basis: calc(20% - 32px);max-width: calc(20% - 32px);position: relative;}
.s-thongke-item:after{content:'';position: absolute;height: 120px;border-right:1px dashed #005AAB;right:-20px;top:20%;}
.s-thongke-item:last-child:after{display: none;}



/* MARK: TRUYỀN THÔNG */
.s-truyenthong-container{position: relative;background: linear-gradient(to bottom, transparent, #C7EEFF);padding:0 !important;padding-bottom: 100px !important;padding-top: 40px !important;}
.s-truyenthong-container:before{content:'';position: absolute;width:100%;height:200px;background: linear-gradient(to bottom, transparent, #fff); left: 0; bottom: -0;}
.s-truyenthong-container:after{content:'';position: absolute;background: linear-gradient(to top, transparent, #E7F8FF), url('../images/bg_truyenthong.png') no-repeat center;background-size: cover;bottom:0;left:0;width:100%;height: 100%;}

.s-truyenthong-container .section-content{z-index: 999;}
.s-truyenthong-top{position: relative;z-index: 999999;}

.s-truyenthong-i1{width:134px !important;height: 241px;position: absolute;left: 0;top:50%}
.s-truyenthong-i1 img{width: 100%;height: 100%;object-fit: contain;}

.s-truyenthong-i2{width:390px !important;height: 326px;position: absolute;right: 0;top:50%;}
.s-truyenthong-i2 img{width: 100%;height: 100%;object-fit: contain;}


.s-truyenthong-titlemain, .s-truyenthong-titlemain *{}
.s-truyenthong-titlemain{}
.s-truyenthong-list{max-width: 1253px !important;margin: auto;margin-top: 18px;position: relative;z-index: 99;}
.s-truyenthong-list > .col{padding:0 !important;}
.s-truyenthong-container .row-slider{margin: 0 !important;}

.s-truyenthong-box{padding-top:30px !important;padding-bottom: 30px !important;min-height: 625px;display: flex;}
.s-truyenthong-date{display: flex;align-items: center;gap:8px;margin-top: 20px;color:#6D6D6D;font-size: 14px;}
.s-truyenthong-item{ padding:20px; background: #fff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05); border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.s-truyenthong-title{ margin-top: 4px; margin-bottom: 12px; color:#111111; font-size: 20px; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.s-truyenthong-item:hover .s-truyenthong-title{color: #005BAA;}
.s-truyenthong-title-excerpt *, .s-truyenthong-title-excerpt{margin: 0;color:#3D3D3D;font-size: 16px;}
.s-truyenthong-title-excerpt{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.s-truyenthong-container .flickity-button{display: none;}
.s-truyenthong-item .box-image{ overflow: hidden; aspect-ratio: 1 / 1; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }
.s-truyenthong-item .box-image img{ height: 100%; width: 100%; object-fit: cover;}
.s-truyenthong-item .box-image .box-noneImg{height: 100%;}
.s-truyenthong-quangcao{margin-top:70px;}


/* MARK: ĐÀO TẠO */
.s-daotao-container{padding: 0 !important;padding-bottom:100px !important;position: relative;overflow: hidden;}
.s-daotao-container:before { content: ''; position: absolute;background: url('../images/bg_about.png') no-repeat top center ;background-size: cover; bottom: -28%; left: 0; width: 100%; height: 100%; }
.s-daotao-container:after{content: '';position: absolute;background: url('../images/i6.png') no-repeat;width:232px;height: 142px;left:24px;bottom:49px;}

.s-daotao-listCategory{display: flex;gap:8px;justify-content: end;flex-wrap: wrap;}
.s-daotao-tab{ padding:8px 24px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; display: inline-flex; align-items: center; justify-content: center; border:1px solid #005BAA; color:#3D3D3D; font-size: 16px; font-weight: 500; cursor: pointer; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; background: #fff;}
.s-daotao-tab:hover, .s-daotao-tab-active{background: #005BAA;color:#fff;}

.s-daotao-contain{display: flex;gap:24px;flex-wrap: wrap;}
.s-daotao-first{ width:calc(50% - 12px); overflow: hidden; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; position: relative;}
.s-daotao-first img{width:100%;height: 100%;object-fit: cover;transition:all ease 0.5s ;}
.s-daotao-first h3{position: absolute;bottom:0;left:0;width:100%;height:190px;padding:24px;display: flex;align-items: end;color:#fff;font-size: 24px;font-weight: 600;margin: 0;background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.6));}
.s-daotao-first:hover img{ transform:scale(1.05) ; -webkit-transform:scale(1.05) ; -moz-transform:scale(1.05) ; -ms-transform:scale(1.05) ; -o-transform:scale(1.05) ; }


.s-daotao-list{width:calc(50% - 12px);display: flex;gap:24px;flex-wrap: wrap;position: relative;}
.s-daotao-item{ border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; position: relative; overflow: hidden;}
.s-daotao-item:nth-child(1){width:100%;aspect-ratio: 1 / 0.5;overflow: hidden;}
.s-daotao-item:nth-child(2), .s-daotao-item:nth-child(3){width:calc(50% - 12px);}
.s-daotao-item img{ width:100%; height: 100%; object-fit: cover; transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; }
.s-daotao-item h3{position: absolute;bottom:0;left:0;width:100%;height:190px;padding:16px 20px;display: flex;align-items: end;color:#fff;font-size: 20px;font-weight: 600;margin: 0;background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.6));line-height: 140%;}
.s-daotao-item:hover img{ transform:scale(1.05) ; -webkit-transform:scale(1.05) ; -moz-transform:scale(1.05) ; -ms-transform:scale(1.05) ; -o-transform:scale(1.05) ; }

.s-daotao-nodata{background: #ededed; padding: 15px 20px; border-radius: 8px; font-weight: bold; color: #333;}
.s-daotao-btn{margin-top: 24px;text-align: center;display: flex;justify-content: center;width:100%;}


/* MARK: ABOUT - DOANH NGHIỆP */
.about-doanhnghiep{padding-top:80px !important;background: url('../images/bg_about0.png') no-repeat center top; background-size: cover;position: relative;}
.about-doanhnghiep-des{max-width: 630px;margin: auto;margin-bottom: 40px;margin-top: 24px;}
.about-doanhnghiep-des *{color:#111111;font-size:16px;margin: 0;font-weight: 300;}

.about-doanhnghiep-top{display: flex;}
.about-doanhnghiep-top .about-doanhnghiep-left{flex-basis: 500px;max-width: 500px;}
.about-doanhnghiep-top .about-doanhnghiep-right{flex-basis: calc(100% - 500px);max-width: calc(100% - 500px);padding-left: 80px !important;}

.about-doanhnghiep-bottom{display: flex;margin-top:40px;}
.about-doanhnghiep-bottom .about-doanhnghiep-left{flex-basis: calc(100% - 500px);max-width: calc(100% - 500px);padding-right: 80px !important;}
.about-doanhnghiep-bottom .about-doanhnghiep-right{flex-basis: 500px;max-width: 500px;}

.about-doanhnghiep-row-des *{color:#111111;font-size: 16px;font-weight: 300;text-align: justify;}

.about-doanhnghiep-smalltitle{margin-bottom: 24px;display: flex;align-items: center;gap:12px;}
.about-doanhnghiep-smalltitle .box-image{width:54px !important;}
.about-doanhnghiep-smalltitle .box-text{width:calc(100% - 54px - 12px);padding:0;color:#EB2429;font-size: 24px;font-weight: 600;}

.about-doanhnghiep-smalltitle2{margin-bottom: 24px;display: flex;align-items: center;gap:12px;}
.about-doanhnghiep-smalltitle2 .box-image{width:48px !important;}
.about-doanhnghiep-smalltitle2 .box-text{width:calc(100% - 48px - 12px);padding:0;color:#005BAA;font-size: 24px;font-weight: 600;}

.about-doanhnghiep-i1{position: absolute;width:160px !important;height: 148px; top:8%;right:4%;}
.about-doanhnghiep-i1 img{width:100%;height: 100%;object-fit: contain;}


/* MARK: ABOUT - CỐT LÕI */
.about-cotloi-container{padding-top:80px !important;position: relative;}
.about-cotloi-container:after { content: ''; position: absolute; width: 100%; height: 100px; background: linear-gradient(to bottom, transparent, #fff); left: 0; top: -100px; }
.giatricotloi-container{max-width: 1236px;margin:auto; margin-top:40px;gap:80px;display: flex; align-items: center;}
.giatricotloi-left{ width:508px; background: #005BAA; padding:24px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.giatricotloi-right{width:calc(100% - 508px - 80px);display: flex;gap:32px 24px;flex-wrap: wrap;justify-content: center;}
.giatricotloi-item{display: flex;flex-direction: column;gap:16px;width:calc(100% / 3 - 16px);cursor: pointer;}
.giatricotloi-photo{width: 80px;margin: auto;}
.giatricotloi-title{ color:#6D6D6D; font-size: 20px; font-weight: 600; text-align: center; transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; }
.giatricotloi-item:hover .giatricotloi-title{color:#005AAB;}
.giatricotloi-content{display: none;}

.giatricotloi-main-title{display: flex;justify-content: space-between;align-items: center;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #fff;}
.giatricotloi-main-title p{margin: 0;width: 64px;}
.giatricotloi-main-title h3{color:#fff;font-size: 24px;font-weight: 600;margin: 0;}
.giatricotloi-main-content, .giatricotloi-main-content *{color:#fff;font-size: 16px;font-weight: 300;white-space: pre-line;}


/* MARK: ABOUT - SP DV */
.about-sp-dv{padding:0 !important;position: relative;overflow: hidden;}
.about-sp-dv:before { content: ''; position: absolute; background: url('../images/bg_about.png') no-repeat top center; background-size: cover; bottom: -14%; left: 0; width: 100%; height: 100%; }
.about-sp-dv:after{content: ''; position: absolute; width: 100%; height: 100px; background: linear-gradient(to bottom, transparent, #fff); left: 0; top: 0;}
.about-spdv-row{display: flex;gap:80px;}
.about-spdv-left{flex-basis: calc(100% - 606px - 80px);max-width: calc(100% - 606px - 80px);}
.about-spdv-right{flex-basis: 606px;max-width: 606px;}
.about-spdv-right img{ border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.about-spdv-des *{color:#111111;font-size: 16px;font-weight: 300;}
.about-spdv-des p:last-child{margin: 0;}
.about-spdv-des{margin-bottom: 32px;}
.s-spdv-title{margin-bottom: 18px;}


/* MARK: LỊCH SỬ HÌNH THÀNH */
.s-lichsu-container{padding:0 !important;position: relative;}
.s-lichsu-container:after{content:'';position: absolute;background: url('../images/bg_about2.png') no-repeat center top;background-size: cover;top:-20%;left:0;width: 100%; height: 70%;}
.s-lichsu-container:before{content:'';position: absolute;background: url('../images/bg_about2.png') no-repeat center top;background-size: cover;bottom:-20%;left:0;width: 100%; height: 70%;}
.lichsuhinhthanh-container{max-width: 1000px;margin: auto;margin-top:48px;padding-bottom: 100px;position: relative;z-index: 99;}
.lichsuhinhthanh-list{display: flex;flex-direction: column;gap:48px;position: relative;}
.lichsuhinhthanh-list:after{content:'';position: absolute;height: 100%;width:2px;background: #005BAA;top:0;left:calc(50% - 1px);}
.lichsuhinhthanh-item{display: none;}
.lichsuhinhthanh-sub{display: flex;gap:80px;padding-top:16px;position: relative;}
.lichsuhinhthanh-sub:after{ content:''; position: absolute; width:20px; height: 20px; background: #005BAA; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; top:35px;left:calc(50%  - 10px);}
.lichsuhinhthanh-left{width:calc(50% - 40px);}
.lichsuhinhthanh-right{width:calc(50% - 40px);display: flex;flex-direction: column;gap:20px;align-items: start;}
.lichsuhinhthanh-title{ font-size: 28px; font-weight: bold; color:#fff; display: inline-flex; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; padding:2px 20px;background: linear-gradient(to right, #005AAB, #ED1C24);width: auto;margin: 0;}
.lichsuhinhthanh-content{white-space: pre-line;color:#111111;font-size: 16px;font-weight: 300;text-align: justify;}
.lichsuhinhthanh-reverse{flex-direction: row-reverse;}
.lichsuhinhthanh-reverse .lichsuhinhthanh-right{align-items: end;}
.lichsuhinhthanh-reverse .lichsuhinhthanh-content{text-align: justify;}
.lichsuhinhthanh-noImg{margin-top: -130px;}
.lichsuhinhthanh-noImg:after{display: none;}
.lichsuhinhthanh-btn{margin-top: 40px;display: flex;justify-content: center;}
.lichsuhinhthanh-photo-mb{display:none;}

.lichsuhinhthanh-i1{width:149px !important;height: 342px;position: absolute;left:0;top:60%;}
.lichsuhinhthanh-i1 img{width: 100%;height: 100%;object-fit: contain;}

.lichsuhinhthanh-i2{width: 119px !important;height: 239px;position: absolute;right:0;bottom:-5%;}
.lichsuhinhthanh-i2 img{width: 100%;height: 100%;object-fit: contain;}


/* MARK: LOGIN MODULE */
.dev-hidden-menuHam{display: flex;gap:24px;align-items: center;}
.dev-userLogin{ display: inline-flex; align-items: center; justify-content: center; height: 44px; padding:0 10px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border:1px solid #005BAA; color:#3D3D3D; font-weight: 500; min-width:113px; text-align: center; transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; cursor: pointer; }
.dev-userLogin:hover{background: #005BAA;color:#fff;}
#overlay-tooltip{position: fixed;top:0;left:0;width:100%;height: 100%;background: rgba(0,0,0,0.7);z-index: -1;visibility: hidden;}
.dev-hidden-menuHam .header-search-form{width:auto !important;}
.dev-hidden-menuHam .header-search-form-wrapper{width:120px;}
.dev-hidden-menuHam .header-search-form-wrapper input{background:#fff;}


/* MARK: DAOTAO - S1 */
.daotao-s1-container{padding:56px 0 100px 0 !important;position: relative;background: url('../images/bg_daotao.png') no-repeat center;background-size: cover;position: relative; /*z-index: 999;*/}
.daotao-s1-container:after{content:'';position: absolute; width: 100%; height: 200px; background: linear-gradient(to bottom, transparent, #fff); left: 0; bottom: 0;}
.daotao-s1-main{display: flex;gap:40px;}
.daotao-s1-left{max-width:calc(100% - 516px - 246px - 84px - 40px);flex-basis: calc(100% - 516px - 246px - 84px - 40px);}
.daotao-s1-middle{max-width:516px;flex-basis: 516px;}
.daotao-s1-right{max-width:calc(246px + 44px);flex-basis: calc(246px + 44px); }
.daotao-s1-container .daotao-s1-right{padding-left: 44px !important;}

.daotao-s1-left-title, .daotao-s1-left-title *{font-weight: bold;font-size: 56px;color:#005BAA;line-height: 120%;}
.daotao-s1-left-des, .daotao-s1-left-des *{color:#262626;font-size: 16px;font-weight: 300;}
.daotao-s1-left-title, .daotao-s1-left-des{margin-bottom: 32px;}
.daotao-s1-left-title p:last-child, .daotao-s1-left-des p:last-child{margin-bottom: 0;}



/* MARK: DAOTAO - S2 */
.daotao-sukien-container{padding:0 !important;position: relative;margin-top:-200px;}
.ux-builder-iframe .daotao-sukien-container.uxb-draggable{margin-top:0;}
/* .daotao-sukien-container:before{content:'';position: absolute;left:0;top:0;width:100%;height: 200px;background: #fff;z-index: 9;} */
.daotao-s2-container{margin-bottom: 100px;padding:0 !important;position: relative;z-index: 999;}
.daotao-list-danhmuc{margin-top: 48px;overflow: hidden;}
.daotao-s2-item{display: flex;flex-direction: column;gap:12px;}
.daotao-s2-title{ text-align: center; background: #005BAA; color:#fff; border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; font-size: 20px; font-weight: 600; padding:24px 10px; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.daotao-s2-title:hover{color:#fff !important;}
.swiper-slide:nth-child(odd) .daotao-s2-item{flex-direction: column-reverse;}

.daotao-s3-container{padding: 0 !important;}
.daotao-s3-container.daotao-s3-active{/*z-index: 999999999;*/}
.daotao-s3-container .s-sukien-container{padding-bottom: 300px;background: unset;padding-top: 0;}
.daotao-s3-container .s-sukien-container::before{content:'';position:absolute;background: url('../images/bg_sukien.png') no-repeat center top;height: 100%;width:100%;top: 10%;left:0;}
.daotao-sukien-container .section-content{z-index: 99;}
.daotao-s3-container .s-sukien-container:after{bottom:-130px;}
.daotao-s3-container .s-sukien-layout{top:120px;}


/* MARK: SỰ KIỆN SẮP ĐẾN */
.sukiensapden-container{margin-top:48px;display: flex;gap:56px;}
.sukiensapden-left{ width:606px; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; position: relative;overflow: hidden;}
.sukiensapden-left img{width: 100%;}
.sukiensapden-left:after{content:'';position: absolute;bottom: 0;left:0;width:100%;height:70%;background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);}
.sukiensapden-info{position: absolute;bottom: 0;left:0;width:100%;padding:24px; z-index: 999;}
.sukiensapden-right{width:calc(100% - 606px - 56px);display: flex;flex-direction: column;gap:18px;}
.sukiensapden-date{display: flex;gap:8px;align-items: center;margin-bottom: 12px;color:#fff;}
.sukiensapden-title{color:#fff;font-size: 20px;font-weight: 600;}
.sukiensapden-des{color:#fff;font-size: 16px;font-weight: 300;margin-bottom: 0;}

.sukiensapden-small-item{display: flex;gap:24px;align-items: center;}
.sukiensapden-small-item h3{color:#111111;font-size: 18px;font-weight: 600;}
.sukiensapden-small-item img{width:138px;}
.sukiensapden-small-info{width:calc(100% - 138px - 24px);}
.sukiensapden-small-date{display: flex;gap:8px;align-items: center;color:#6D6D6D;margin-bottom: 0;}
.s-sukien-layout{position: absolute; width: 100%; height: 200px; background: linear-gradient(to top, transparent, #fff); left: 0; top: 0px;}



/* MARK: DAOTAO - SÁCH */
.daotao-sach-container{padding: 50px 0 !important;position: relative;}
.daotao-sach-list{margin-top:0px;margin-left: 0 !important; margin-right: 0 !important;}
.s-sach-item{ background: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; padding:8px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);min-height: 365px;}
.s-sach-title{ color:#111111; font-size: 16px; font-weight: 500; margin-top:20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; padding: 0 8px; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.s-sach-item:hover .s-sach-title{color: #005BAA;}
.s-sach-box{padding:30px 12px;height: auto;}
.daotao-sach-main .flickity-button{display: none;}
.daotao-sach-main{position: relative;}
.daotao-sach-prev{position: absolute;left:-47px;top:calc(50% - 16px);cursor: pointer;}
.daotao-sach-next{position: absolute;right:-47px;top:calc(50% - 16px);cursor: pointer;}
.daotao-sach-prev:hover svg path, .daotao-sach-next:hover svg path{stroke:#005BAA;}
.daotao-sach-container:after { content: ''; position: absolute; background: url('../images/bg_truyenthong.png') no-repeat center top; background-size: cover; bottom: 0; left: 0; width: 100%; height: 100%; }
.daotao-sach-container:before { content: ''; position: absolute; background: linear-gradient(to top, transparent, rgb(152 224 255 / 50%), transparent); bottom: -7%; left: 0; width: 100%; height: 150%; }
.daotao-sach-layout {position: absolute; height: 80px; width: 100%; background: linear-gradient(to bottom, transparent, #fff); left: 0; bottom: 0; z-index: 9;}
.daotao-sach-icon1 { position: absolute; background: url('../images/i1.png') no-repeat top right; width: 160px; height: 152px; left: 0; bottom: -10%; z-index: 9;}
.daotao-sach-icon2 { position: absolute; background: url('../images/i3.png') no-repeat top right; width: 119px; height: 239px; right: 0; top: -10%; z-index: 0;}


/* MARK: KHÓA ĐÀO TẠO POSTS */
.daotao-khoa-container{padding:0 0 100px 0 !important;position: relative;overflow: hidden;}
.khoadaotao-main{position: relative;}
.khoadaotao-list{margin-left: 0 !important; margin-right: 0 !important;}
.khoadaotao-main .flickity-button{display: none;}
.khoadaotao-item .box-image{height: 260px;aspect-ratio: unset;}
.khoadaotao-box{min-height: auto;}
.khoadaotao-item{min-height: 468px;}
.khoadaotao-category-title{ position: absolute; top:30px; right:30px; background: #EB2429; color:#fff; font-size: 14px; font-weight: 500; padding:5px 8px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; z-index: 99;text-transform: uppercase;min-width: 105px; text-align: center;}

.khoadaotao-prev{position: absolute;left:-47px;top:calc(50% - 16px);cursor: pointer;}
.khoadaotao-next{position: absolute;right:-47px;top:calc(50% - 16px);cursor: pointer;}
.khoadaotao-prev:hover svg path, .khoadaotao-next:hover svg path{stroke:#005BAA;}

.daotao-khoa-container:before{ content: ''; position: absolute; background: url('../images/bg_about.png') no-repeat top center; background-size: cover; bottom: 0; left: 0; width: 100%; height: 100%; }



/* MARK: VNPLAY CONTAINER */
.vnplay-container{padding:100px 0;background: url('../images/pattent.png') bottom left no-repeat;position: relative;}
.vnplay-container:after{content:'';position: absolute;width:100%;height: 100%;background: linear-gradient(to top, #98E0FF, transparent);bottom:0;left:0;}
.vnplay-contain{  padding:73px 24px 39px 24px; background: rgba(255,255,255,0.5); position: relative; z-index: 99; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.vnplay-list{display: flex; flex-wrap: wrap; gap:24px;}
.vnplay-item{ width:calc(25% - 18px); border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; overflow: hidden;box-shadow: 0px 2px 30px rgba(0,0,0,0.05);background: #fff;}
.vnplay-item .box-image{height: 200px;overflow: hidden;}
.vnplay-item .box-image img{width:100%;height: 100%;object-fit: cover;}
.vnplay-info{padding:20px;display: flex;flex-direction: column;align-items: center;justify-content: space-between;text-align: center;height: calc(100% - 200px);}
.vnplay-smallInfo{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.vnplay-photo{ width:64px; height: 64px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin-bottom: 12px;margin-top:-52px;position: relative;z-index: 99;}
.vnplay-photo img{border:2px solid #fff;border-radius: 50%;}
.vnplay-item .box-noneImg{height: 100%;}
.vnplay-name{color:#111111;font-size: 18px;font-weight: 600;text-transform: capitalize;margin-bottom: 8px;}
.vnplay-luotbinhchon{color:#6D6D6D;font-size: 14px;margin-bottom: 16px;}
.vnplay-btn{ height: 40px; display: inline-flex; align-items: center; justify-content: center; text-transform: uppercase; color: #111111; border:1px solid #111111; border-radius:30px ; -webkit-border-radius:30px ; -moz-border-radius:30px ; -ms-border-radius:30px ; -o-border-radius:30px ; padding:0 20px; gap:8px; cursor: pointer; margin-bottom: 0; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.vnplay-btn.has-binhchon{background: rgb(235 36 41 / 10%);border-color:transparent;color:#EB2429;}
.vnplay-btn.has-binhchon svg path{fill:#EB2429;}
.vnplay-btn:hover{background: #EB2429;border-color: #EB2429;color:#fff;}
.vnplay-btn:hover svg path{fill: white;}
.vnplay-btn svg path{ transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; }
.box-noIcon{ width: 100%; height: 100%; background: #ebebeb; display: flex; align-items: center; justify-content: center; border:2px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 10px;}

.vnplay-time{max-width: 1236px;margin: auto;padding:0 24px;position: relative;z-index: 999;margin-bottom: -45px;}
.vnplay-time-clock img{position: relative;z-index: 9;margin-top: -20px;}
.vnplay-time-count{ display: inline-flex; align-items: center; padding:6px 40px 6px 64px; color:#fff; background: linear-gradient(to right, #005AAB, #ED1C24); border:4px solid #fff; box-shadow: 0px 8px 12px rgba(0,0,0,0.1); border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; font-size: 32px; font-weight: 600; margin-left: -60px;min-width: 535px;}

.vnplay-pagination{margin-top:40px;}
.vnplay-pagination .page-numbers { margin-bottom: 0px !important; margin-top:0 !important;}
ul.page-numbers li{margin: 0 2px !important;}

.vnplay-banner{aspect-ratio: 1 / 0.42;}
.vnplay-information{}
.vnplay-btnplay{}
.vnplay-banner .overlay{display: none;}
.vnplay-banner .banner-layers.container{max-width: 1236px; padding: 0;}
.vnplay-information h3{font-weight: 600;font-size: 42px;margin: 0;margin-bottom: 32px;}
.vnplay-information p{font-size: 16px;font-weight: 300;margin: 0;}
.vnplay-banner .vnplay-btnplay{ margin: 0; margin-top:32px; border: none; background: #005BAA !important; color:#fff; font-size: 16px; font-weight: 500; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; display: inline-flex;align-items: center;justify-content: center;padding:0 36px;min-height: 44px;}


/* MARK: BẢNG XẾP HẠNG */
.vnplay-bangxephang{padding-top:100px;position: relative;z-index: 999;background: linear-gradient(to top, #98E0FF, transparent);position: relative;overflow: hidden;}
.vnplay-bangxephang:after{content:'';width: 100%;background: url('../images/overlay-loang.png') no-repeat top center;aspect-ratio: 1 / 1;position: absolute;top: 22%;z-index: -1;}
.vnplay-bangxephang:before{content:'';width: 100%;height:100%;background: url('../images/winner_bg.png') no-repeat ;position: absolute;bottom: -26%;z-index: -1;background-size:cover;}


.bangxephang-title{text-align: center;margin-bottom: 80px;}
.bangxephang-title p{color:#fff;text-transform: uppercase;font-size: 32px;font-weight: 600;display: inline-flex;padding:0 40px;background: linear-gradient(to right, #005AAB, #ED1C24); border: 4px solid #fff;box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1); border-radius: 50px;margin: auto;position: relative;height: 80px;align-items: center;}
.bangxephang-title p:after{content:'';background: url('../images/crow.png') no-repeat; width:88px;height: 88px;top:-50px;right:-30px;position: absolute;}
.bangxephang-topic{display: flex;align-items: center;justify-content: center;gap:16px;flex-wrap: wrap;margin-bottom:102px;}
.bangxephang-topic-item{ border:2px solid #005BAA; background: #fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; padding:10px 20px; min-width: 240px; display: inline-flex; align-items: center; justify-content: center; text-transform: uppercase; color:#005BAA; font-size: 20px; font-weight: 600; cursor: pointer; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.bangxephang-topic-item:hover{background: #005BAA;color:#fff;}

.bangxephang-week{display: flex;justify-content: center;margin-top:40px;margin-bottom:102px;}
.bangxephang-week span{display: inline-flex;text-transform: uppercase;text-align: center;color:#005BAA;background: linear-gradient(to right, transparent, #9FE6FF, transparent);padding:6px 102px;font-size: 32px;font-weight: 600;position: relative;}
.bangxephang-week span:after{content:'';position: absolute;width:36px;height: 21px;background: url('../images/arrow-left.png') no-repeat;left:43px;top:calc(62% - 18px);}
.bangxephang-week span:before{content:'';position: absolute;width:36px;height: 21px;background: url('../images/arrow-right.png') no-repeat;right:43px;top:calc(62% - 18px);}

.bangxephang-winner{max-width: 910px;margin: auto;}
.bangxephang-winner-top{display: flex;gap:83px;align-items: start;justify-content: center;margin-bottom: -70px;}
.bangxephang-winner-item{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.bangxephang-winner-item:nth-child(1), .bangxephang-winner-item:nth-child(3){width:23.2%;padding:0 15px;}
.bangxephang-winner-item:nth-child(1){padding-top:152px;}
.bangxephang-winner-item:nth-child(3){padding-top:190px;}

.bangxephang-winner-item:nth-child(1) .bangxephang-winner-photo, .bangxephang-winner-item:nth-child(3) .bangxephang-winner-photo{ margin-bottom: 20px;position: relative;}
.bangxephang-winner-badge{position: absolute;width: 72px;height: 80px;top: -17%; left: 30%;}
.bangxephang-winner-photo > img{background: #fff;}
.bangxephang-winner-item:nth-child(1) .bangxephang-winner-photo > img{border:6px solid #C5C5C5; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;}
.bangxephang-winner-item:nth-child(3) .bangxephang-winner-photo > img{border:6px solid #EB9646; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;}
.bangxephang-winner-item:nth-child(1) .bangxephang-winner-name, .bangxephang-winner-item:nth-child(3) .bangxephang-winner-name{color:#111111;font-size: 18px;font-weight: 600;margin-bottom: 20px;text-align: center;text-transform: capitalize;}
.bangxephang-winner-item:nth-child(1) .bangxephang-winner-score, .bangxephang-winner-item:nth-child(3) .bangxephang-winner-score{ color:#fff; font-size: 16px; font-weight: 600; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;background: linear-gradient(to right, #005AAB, #ED1C24); height:44px;min-width: 90px;display: inline-flex;align-items: center;justify-content: center;padding:0 10px;}

.bangxephang-winner-item:nth-child(2){width:28%}
.bangxephang-winner-item:nth-child(2) .bangxephang-winner-photo{ margin-bottom: 20px;position: relative;}
.bangxephang-winner-item:nth-child(2) .bangxephang-winner-photo > img{border:6px solid #FFC634; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;}
.bangxephang-winner-item:nth-child(2) .bangxephang-winner-score{ color:#fff; font-size: 16px; font-weight: 600; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;background: linear-gradient(to right, #005AAB, #ED1C24); height:44px;min-width: 90px;display: inline-flex;align-items: center;justify-content: center;padding:0 10px;}
.bangxephang-winner-item:nth-child(2) .bangxephang-winner-name{color:#111111;font-size: 18px;font-weight: 600;margin-bottom: 20px;text-align: center;text-transform: capitalize;}
.bangxephang-winner-item:nth-child(2) .bangxephang-winner-badge{position: absolute;width: 80px;height: 80px;top: -17%; left: 34%;}


.bangxephang-list-container{max-width: 1100px; margin: auto; background: linear-gradient(to right, #005BAA, #004C8E); padding:40px; padding-bottom: 12px;padding-right: 8px; border-radius:40px 40px 0 0; -webkit-border-radius:40px 40px 0 0; -moz-border-radius:40px 40px 0 0; -ms-border-radius:40px 40px 0 0; -o-border-radius:40px 40px 0 0; }
.bangxephang-list-winner{ max-height: 1052px;overflow: auto;padding-right: 24px;}
.bangxephang-list-item{ display: flex; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; margin-bottom: 12px; background: rgba(0,0,0,0.15); overflow: hidden; }
.bangxephang-list-item:last-child{margin-bottom: 0;}
.bangxephang-list-left{width:calc(100% - 230px);padding-left: 24px;display: flex;gap:24px;align-items: center;}
.bangxephang-list-stt{width:60px;color:#fff;font-size: 22px;font-weight: 600;}
.bangxephang-list-avatar{ width: 64px; height: 64px; overflow: hidden; border:2px solid #fff; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.bangxephang-list-avatar img{width:100%;height: 100%;object-fit: cover;}
.bangxephang-list-name{width:calc(100% - 64px - 60px - 48px);}
.bangxephang-list-name h3{font-size: 24px;color:#fff;font-weight: 600;margin-bottom: 0}
.bangxephang-score-mb{display: none;}


.bangxephang-list-right{width:230px;position: relative;color:#fff;padding:8px 0;padding-right: 24px;min-height: 80px;font-size: 22px;font-weight: 600;display: inline-flex;align-items: center;justify-content: end;}
.bangxephang-list-right:after{ content: ''; position: absolute; width: calc(100% + 30px); height: 100%; background: rgba(0, 0, 0, 0.2); top: 0; right: -30px; transform: skewX(-30deg); -webkit-transform: skewX(-30deg); -moz-transform: skewX(-30deg); -ms-transform: skewX(-30deg); -o-transform: skewX(-30deg);}
.bangxephang-list-right span{position: relative;z-index: 99;}
.bangxephang-i1{position: absolute;left:76px;top:203px;}
.bangxephang-i2{position: absolute;right:80px;top:460px;}
.bangxephang-question-mark{font-weight: 800;color:#005BAA;font-size: 80px;}



/* MARK: SỰ KIỆN NB */
.sukiennb-container{display: flex;flex-direction: column;gap:24px;}
.sukiennb-item{ overflow: hidden; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; position: relative;}
.sukiennb-info{position: absolute;left:0;bottom:0;width:100%;height: 75%;background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);padding:12px;display: flex;align-items: start;color:#fff;display: flex;flex-direction: column;justify-content: end;gap:8px;}
.sukiennb-name{font-size: 16px;font-weight: 600;color:#fff;margin-bottom: 0;}
.sukiennb-item .sukiensapden-date{margin-bottom: 0;font-size: 14px;}
.sukiennb-item:hover img{ transform:scale(1.05) ; -webkit-transform:scale(1.05) ; -moz-transform:scale(1.05) ; -ms-transform:scale(1.05) ; -o-transform:scale(1.05) ; }
.sukiennb-item img{ transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; }

.daotao-s1-right > .col-inner{display: flex ; flex-direction: column; gap: 24px;}
.s-sukiennb-item{ position: relative; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden;}
.s-sukiennb-item img{ border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.s-sukiennb-item .box-text{position: absolute;left:0;bottom:0;width:100%;height: 75%;background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);padding:12px;display: flex;align-items: start;color:#fff;display: flex;flex-direction: column;justify-content: end;gap:8px;}
.s-sukiennb-item .box-text p{margin-bottom: 8px;font-size: 14px;padding-left: 28px;background: url('../images/sukien/clock.svg') no-repeat center left;background-size: contain;}
.s-sukiennb-item .box-text h4{font-size: 16px;font-weight: 600;color:#fff;margin-bottom: 0;}



/* MARK: BÌNH CHỌN */
#popup-binhchon{position: fixed;top:0;left:0;width:100%;height:100%;z-index: 999999;transition: all ease 0.5s;visibility: hidden; opacity: 0;}
.popup-binhchon-ajax{ display: flex ; width: 100%; height: 100%; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5);}
#popup-binhchon.popup-binhchon-ajax-active{visibility: visible;opacity: 1;}

.popup-binhchon-contain{ width: 1000px; height: calc(100vh - 160px); display: flex; flex-direction: column; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; background: #fff; justify-content: space-between; opacity: 0; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; margin-top: 20%; position: relative;}
.popup-binhchon-contain-active{opacity: 1;margin-top: 0;}

.popup-binhchon-top{display: flex;align-items: center;justify-content: space-between;padding:24px;gap:24px;box-shadow: 0px 2px 4px rgba(0,0,0,0.1);}
.popup-binhchon-top h3{color:#111111;font-size: 24px;font-weight: 600;width:calc(100% - 24px - 24px);margin: 0;}
.popup-binhchon-close{cursor: pointer;display: flex;}

.popup-binhchon-bottom{display: flex;align-items: center;justify-content: space-between;padding:20px 24px;box-shadow: 0px -2px 4px rgba(0,0,0,0.1);gap:40px;}
.popup-binhchon-box{width:calc(100% - 40px - 180px);display: flex;align-items: center;gap:16px;}
.popup-binhchon-btn{min-width: 148px;height: 40px;display: inline-flex;align-items: center; justify-content: center; text-transform: uppercase; color: #111111; border: 1px solid #111111; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; padding: 0 10px; gap: 8px; cursor: pointer; margin-bottom: 0; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s;position: relative;}
.popup-binhchon-btn:after{ content:''; position: absolute; background: url('../images/loading3.svg') no-repeat; background-size: cover; top: 5px; width: 30px; height: 30px; left: -40px; opacity: 0; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.popup-binhchon-btn.popup-binhchon-btn-svg:after{opacity: 1;}

.popup-binhchon-photo{ width: 64px; height: 64px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin-bottom: 12px; position: relative; z-index: 99; margin-bottom: 0; }
.popup-binhchon-photo img{border: 2px solid #fff; border-radius: 50%;}
.popup-binhchon-name{color:#111111;font-size: 18px;font-weight: 600;margin-bottom: 0px;text-transform: capitalize;}
.popup-binhchon-boxInfo .vnplay-luotbinhchon{margin-bottom: 0;}
.popup-binhchon-btn.has-binhchon{background: rgb(235 36 41 / 10%);border-color:transparent;color:#EB2429;}
.popup-binhchon-btn.has-binhchon svg path{fill:#EB2429;}

.popup-binhchon-middle{min-height: calc(100% - 87px - 104px);overflow: auto;}
.popup-binhchon-content{padding:24px;}
.popup-binhchon-content *{color:#3D3D3D;font-size: 16px;}
.popup-binhchon-content p:last-child{margin-bottom: 0;}
.popup-binhchon-video{height: 503px;overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;}
.popup-binhchon-video > img, .popup-binhchon-video > video{width: 100%;height: 100%;object-fit: cover;}
.popup-binhchon-video .box-noIcon{ border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; font-size: 22px;}
.popup-binhchon-iconplay{ position: absolute; top:0; left:0; width:100%; height:100%; display: flex; align-items: center; justify-content: center; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.popup-binhchon-video-active .popup-binhchon-iconplay{opacity: 0;}

.popup-binhchon-gallery{display: flex;gap:8px;margin-bottom: 8px;}
.popup-binhchon-gallery:last-child{margin-bottom: 0;}
.popup-binhchon-gallery-left, .popup-binhchon-gallery-right{width:calc(50% - 4px);}
.popup-binhchon-gallery-left{height: 503px;overflow: hidden;}
.popup-binhchon-gallery-left img{width:100%;height: 100%;object-fit: cover;}

.popup-binhchon-gallery-right{display: flex;flex-direction: column;gap:8px;}
.popup-binhchon-gallery-right span{overflow: hidden;display: block;height: 248px;}
.popup-binhchon-gallery-right span img{width: 100%;height: 100%;object-fit: cover;}

.popup-binhchon-gallery:nth-child(2n+1){flex-direction: row-reverse;}

.popup-binhchon-timeout{ background: linear-gradient(45deg, #98E0FF, #fff);; padding: 50px 30px 30px; border-radius: 10px; font-size: 18px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; display: flex ; flex-direction: column; align-items: end;position: relative;color: #005BAA; font-weight: bold;}
.popup-binhchon-timeout div{ position: absolute; top: 6px; right: 6px; background: linear-gradient(45deg, #005AAB, #ED1C24); width: 30px; height: 30px; display: flex ; align-items: center; justify-content: center; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; }

.popup-binhchon-prev{ position: absolute; width:56px; height: 56px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: rgba(255,255,255,0.5); display: inline-flex; align-items: center; justify-content: center; left:-88px; top: calc(50% - 28px); transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; cursor: pointer;}
.popup-binhchon-next{ position: absolute; width:56px; height: 56px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: rgba(255,255,255,0.5); display: inline-flex; align-items: center; justify-content: center; right:-88px; top: calc(50% - 28px); transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; cursor: pointer;}
.popup-binhchon-next svg{ transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ; -moz-transform:rotate(180deg) ; -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; }
.popup-binhchon-next svg path, .popup-binhchon-prev svg path{ transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; stroke: #fff;}
.popup-binhchon-prev:hover, .popup-binhchon-next:hover{background: #fff;}
.popup-binhchon-prev:hover path, .popup-binhchon-next:hover path{stroke: #005BAA;}



/* MARK: GAME PLAY */
.div-hidden{display: none;}
#gameplay.open-game{visibility: visible;opacity: 1;z-index: 99999999;}
#gameplay.hidden-game{visibility: hidden;opacity: 0;z-index: -1;}

.gameplay-container{position: fixed;top:0;left:0;width:100%;height: 100vh;display: flex;flex-direction: column;background: #005BAA;}
.gameplay-top{height: 96px;display: flex;align-items: center;padding-left: 24px;position: absolute;z-index: 9999;}
.gameplay-middle{height: calc(100% - 140px);background: url('../images/bg_game.png') no-repeat center top;background-size: cover;display: flex ; align-items: center;overflow: auto;}
.gameplay-bottom{height: 140px;background: #fff;align-items: center;display: flex;justify-content: center;}
.gameplay-close{ width:56px; height: 56px; display: inline-flex; align-items: center; justify-content: center; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; background: #fff;cursor: pointer;}


/* BOX 1 */
.gameplay-box-1{}
.gameplay-box-1-content{display: flex;flex-direction: column;align-items: center;/*gap:73px;*/padding-right: 64px;padding-left: 64px;justify-content: center;max-width: 1440px; margin: auto;width: 100%;}
.gameplay-box-1-logo{width:401px;}
.gameplay-box-1-topics{/*width:calc(100% - 401px - 73px);*/ width:100%;}
.gameplay-box-1-topics > h2{color:#fff;text-align: center;font-size: 38px;font-weight: 600;}
.gameplay-box-1-topics > span{color:#fff;text-align: center;font-size: 18px;margin-top:20px;margin-bottom: 56px;display: block;font-weight: 300;}

.gameplay-box-1-buttons{display: flex;justify-content: center;width: 100%;max-width: 1000px;margin: auto;}
.gameplay-button{ display: inline-flex; align-items: center; justify-content: center; color:#fff; gap:8px; font-size: 16px; font-weight: 500; min-width: 160px; min-height: 56px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; padding:0 8px;box-shadow: 0 4px 0 #125289;cursor: pointer;background: #005BAA;}

.topics-list{display: flex;flex-wrap: wrap;gap:20px;justify-content: center;}
.topic-item{ display: inline-flex; cursor: pointer; min-height: 44px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; padding:0 20px; background: #fff; border:1px solid #D1D1D1; align-items: center; text-align: center; justify-content: center; color:#888888; font-weight: 600; font-size: 16px; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.topic-item:hover, .topic-item-active{background: #3E7BFB;color:#fff;border-color:#3E7BFB;box-shadow: 0 3px 0 rgb(40 104 239);}

#userCodeForm input[name="user_code"]{ height: 72px; border-radius: 999px; -webkit-border-radius: 999px; -moz-border-radius: 999px; -ms-border-radius: 999px; -o-border-radius: 999px; padding: 0 20px !important; text-align: center;box-shadow: none;font-size: 22px;color: #005BAA;font-weight: 800;}
#userCodeForm input[name="user_code"]::placeholder{color: rgb(0 91 170 / 30%);}
#userCodeForm input.input-hidden{visibility: hidden;display: none;}


#userList{display: flex;gap:16px;width: 100%;flex-wrap: wrap;max-height: 550px; overflow: auto;padding-right: 15px;align-items: start;justify-content: center;}
#userList li{ width: auto; background: #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; padding:8px; display: flex; gap:4px; align-items: center;min-width: 200px;margin: 0;}
#userList li p{ overflow: hidden;display: flex ; align-items: center; justify-content: center;margin: 0;}
#userList li p img{width: 60px;border: 3px solid #fff;}
#userList li div{display: flex; align-items: center;justify-content: space-between;gap:8px;width:calc(100% - 60px - 8px);}
#userList li div strong{color: #3D3D3D; font-size: 15px;text-transform: capitalize; font-weight: 500;}
#userList li div em{color: #00D190; font-size: 13px;display: none;}



/* BOX 2 */
.gameplay-baithi-contain{background: url('../images/bg_game.png') no-repeat center top, #005BAA;background-size: cover;padding: 80px 0;}
.gameplay-box-2{max-width: 1236px;margin: auto;width: 100%;height: 100%;padding-top: 44px;}
.gameplay-box-2 > h2{color: #fff;text-align: center;font-size: 42px;font-weight: 600;}
.gameplay-baithi-list{display: flex;flex-wrap: wrap;gap:24px;max-width: 1236px;margin: auto;}
.gameplay-baithi-item{ width:calc(25% - 18px); background: #fff; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; padding:8px;cursor: pointer;transition: all ease 0.5s;}
.gameplay-baithi-img{ border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; overflow: hidden;margin-bottom: 4px;}
.gameplay-baithi-item > div{padding:8px;}
.gameplay-baithi-item > div p{margin-bottom: 4px;font-size: 14px;transition: all ease 0.5s;}
.gameplay-baithi-item h3{color:#3D3D3D;font-size: 18px;font-weight: 500;margin-bottom: 0;transition: all ease 0.5s;}
.gameplay-baithi-item:hover{background: #F85459;}
.gameplay-baithi-item:hover h3, .gameplay-baithi-item:hover >div p{color: #fff;}

.gameplay-show-content{background: #005BAA !important;border-radius: 14px;}
.gameplay-show-content button svg path{fill: #fff;}
.gameplay-baithi-content{display: flex;flex-direction: column;width: 849px;height: 80vh; overflow: auto;padding-right: 15px;}
.gameplay-baithi-content >p{color: #fff;font-size: 22px;font-weight: 600; text-transform: uppercase;}
.gameplay-baithi-top{}
.gameplay-baithi-top span{opacity: 0.7;}
.gameplay-baithi-top p{color:#fff;margin-bottom: 8px;}
.gameplay-baithi-bot{margin-top:20px;}
.gameplay-baithi-box{margin-bottom: 20px; }
.gameplay-baithi-box-question{background: rgb(255 255 255 / 7%); padding: 14px; border-radius: 10px; color: #fff;margin-bottom: 14px;font-weight: 300;}
.gameplay-baithi-box-question strong{font-weight: 700;}
.gameplay-baithi-box-answer{color:#fff;padding-left: 2.5rem;font-size: 15px; font-weight: 300;}
.gameplay-baithi-error{color:#fff;font-size: 20px;text-align: center;}



/* BOX 3 */
.quiz-buttons{display: flex;align-items: center;max-width: 1000px;width:100%;justify-content: space-between;}
.quiz-btn{display: inline-flex; min-width: 160px; height: 56px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border:2px solid #D1D1D1;gap:8px;align-items: center;justify-content: center;box-shadow: 0px 1px 0px #D1D1D1;cursor: pointer;}
.quiz-back-hidden{visibility: hidden;}
.quiz-buttons-left{width:336px;}
.quiz-buttons-right{width:336px;}
.quiz-next{background: #E7E7E7;border: none; border-bottom: 3px solid rgba(0, 0, 0, 0.15);}
.quiz-next svg{ transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ; -moz-transform:rotate(180deg) ; -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; }
.quiz-clock{position: relative;width: 92px;}
.quiz-next-active{background: #005BAA;color: #fff;}
.quiz-next-active svg path{fill:#fff;}


/* QUIZ */
.font-ZCOOL{font-family: "ZCOOL QingKe HuangYou", sans-serif;}
.quiz-timeclock{position: absolute;top:0;left:0;width:100%;height: 100%;display: flex;align-items: center;justify-content: center;}
#timer{color:#111111;font-size: 24px;font-family: "ZCOOL QingKe HuangYou", sans-serif;}


/* QUIZ - 2.1: Câu hỏi có hình hoặc video */
.quiz-box-2_1{display: flex;gap:24px;}
.quiz-box-left, .quiz-box-right{width:calc(50% - 12px);}
.quiz-box-right{ border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden;}
.quiz-box-left{display: flex;flex-direction: column;gap:20px 24px;justify-content: space-between;}
.answer-label{ margin: 0; height: 72px; border-radius:999px ; -webkit-border-radius:999px ; -moz-border-radius:999px ; -ms-border-radius:999px ; -o-border-radius:999px ; display: flex;align-items: center;background: #E7E7E7;cursor: pointer;position: relative;text-align: left;}
.answer-label input{position: absolute;top:0;left:0;width:100%;height: 100%;cursor: pointer;opacity: 0;margin: 0;}
.answer-label span{ position: absolute; top:0; left:0; width:100%; height: 100%; display: flex; align-items: center; text-align: left; color:#6D6D6D; font-weight: 600; font-size: 22px; padding:0 32px; border-radius: 999px; -webkit-border-radius: 999px; -moz-border-radius: 999px; -ms-border-radius: 999px; -o-border-radius: 999px; border-bottom: 4px solid rgba(0, 0, 0, 0.15);}

.answer-label-A input:checked + span{color:#fff;background: #3E7BFB;}
.answer-label-B input:checked + span{color:#fff;background: #F85459;}
.answer-label-C input:checked + span{color:#fff;background: #FFC634;}
.answer-label-D input:checked + span{color:#fff;background: #00D190;}

.quiz-box-noimage .quiz-box-left{width:100%;flex-direction: row;flex-wrap: wrap;}
.quiz-box-noimage .quiz-box-left .answer-label{width:calc(50% - 12px);}
.quiz-box-noimage .quiz-box-right{display: none;}

#question-audio audio{width: 100%;min-width: 100%;}
#question-audio audio::-webkit-media-controls-panel{background: transparent;}
#answerButtons .quiz-box-right video{height: 100%; width: 100%; object-fit: cover;}


/* MARK: LOGGIN FORM POPUP */
  
#custom-login-form{display: flex;align-items:center;padding: 50px;background: linear-gradient(to top, transparent, rgb(152 224 255 / 50%), transparent);position: relative;}
#custom-login-form:after{content: ''; position: absolute; background: url(../images/bg_truyenthong.png) no-repeat center top; background-size: cover; bottom: 0; left: 0; width: 100%; height: 100%;z-index: -1;}
#custom-login-form h3{color: #005BAA; text-transform: uppercase; margin-bottom: 20px;font-size: 30px;text-align: center;}  
.custom-login-left{width: 50%;}
.custom-login-right{width: 50%;padding-left:60px;}
#custom-login-form .custom-login-right input{border:none;box-shadow: none;font-size: 14px; height: 40px;border-radius: 6px;padding-left: 40px !important;width: 100%;max-width: 100%;}
.custom-login-right button{ background: #005BAA; font-size: 14px; font-weight: 500; text-transform: none; height: 40px; display: inline-flex ; align-items: center; justify-content: center; padding: 0 24px; position: relative; border-radius: 8px; color: #fff; margin: 0; margin-top: 0px !important; cursor: pointer; width: 100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.custom-login-input{position: relative;}
.custom-login-input svg{position: absolute;left:12px;top:10px;}
#login-message{text-align: center; margin-top: 20px; color: #005BAA; font-size: 14px;}

.login-popup {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.5);
}
.popup-content {
  background: #fff;
  border-radius: 8px;
  max-width: 800px;
  /* margin: 100px auto; */
  position: relative;
  transform: translate(-50%, -50%);top: 50%; left: 50%;
}
.close-popup {
  position: absolute;
  top: 0px;
  right: 15px;
  cursor: pointer;
  font-size: 32px;
  z-index: 99;
  color:#005BAA;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.logged-in-avatar {
  cursor: pointer;
  display: inline-flex;width: 68px;height:44px;
}
.logged-in-avatar img {
  vertical-align: middle;
  width:calc(100% - 12px - 10px);height:100%;object-fit:cover;background: #ebebeb;border-radius:50%;
}
.avatar-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.dropdown-menu {
  display: none;
  position: absolute; top: 155%; left: -82%; background: white; /* border: 1px solid #ddd; */ border-radius: 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); min-width: 160px; z-index: 999; font-size: 14px;
}

.dropdown-menu a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #333;
}

.dropdown-menu a:hover {
  background: #f0f0f0;
}
.logged-in-main{display: inline-flex;align-items:center;gap:12px;}


/* SWEETALERT */
div:where(.swal2-container){z-index: 999999999 !important;}
.section-page-detail .no-results{max-width: 1236px; margin: 40px auto;}


/* MARK: TUYỂN DỤNG */
.page-tuyendung-s1{padding-top:100px !important;}
.page-tuyendung-s1 .page-tuyendung-s1-left{max-width: calc(100% - 586px) !important;flex-basis: calc(100% - 586px) !important;padding-right: 100px !important;display: flex ; align-items: center;}
.page-tuyendung-s1 .page-tuyendung-s1-right{max-width: 586px !important;flex-basis: 586px !important;}
.page-tuyendung-title *{line-height: 140%;}
.page-tuyendung-des{margin-top:32px;opacity: 0.9;line-height: 140%;}
.page-tuyendung-des *{font-size: 18px;font-weight: 300;color:#111111;}


/* SECTION 2 */
.tuyendung-list-contain{padding-top:56px;position: relative; z-index: 9;}
.tuyendung-list-main{ background: #fff; box-shadow: 0px 2px 30px rgba(0,0,0,0.05); border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; padding:87px 34px 40px 34px;}
.tuyendung-list-bottom{margin-top:48px;}
.tuyendung-list-title{text-align: center;margin-bottom: -40px;}
.tuyendung-list-title p{color: #fff; text-transform: uppercase; font-size: 32px; font-weight: 600; display: inline-flex ; padding: 0 40px; background: linear-gradient(to right, #005AAB, #ED1C24); border: 4px solid #fff; box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1); border-radius: 50px; margin: auto; position: relative; height: 80px; align-items: center;}
.tuyendung-list-search{max-width: 900px;margin: auto;position: relative;}
.tuyendung-list-search input{ width: 100%; min-width: 100%; background: #fff; border:1px solid #D1D1D1; height: 56px; border-radius: 999px !important; -webkit-border-radius: 999px !important; -moz-border-radius: 999px !important; -ms-border-radius: 999px !important; -o-border-radius: 999px !important; box-shadow: none;text-indent: 55px;margin: 0;}
.tuyendung-list-search input::placeholder{color:#6D6D6D;font-size: 18px;}
.tuyendung-list-search span{cursor: pointer;position: absolute;top:12px;left: 20px;}

.tuyendung-list-bottom{display: flex;gap:80px;}
.tuyendung-list-filter{width: 250px;}
.tuyendung-list-right{width:calc(100% - 250px - 80px);}
.tuyendung-list-items{display: flex;flex-direction: column;gap: 48px;}
.tuyendung-list-filter-box{margin-bottom: 24px;}
.tuyendung-list-filter-box:last-child{margin-bottom: 0;}
.tuyendung-list-filter-box > p{font-weight: 700;font-size: 16px;margin-bottom: 12px;color:#005BAA;}
.tuyendung-list-filter-box > select{ height: 44px; border:1px solid #D1D1D1; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; background: #fff;box-shadow: none;cursor: pointer;color:#3D3D3D;font-size: 16px;font-weight: 500;}
.tuyendung-list-item{display: flex;gap:40px;align-items: center;}
.tuyendung-list-view{ display: inline-flex; width: 128px; height: 44px; border-radius:999px ; -webkit-border-radius:999px ; -moz-border-radius:999px ; -ms-border-radius:999px ; -o-border-radius:999px ; background: #005BAA;font-size: 16px;color:#fff !important;align-items: center;justify-content: center;position: relative;}
.tuyendung-list-view span:first-child{position: relative;z-index: 9;}
.tuyendung-list-view span:last-child{ position: absolute; top:0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #005AAB, #ED1C24); border-radius:999px ; -webkit-border-radius:999px ; -moz-border-radius:999px ; -ms-border-radius:999px ; -o-border-radius:999px ; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; opacity: 0;}
.tuyendung-list-view:hover span:last-child{opacity: 1;}

.tuyendung-list-box{width: calc(100% - 128px - 40px);}
.tuyendung-list-box h3{color:#111111;font-size: 20px;font-weight: 600;margin-bottom: 17px;}
.tuyendung-list-info{display: flex;gap:8px;margin-bottom: 12px;}
.tuyendung-list-info:last-child{margin-bottom: 0;}
.tuyendung-list-info-item{min-width: 200px;display: flex;gap:8px;align-items: center;color: #6D6D6D;font-size: 16px;font-weight: 500;}

#tuyendung_pagination{margin-top:40px;display: flex;justify-content: end;}
.tuyendung-pagination{display: flex;gap:4px;}
.tuyendung-pagination span, .tuyendung-pagination a{width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;color:#3D3D3D;font-size: 18px;cursor: pointer;margin-bottom: 0 !important;}
.tuyendung-pagination .page-numbers.current{ background: #005BAA; color:#fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }


/* MARK: BẢNG QUY CHIẾU */
.bangquychieu-container{padding-top:100px;position: relative; z-index: 9;}
.bangquychieu-contain{ background: #fff; box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.05); border-radius: 20px; padding:88px 34px 40px 34px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.bangquychieu-table{margin-bottom: 24px;}
.bangquychieu-note{text-align: center;color:#000;font-size: 18px;padding:0 134px;font-weight: 300;margin-bottom: 0;}
.bangquychieu-table-th{display: flex;gap:8px;margin-bottom: 8px;}
.bangquychieu-table-th span{ display: inline-flex; align-items: center; justify-content: center; background: #005BAA; color: #fff; font-size: 20px; font-weight: 600; min-height: 64px; padding:0 12px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.bangquychieu-table-th span:first-child{width: 304px;}
.bangquychieu-table-th span:not(:first-child){width: calc(calc(100% - 304px - 8px) / 3 - 6px);}

.bangquychieu-table-body{display: flex;gap:8px;margin-bottom: 8px;}
.bangquychieu-table-body:last-child{margin-bottom: 0;}
.bangquychieu-table-body > div{ text-align: center;}
.bangquychieu-table-body > div:first-child{width: 304px;background: #EAF4FE;min-height: 64px; padding:10px 12px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; align-items: center; justify-content: center; display: flex ; flex-direction: column;color: #111111;}
.bangquychieu-table-body > div:first-child h3{font-size: 20px;font-weight: 600;color: #111111;margin-bottom: 5px;}
.bangquychieu-table-body > div:first-child *:not(h3){font-size: 16px;}
.bangquychieu-table-body > div:not(:first-child){width: calc(100% - 304px - 8px);display: flex;flex-direction: column;gap:8px;}
.bangquychieu-table-right > div{display: flex ; gap: 8px;}
.bangquychieu-table-right > div > div{display: inline-flex; align-items: center; justify-content: center;width: calc(100% / 3 - 6px);background: #EAF4FE;min-height: 64px; padding:10px 12px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;font-size: 20px;font-weight: 600;color: #111111;}


/* MARK: QUY TRÌNH TIẾP NHẬN */
.page-tuyendung-s2{padding:120px 0 140px 0 !important;}
.page-tuyendung-quytrinh{margin-top: 48px;padding:35px 32px !important;position: relative;height: 390px;gap: 106px;}
.page-tuyendung-quytrinh:after{content:'';position: absolute;background: url('../images/tuyendung/line.png') no-repeat center;background-size: contain;top:0;left:0;width: 100%;height: 100%;z-index: -1;}
.tuyendung-quytrinh-img{text-align: center;margin-bottom: 12px;}
.tuyendung-quytrinh-img img{width: auto !important;margin: auto;}
.tuyendung-quytrinh-title{margin-bottom: 12px;text-align: center;}
.tuyendung-quytrinh-title *{text-transform: uppercase;color: #EB2429;font-weight: 700;font-size: 28px;margin: 0;}
.tuyendung-quytrinh-subtitle{margin-bottom: 8px;text-align: center;}
.tuyendung-quytrinh-subtitle *{color:#111111;font-size:20px;margin: 0;font-weight: 600;}
.tuyendung-quytrinh-des{text-align: center;}
.tuyendung-quytrinh-des *{margin: 0;color:#3D3D3D;font-size: 18px;}
.page-tuyendung-s2 .tuyendung-quytrinh-item{max-width: calc(100% / 3 - 71px); flex-basis: calc(100% / 3 - 71px);padding-top:2rem !important;}


/* MARK: BẢNG XẾP HẠNG - TUYỂN DỤNG */
.tuyendung-bxh-container{position: relative;padding-bottom: 100px;}
.tuyendung-bxh-container:after{content:'';position: absolute;left:0;bottom:0;width: 100%;background: linear-gradient(to top, #A9E5FF, #fff);height: 140%;}
.tuyendung-bxh-contain{max-width: 1236px;margin: auto;padding: 88px 4px 34px 34px;box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.05);box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.05); border-radius: 20px;  -webkit-border-radius: 20px;margin-top: -48px;position: relative;z-index: 9;background: #fff;}
.tuyendung-bxh-container .tuyendung-list-title{position: relative;z-index: 10;}
.fix-tuyendung-list-title p:after { content: ''; background: url(../images/crow.png) no-repeat; width: 88px; height: 88px; top: -50px; right: -30px; position: absolute; background-size: contain;}
.tuyendung-bxh-list{overflow: auto; max-height: 715px;padding-right: 23px;}
.tuyendung-bxh-no-scroll{padding-right: 30px;}
.tuyendung-list-head{display: flex;gap:8px;padding-right: 30px;margin-bottom: 8px;}
.tuyendung-list-head span{ background: #005BAA; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; display: inline-flex;align-items: center;justify-content: center;color:#fff;font-size: 20px;font-weight: 600;min-height: 64px;text-align: center;}
.tuyendung-list-head span:nth-child(1){width: 80px;}
.tuyendung-list-head span:nth-child(2){width: 34%;}
.tuyendung-list-head span:nth-child(3){width: 38%;}
.tuyendung-list-head span:nth-child(4){width: 19%;}

.tuyendung-list-body{ display: flex; gap:8px; background: #F6F6F6; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; margin-bottom: 8px;}
.tuyendung-list-body:last-child{margin-bottom: 0;}
.tuyendung-list-body span{text-align: center;min-height: 64px;display: inline-flex;align-items: center;justify-content: center;color:#111111;font-size: 20px;font-weight: 600;}
.tuyendung-list-body span:nth-child(1){width: 80px;}
.tuyendung-list-body span:nth-child(2){width: 34%;}
.tuyendung-list-body span:nth-child(3){width: 38%;}
.tuyendung-list-body span:nth-child(4){width: 19%;}

.tuyendung-list-body:nth-child(1){background: linear-gradient(to right, #FFFACB, #FCE40B);}
.tuyendung-list-body:nth-child(2){background: linear-gradient(to right, #E7F8FF, #97E0FF);}
.tuyendung-list-body:nth-child(3){background: linear-gradient(to right, #FFE3DA, #FFB097);}

.page-tuyendung-overlay{position: absolute;width: 100%;background: linear-gradient(to top,#fff, #A9E5FF, #fff);height: 50%;top:7%;left:0;}
.page-tuyendung-icon1{position: absolute;left:0;top:10%;}
.page-tuyendung-icon2{position: absolute;left:0;top:10%;width: 100%;}
.page-tuyendung-icon3{position: absolute;right:0;top:32%;z-index: 8;}
.page-tuyendung-icon4{position: absolute;left:0;top:40%;width: 100%;}
.page-tuyendung-icon5{position: absolute;left:0;bottom:10%;z-index: 1;}
.page-tuyendung-icon6{position: absolute;right:0;bottom:20%;z-index: 1;}
.page-tuyendung-icon7{position: absolute;left:0;bottom:0%;width: 100%;z-index: 2;overflow: hidden;}
.page-tuyendung-icon7 img{margin-bottom: -39%;}
.page-tuyendung-icon8{position: absolute;left:0;top:30%;}

.scroll-style1::-webkit-scrollbar-track
{
	background-color: transparent;
}

.scroll-style1::-webkit-scrollbar
{
	width: 8px;
	background-color: transparent;
}

.scroll-style1::-webkit-scrollbar-thumb
{
  background-color: rgb(176 176 176 / 50%);
  border-radius:99px ;
  -webkit-border-radius:99px ;
  -moz-border-radius:99px ;
  -ms-border-radius:99px ;
  -o-border-radius:99px ;
}


/* MARK: THƯ VIỆN PAGE */
.thuvien-page-s1-contain{padding:80px 0 !important;align-items: end;}
.thuvien-page-s1-left{}
.thuvien-page-s1-left-box .box-text-inner p{margin-bottom: 12px;font-size: 18px; padding-left: 28px; background: url('../images/sukien/clock2.svg') no-repeat center left;}
.thuvien-page-s1-left-box .box-text-inner h2{color:#005BAA;font-size: 38px; font-weight: 600; line-height: 120%;}

.thuvien-page-s1-left-box{display: flex;flex-direction: column-reverse;}
.thuvien-page-s1-left-box .box-text{padding:0 !important}
.thuvien-page-s1-left-box .box-image{ width: 100%; overflow: hidden; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; margin-top:20px}

.thuvien-page-s1-contain .thuvien-page-s1-right{padding-left: 40px !important;}
.thuvien-page-s1-right-box{ overflow: hidden; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; height: 220px;margin-bottom: 24px;}
.thuvien-page-s1-right-box:last-child{margin-bottom: 0;}
.thuvien-page-s1-right-box .box-text{background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);}
.thuvien-page-s1-right-box .box-text-inner > p{margin-bottom: 8px; font-size: 15px; padding-left: 25px; background: url('../images/sukien/clock.svg') no-repeat center left;text-shadow: none;}
.thuvien-page-s1-right-box .box-text-inner h3{font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 0;text-shadow: none;}
.thuvien-page-s1-right-box .box-image{height: 100%;}
.thuvien-page-s1-right-box .box-image *{height: 100%;}
.thuvien-page-s1-right-box .box-image img{object-fit: cover;}


/* SECTION 2 */
.thuvien-page-s2{}
.thuvien-page-s2-top{justify-content: space-between;align-items: center;}
.thuvien-page-s2-top:after{display: none;}
.thuvien-page-s2-top-des{margin-top:24px;}
.thuvien-page-s2-top-des *{font-size: 16px;font-weight: 300;color:#111;line-height: 160%;margin-bottom: 0;}
.thuvien-page-s2-top-title *{line-height: 120%;}
.thuvien-page-s2-top-button{margin-top: 24px;}

.thuvien-page-s2-bottom{margin-top:80px;}
.thuvien-page-s2-bottom-img{height: 400px; overflow: hidden; border-radius: 20px;}
.thuvien-page-s2-bottom-img div, .thuvien-page-s2-bottom-img img{height: 100%;}
.thuvien-page-s2-bottom-img img{object-fit: cover;}


/* SECTION 3 */
.thuvien-page-s3{padding:80px 0 !important;position: relative; z-index: 99;}
.thuvien-sksd-container{margin-top:40px;position: relative;}
.thuvien-sksd-item{position: relative;display: flex;justify-content: end;}
.thuvien-sksd-img{ width:80% ;height: 550px; overflow: hidden; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.thuvien-sksd-img img{width: 100%;height: 100%;object-fit: cover;}
.thuvien-sksd-info{ position: absolute; left:0; width: 30%; height: calc(100% - 80px); top:40px; background: #fff; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ;padding:2rem;box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.05);display: flex;flex-direction: column;justify-content: space-between;}
.thuvien-sksd-info h3{color:#005AAB;font-weight: 600;font-size: 24px;line-height: 130%;margin-bottom: 12px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.thuvien-sksd-info > div > div{color:#111;font-size: 16px;font-weight: 300;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.thuvien-sksd-info > a{color:#005AAB;text-transform: uppercase;margin-top:12px;font-size: 12px;display: inline-block;font-weight: 600;text-decoration: underline;}
.thuvien-sksd-info.thuvien-sksd-info-mobile{display: none;}

.thuvien-sksd-arrows{display: flex;align-items: center;gap:6px;position: absolute;z-index: 10;bottom:24px;right:24px;}
.thuvien-btn-next, .thuvien-btn-prev{ cursor: pointer; width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #fff;display: inline-flex;align-items: center;justify-content: center;}
.thuvien-btn-next svg{ transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ; -moz-transform:rotate(180deg) ; -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; }
.thuvien-btn-next svg path, .thuvien-btn-prev svg path{ transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; }
.thuvien-btn-next:hover svg path, .thuvien-btn-prev:hover svg path{stroke:#005AAB;}

.swiper-thuvien .swiper-slide{opacity: 0 !important;}
.swiper-thuvien .swiper-slide.swiper-slide-active{opacity: 1 !important;}


/* SECTION 4 */
.thuvien-page-s4{position: relative; z-index: 10;padding-bottom: 80px !important;}
.thuvien-page-s4-contain{justify-content: space-between;}
.thuvien-page-s4-contain:after{display: none;}
.thuvien-page-s4-top-des{}
.thuvien-page-s4-top-des *{color:#111;font-size: 16px;font-weight: 300;}
.thuvien-page-s4-boxes{margin-top:40px;}
.s-thuthach-box{}
.s-thuthach-item{padding:62px 24px; background: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;min-height: 460px;}
.s-thuthach-item .box-image{ width: 150px; height: 150px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; margin-bottom: 40px;}
.s-thuthach-title{text-align: center;text-transform: uppercase;font-size: 16px;font-weight: 600;color:#111;width: 70%;margin: auto;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.s-thuthach-title-excerpt{text-align: center;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;color:#111;font-size: 15px;opacity: 0.7;margin-top:24px;font-weight: 300;}
.s-thuthach-title-excerpt *{margin-bottom: 0;}
.page-tuyendung-icon9{position: absolute; left: 0; bottom: 0; width: 100%; background: linear-gradient(to top, #A9E5FF, #fff); height: 25%;}


/* MARK: POST NEWS */
.news-detail-main{padding:80px 0 !important;position: relative;}
.news-detail-main:after{content:'';position: absolute; left: 0; bottom: 0; width: 100%; background: linear-gradient(to top, #A9E5FF, #fff); height: 100%;}
.news-detail-contain{display: flex;gap:24px;flex-wrap: wrap;position: relative;z-index: 10;}
.news-detail-box{ width: calc(50% - 12px); display: flex; background: #fff; border-radius:8px ; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; overflow: hidden; }
.news-detail-box .box-image{width: 300px;height: 200px;}
.news-detail-box .news-detail-info{width:calc(100% - 300px);padding:20px;}
.news-detail-box .box-image .box-noneImg, .news-detail-box .box-image img{width: 100%;height: 100%;object-fit: cover;}
.news-detail-box .news-detail-info h2{font-size: 16px;color:#111;font-weight: 600;margin-bottom: 12px;}
.news-detail-excerpt {margin-bottom: 0;font-size: 14px;color:#666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.banner-detail{max-height: 400px;overflow: hidden;}
.banner-detail img{width: 100%;height: 100%;object-fit: cover;}
.bg-detail-page .title-overlay{display: none;}


.detailPost-header{margin-bottom: 60px;padding-left: 1.5rem; border-left: 4px solid #005AAB;}
.detailPost-title{margin: 0;color: #005AAB;line-height: 120%;}
.detailPost-author{font-size: 14px; color: #999;}
.page-header-wrapper{position: relative;z-index: 99;}



/* MARK: FORM TUYỂN DỤNG */
#formTuyendung{background: #fafafa;width: 615px;border-radius: 12px;}
.applySubmit-tuyendung{margin-bottom: 40px; margin-top: -40px;min-width: 140px;}
.applySubmit-tuyendung span{color: #fff;}
#formTuyendung .form-tuyendung-item input:not(input[type="file"]), #formTuyendung .form-tuyendung-item textarea{ box-shadow: none !important; border-radius: 6px; border:1px solid #d4dbe7 !important; min-width: 100%; margin-top:0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
#formTuyendung .wpcf7-not-valid-tip{position: relative; margin-top: 0; background: transparent !important; font-size: 12px; padding-left: 0; margin-bottom: 5px;}
#formTuyendung .wpcf7 .wpcf7-not-valid-tip:after{display: none;}
#formTuyendung input[type="submit"]{margin:0;background: #005AAB; min-width: 120px; border-radius: 99px; min-height: 40px;}
.form-tuyendung-submit{margin-top:20px;display: flex;justify-self: center;text-align: center;}
#formTuyendung .wpcf7-response-output{border: none; background: #ebebeb; border-radius: 0; font-size: 14px; margin: 30px 0 0 0; padding: 10px 20px;}
.form-tuyendung-file{ position: relative; border: 2px dashed #d4dbe7; background: #fff; min-height: 140px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.form-tuyendung-file-input{margin: 0; opacity: 0; position: absolute;top:0;left:0;width:100%;height: 100%;margin: 0;cursor: pointer;}
.form-tuyendung-file-box{position: absolute;top:0;left:0;width:100%;height: 100%;cursor: pointer;z-index: 99;}
.form-tuyendung-file-icon{position: absolute;z-index: 9;top: 0; left: 0; width: 100%; height: 100%; display: flex ; align-items: center; justify-content: center;margin: 0;flex-direction: column;}
.form-tuyendung-file-icon svg{width: 100px;}
.form-tuyendung-file-icon span#fileNameDisplay{text-align: center;font-size: 12px;font-weight: 500;color: #666; padding: 6px 20px; border-radius: 6px; margin-top: 5px;}
.form-tuyendung-file-input input{width: 100%;height: 136px;}
.form-tuyendung-filetype{ color:#fff; font-size: 9px; background: #005BAA; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; padding:2px 4px;text-align: center;position: absolute;}
.form-tuyendung-submit .wpcf7-spinner{position: absolute;top: 45px;}
.form-tuyendung-submit p{position: relative;display: flex ; justify-content: center;}
.form-tuyendung-box label{font-weight: 500;}


/* MARK: ĐÀO TẠO PAGE LIST */
.daotao-detail-page{padding:80px 0;position: relative;}
.daotao-detail-page:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; background: linear-gradient(to top, #A9E5FF, #fff); height: 100%; }
.daotao-detail-main{display: flex;gap:20px;flex-wrap: wrap;position: relative;z-index: 9;}
.daotao-detail-item{padding: 20px; background: #fff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05); border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;width: calc(100% / 3 - 14px);}
.daotao-detail-item .box-image { height: 260px; aspect-ratio: unset; border-radius: 16px;}
.daotao-detail-item .box-image img { height: 100%; width: 100%; object-fit: cover; }


/* TIN TỨC - SỰ KIỆN */
.s-tintucsukien-container{position: relative;z-index: 2;margin-bottom: 40px;}
.s-tintucsukien-top{display: flex;justify-content: space-between;align-items: center;}
.s-tintucsukien-top h2{font-size: 42px; font-weight: 600; color: #005BAA; margin: 0;}


/*MARK: MEDIA RESPONSIVE*/
@media screen and (max-width: 1440px){
  .s-sukien-container{padding-bottom: 550px;}
  .s-cauchuyen-contain { margin-top: -500px; }
}

@media screen and (max-width: 1366px){
  
}

@media screen and (max-width: 1250px){
  .s-sukien-container, .s-truyenthong-container, .s-daotao-container{padding-left: 3% !important;padding-right: 3% !important;}
  .s-cauchuyen-contain{padding: 0 3% !important;}
  .h-cauchuyen-contain{z-index: 99;}
  .h-cauchuyen-contain.h-cauchuyen-contain-active { z-index: 9999; }
  .s-cauchuyen-contain .s-cauchuyen-left { flex-basis: 50%; max-width: 50%; padding-right: 40px !important; }
  .s-cauchuyen-contain .s-cauchuyen-right { flex-basis: 50%; max-width: 50%; }
  .s-thongke-container { padding: 0 3% !important; }
  .s-thongke-title, .s-thongke-title *{font-size: 26px;}
  .s-thongke-des *{font-size: 14px;}
  .about-doanhnghiep{padding-top:40px !important;padding-left: 3% !important;padding-right: 3% !important;}
  .about-cotloi-container{padding-left: 3% !important;padding-right: 3% !important;}
  .about-sp-dv{padding:0 3% !important;}

  .daotao-s1-container{padding:40px 5% 40px 5% !important;}
  .daotao-s2-container{padding:0 5% !important;}
  .daotao-sach-container{padding: 50px 5% !important;}
  .uxblock-bannerText{padding-left: 5%;}

  .vnplay-bangxephang{padding-left: 5%;padding-right: 5%;padding-top:60px;}
  .gameplay-bottom{height: 100px;}
  .gameplay-middle{height: calc(100% - 100px);overflow: auto; padding: 40px 0;}
  .gameplay-box-1-logo{display: none;}
  .gameplay-box-1-topics { width: 100%; }
  .gameplay-box-1-topics > h2, .gameplay-box-2 > h2{font-size: 32px;}
  .quiz-main{padding-bottom: 40px;}
}

@media screen and (max-width: 1250px){
  .s-tintucsukien-top h2{font-size: 34px;}
}

@media screen and (max-width: 1024px){
  .daotao-detail-page{padding:40px 5%;}

  .thuvien-page-s4{padding-left: 5% !important;padding-right: 5% !important;padding-bottom: 40px !important;}
  .thuvien-page-s4 .s-title-main, .s-title-main *{text-align: left !important;}

  .thuvien-page-s3 { padding: 20px 5% 20px 5% !important; }
  .thuvien-sksd-info{width: 40%;}

  .thuvien-page-s2 { padding: 30px 5% !important; }
  .thuvien-page-s2-top-title *{text-align: left !important;}

  .thuvien-page-s1-contain { padding: 0 5% 40px 5% !important;}
  .thuvien-page-s1-left{flex-basis: 100%;max-width: 100%;}
  .thuvien-page-s1-contain .thuvien-page-s1-right{flex-basis: 100%;max-width: 100%;padding-left: 0 !important;margin-top:30px;}
  .thuvien-page-s1-contain .thuvien-page-s1-right .col-inner{display: flex ; gap: 24px;}

  .tuyendung-bxh-container{padding-bottom: 40px;}
  .fix-tuyendung-list-title p:after{width: 60px; height: 60px;top: -35px; right: -22px;}
  .tuyendung-bxh-container{padding-left: 5%; padding-right: 5%;}

  .tuyendung-list-head span{font-size: 15px; font-weight: 500;}
  .tuyendung-list-body span{font-size: 14px; font-weight: 500;}

  .page-tuyendung-s2 { padding: 50px 5% 50px 5% !important; }
  .tuyendung-quytrinh-title *{font-size: 18px;}
  .tuyendung-quytrinh-title{margin-bottom: 4px;}
  .tuyendung-quytrinh-subtitle *{font-size: 16px;}
  .tuyendung-quytrinh-subtitle{margin-bottom: 4px;}
  .tuyendung-quytrinh-des *{font-size: 14px;}
  .page-tuyendung-s2 .tuyendung-quytrinh-item{display: flex;align-items: center;padding-top: 0rem !important;}

  .table_cover{max-width: -moz-fit-content; max-width: fit-content; margin: 0 auto; overflow-x: auto; white-space: nowrap; display: block;}  
  .pageDetail-s1-table .table_cover{max-width: unset; max-width: unset; margin: unset; overflow-x: unset; white-space: unset; display: unset;}
  
  .s-sukien-container, .s-truyenthong-container, .s-daotao-container{padding-left: 5% !important;padding-right: 5% !important;}
  .s-sukien-title{font-size: 28px;}
  .s-sukien-date{font-size: 14px;}
  .s-sukien-item-time{font-size: 20px;}
  .s-sukien-datesTop{padding:0 15px;padding-bottom: 8px;}
  .s-sukien-datesBottom { padding-left: 15px; padding-right: 3px; }
  .s-cauchuyen-contain{padding: 0 5% !important;}
  .s-cauchuyen-title, .s-cauchuyen-title * { font-size: 34px;}
  .s-cauchuyen-description, .s-cauchuyen-description *{font-size: 14px;}
  .s-cauchuyen-title { margin-bottom: 14px; }

  .s-thongke-container { padding: 0 5% !important; }
  .s-thongke-item { flex-basis: calc(100% / 3 - 27px); max-width: calc(100% / 3 - 27px); position: relative; }
  .s-thongke-list{justify-content: center;}
  .s-thongke-item:nth-child(3):after{display: none;}

  .s-cauchuyen-contain:before{background-size: 50%;}
  .s-daotao-tab{font-size: 14px;}
  .s-daotao-listCategory{justify-content: center; margin-top: 20px;}

  .s-footer-container{padding-top: 40px !important;padding-left: 5% !important;padding-right: 5% !important;}
  .s-footer-contain{gap:30px;}
  .s-footer-left { flex-basis: 100% !important; max-width: 100% !important; }
  .s-footer-center { flex-basis: calc(75% - 30px) !important; max-width: calc(75% - 30px) !important; }
  .s-footer-right { flex-basis: 25% !important; max-width: 25% !important; }

  .about-doanhnghiep{padding-left: 5% !important;padding-right: 5% !important;}
  .about-doanhnghiep-i1{top: 2%; right: -5%;}
  .about-doanhnghiep-top .about-doanhnghiep-left { flex-basis: auto; max-width: auto; }
  .about-doanhnghiep-top .about-doanhnghiep-right { flex-basis: 100%; max-width: 100%; padding-left: 0px !important; }
  .about-doanhnghiep-top{justify-content: center;}

  .about-doanhnghiep-bottom{flex-direction: column-reverse; align-items: center;margin-top:20px;}
  .about-doanhnghiep-bottom .about-doanhnghiep-left { flex-basis: 100%; max-width: 100%; padding-right: 0px !important; }
  .about-doanhnghiep-bottom .about-doanhnghiep-right { flex-basis: auto; max-width: auto; }
  .about-doanhnghiep-i1{z-index: -1;}

  .about-cotloi-container{padding-left: 5% !important;padding-right: 5% !important;}
  .giatricotloi-container{flex-direction: column-reverse;gap:40px;}
  .giatricotloi-left{width:100%;}
  .giatricotloi-right{width:100%;}
  .giatricotloi-title{font-size: 14px;}
  .giatricotloi-item{width: calc(20% - 20px);}

  .lichsuhinhthanh-container{padding-left:5% !important;padding-right:5% !important;}
  .about-sp-dv{padding:0 5% !important;}
  .about-spdv-row{gap:40px;}
  .about-spdv-left { flex-basis: calc(45% - 40px); max-width: calc(45% - 40px); }
  .about-spdv-right { flex-basis: 55%; max-width: 55%; }

  .daotao-s1-left { max-width: 50%; flex-basis: 50%; }
  .daotao-s1-middle{ max-width: calc(50% - 40px); flex-basis: calc(50% - 40px); }
  .daotao-s1-container .daotao-s1-right {padding-left: 0px !important;max-width: 100%; flex-basis: 100%;}
  .sukiennb-container{flex-direction:row;}
  .sukiennb-item{width:calc(50% - 12px);}

  .s-title-main, .s-title-main *{text-align: center;}

  .daotao-sukien-container{padding: 0 5% !important;}
  .sukiensapden-container{gap: 30px; flex-direction: column;}
  .sukiensapden-left { width: 100%;}
  .sukiensapden-right { width: 100%;}
  .sukiensapden-left img{width: 100%;}
  .daotao-sukien-container .s-title-main, .daotao-sukien-container .s-title-main *{text-align: left;}
  .sukiensapden-container{margin-top: 30px;}
  .daotao-khoa-container { padding: 0 5% 40px 5% !important;}
  .daotao-khoa-container .section-content{z-index: 99;}

  .vnplay-container { padding: 40px 5%;}
  .vnplay-time-count{font-size: 20px;min-width: auto;}
  .vnplay-time-clock img{margin-top: -10px; width: 70px;}
  .vnplay-item { width: calc(50% - 12px);}

  .bangxephang-topic-item{font-size: 16px;}
  .popup-binhchon-contain{width:90%;}
  .popup-binhchon-top h3{font-size: 18px;}
  .popup-binhchon-content *{font-size: 14px;}
  .popup-binhchon-name{font-size: 14px;}
  .vnplay-luotbinhchon{font-size: 12px;}

  .gameplay-baithi-contain{padding: 40px 5%;}
  .gameplay-baithi-item h3{font-size: 16px;}

  .page-tuyendung-s1 { padding-top: 40px !important; padding-left: 5% !important; padding-right: 5% !important;}
  .page-tuyendung-s1 .page-tuyendung-s1-left{max-width: 100% !important; flex-basis: 100% !important; padding-right: 0px !important;}
  .page-tuyendung-des *{font-size: 16px;}
  .page-tuyendung-s1 .page-tuyendung-s1-right{margin: auto;}

  .tuyendung-list-contain{padding-top: 0;padding-left: 5%; padding-right: 5%;}
  .tuyendung-list-title p{font-size: 22px;height: 60px;padding: 0 20px;font-weight: 500;}
  .tuyendung-list-bottom{flex-direction: column;gap:30px;}
  .tuyendung-list-filter { width: 100%; }
  .tuyendung-list-right { width: 100%; }

  .bangquychieu-table-right > div > div, .bangquychieu-table-th span, .bangquychieu-table-body > div:first-child h3, .bangquychieu-table-body > div:first-child *:not(h3){font-size: 14px;word-break: break-word;}
  
}


@media screen and (max-width: 849px){
  .daotao-detail-item{width: calc(100% / 2 - 10px);}

  #comments{ border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; margin-bottom: 0;}
  #wpdcom .wpd-thread-list{padding-bottom: 0;}
  #wpdcom .wpd-comment.wpd-reply .wpd-comment-text, #wpdcom .wpd-comment-text{font-size: 13px;}

  .blog-single{padding-bottom: 0;}
  .thuvien-page-s2-bottom-img{height: auto;}
  .thuvien-page-s1-right-box{height: 200px;}

  .tuyendung-quytrinh-img img{width: 40px !important;}
  .page-tuyendung-quytrinh:after{display: none;}
  .page-tuyendung-quytrinh{height: auto;gap: 30px;padding: 35px 0px !important;}
  .page-tuyendung-s2 .tuyendung-quytrinh-item { max-width: calc(100% / 3 - 20px); flex-basis: calc(100% / 3 - 20px);padding: 15px !important;border-radius: 10px;background: #fff;box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.05);}

  .bangquychieu-container{padding-top: 60px;padding-left: 5%; padding-right: 5%;}
  .bangquychieu-table-body > div:first-child, .bangquychieu-table-th span:first-child{width: 200px;}
  .bangquychieu-table-th span:not(:first-child) { width: calc(calc(100% - 200px - 8px) / 3 - 6px); }
  .bangquychieu-table-body > div:not(:first-child){width: calc(100% - 200px - 8px);}

  .s-sukien-dates-main{overflow-x: auto;/*pointer-events: all; -webkit-overflow-scrolling: touch;*/}
  .s-sukien-datesBottom{width: calc(160px * 7 + 8px * 6); }
  .tooltipDev{top:0;height: 100%;}

  .s-sukien-topMain{overflow-x: scroll;pointer-events: all; -webkit-overflow-scrolling: touch;}
  .s-sukien-datesTop{width: calc(160px * 7 + 8px * 6);}
  .s-sukien-date { font-size: 15px; }

  .tooltipDev { position: fixed; top: 10% !important; left: 10% !important; width: 80% !important; height: 80%;padding: 30px 40px;}
  .tooltipDev::after{display: none;}
  .s-sukien-itemsub-photo{height: 350px;}
  .s-sukien-itemsub-close { margin-bottom: 24px;}
  .s-sukien-itemsub-top { height: calc(100% - 20px);}
  #tooltip-show-content{height: calc(100% - 48px);}

  .s-sukien-container{z-index: 9;}
  .s-sukien-container.s-sukien-container-active{z-index: 99999;}
  .s-sukien-container.s-sukien-container-active .s-sukien-contain:after{z-index: 99;}
  #overlay-tooltip.show{visibility: visible;z-index: 99;}
  .s-sukien-itemsub-content{font-size: 18px;}
  .s-sukien-itemsub-title{font-size: 28px;}
  .daotao-s3-container.daotao-s3-active{z-index: 999999999;}

  .s-sukien-timeNow{font-size: 22px;}
  .s-sukien-container{padding-top:40px;}
  .s-sukien-contain:after{background-size: 50%;top: -3%;}
  .s-sukien-title { font-size: 20px; }
  .s-sukien-contain{ border-radius: 20px 20px 14px 14px; -webkit-border-radius: 20px 20px 14px 14px; -moz-border-radius: 20px 20px 14px 14px; -ms-border-radius: 20px 20px 14px 14px; -o-border-radius: 20px 20px 14px 14px; z-index: 9999999;}
  .s-sukien-main{ border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; }

  .s-cauchuyen-contain .s-cauchuyen-left { flex-basis: 100%; max-width: 100%; padding-right: 0px !important; }
  .s-cauchuyen-contain .s-cauchuyen-right { flex-basis: 100%; max-width: 100%; }

  .s-cauchuyen-contain:after{background-size: 50%;left: 10px; top: -4%;}
  .s-thongke-des{padding:0 15px;}

  .s-truyenthong-container{padding-top:80px !important}
  .s-truyenthong-titlemain { text-align: center; }
  .s-truyenthong-list{margin-top:0;}
  .s-truyenthong-title{ font-size: 16px; margin-top: 10px; }
  .s-truyenthong-title-excerpt *, .s-truyenthong-title-excerpt{font-size: 14px;}

  .s-daotao-first, .s-daotao-item{ border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
  .s-daotao-first h3, .s-daotao-item h3{font-size: 16px;}
  .s-daotao-first{width:100%;}
  .s-daotao-list{width:100%;}

  .s-truyenthong-container{padding-bottom: 40px !important;}
  .s-daotao-container{padding-bottom: 40px !important;z-index: 99;}
  .giatricotloi-item{width: calc(100% / 3 - 16px);}
  .about-cotloi-container { padding-top: 40px !important;}

  .lichsuhinhthanh-content{font-size: 14px;}
  .lichsuhinhthanh-title{font-size: 18px;}

  .about-spdv-left { flex-basis: 100%; max-width: 100%; }
  .about-spdv-right { flex-basis: 100%; max-width: 100%; }
  .s-spdv-title{text-align: center;}
  .about-spdv-des *{font-size: 14px;}
  .about-spdv-des{margin-bottom: 0;}
  .lichsuhinhthanh-container{padding-bottom: 40px;}
  .tooltipDev.show { opacity: 1; transform: scale(1);z-index: 99999999 !important;}

  .daotao-s1-left-title, .daotao-s1-left-title *{font-size: 34px;}
  .daotao-s2-title{ font-size: 16px; padding: 14px 10px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; }
  .daotao-list-danhmuc { margin-top: 25px; overflow: hidden; }
  .daotao-sukien-container .s-title-main, .daotao-sukien-container .s-title-main * { text-align: center; }
  .nav-vertical>li>ul li a { color: #fff;font-size: 13px;}
  .menu-item .toggle{ color: #fff;font-size: 10px;}
  .form-flat input:not([type=submit]), .form-flat select, .form-flat textarea{font-size: 14px;min-height: 40px;}

  .vnplay-btn{font-size: 14px;}
  .vnplay-name{font-size: 16px;}

  .vnplay-information h3{font-size: 30px;}
  .vnplay-information { font-size: 14px; }
  .vnplay-banner .vnplay-btnplay{font-size: 14px;}

  .bangxephang-topic{display: none;}
  .bangxephang-title p{font-size: 20px;height: 65px;}
  .bangxephang-i2{display: none;}
  .bangxephang-title { margin-bottom: 50px; }
  .bangxephang-winner-item:nth-child(2) .bangxephang-winner-score, .bangxephang-winner-item:nth-child(1) .bangxephang-winner-score, .bangxephang-winner-item:nth-child(3) .bangxephang-winner-score{font-size: 14px; font-weight: 400;height: 36px;}
  .bangxephang-winner-item:nth-child(1) .bangxephang-winner-name, .bangxephang-winner-item:nth-child(3) .bangxephang-winner-name, .bangxephang-winner-item:nth-child(2) .bangxephang-winner-name{margin-bottom: 10px;font-size: 14px;}

  .bangxephang-winner-item:nth-child(2) .bangxephang-winner-photo, .bangxephang-winner-item:nth-child(1) .bangxephang-winner-photo, .bangxephang-winner-item:nth-child(3) .bangxephang-winner-photo { margin-bottom: 12px;}

  .bangxephang-winner-item:nth-child(2) .bangxephang-winner-photo{}
  .bangxephang-winner-item:nth-child(1) .bangxephang-winner-photo, .bangxephang-winner-item:nth-child(3) .bangxephang-winner-photo{}
  .bangxephang-winner-badge{width: 30%; height: auto;left: 37%;}
  .bangxephang-winner-item:nth-child(2) .bangxephang-winner-badge{width: 30%; height: auto;left: 37%;}
  .bangxephang-winner-item:nth-child(1) .bangxephang-winner-photo > img, .bangxephang-winner-item:nth-child(3) .bangxephang-winner-photo > img, .bangxephang-winner-item:nth-child(2) .bangxephang-winner-photo > img{border-width: 3px;}

  .bangxephang-list-name h3, .bangxephang-list-right, .bangxephang-list-stt{font-size: 18px;}

  .popup-binhchon-contain{ border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px;}
  .popup-binhchon-btn{font-size: 14px;}
  .popup-binhchon-iconplay img{width: 12%;}
  .popup-binhchon-video{height: auto;}

  .gameplay-box-1-topics > span{font-size: 14px;margin-bottom: 30px;}
  .gameplay-close { width: 35px; height: 35px;}
  .gameplay-close svg{width: 13px;}
  .topics-list{gap:10px;}
  .topic-item{font-size: 14px;min-height: 36px;}
  .gameplay-button{min-width: 120px; min-height: 40px;font-size: 14px;}
  .gameplay-box-1-content{padding-left: 64px;}

  .gameplay-box-2{padding: 0 5%; padding-top: 44px;}
  .gameplay-baithi-item{width: calc(100% / 3 - 16px);}
  .quiz-buttons-right, .quiz-buttons-left{width:calc(calc(100% - 92px) / 2);}
  .quiz-buttons-right{text-align: right;padding-right: 5%;}
  .quiz-btn{min-width: 100px; height: 36px;font-size: 12px;}
  .quiz-buttons{align-items: end;}

  .custom-login-left{display: none;}
  .custom-login-right{width: 100%;padding-left: 0;}
  .popup-content{max-width: 500px;}

  .logged-in-main{gap:8px;}
  .logged-in-avatar img{width:32px;}
  .logged-in-avatar svg{width:8px;}
  .avatar-wrapper{display: inline-flex;align-items: center;justify-content: end;}
  .dropdown-menu{top:60px;padding: 10px 0px;}
  .dropdown-menu a{padding: 3px 15px;}

  .daotao-s1-right > .col-inner{flex-direction: row;}

  .gameplay-baithi-content{width: 100%;padding-right: 15px;height: 90vh;}
  .gameplay-show-content.fancybox-content{padding:20px;}

  body .single-page.section-page-detail{ padding: 40px 5%; margin-top: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
  .detailPost-header{margin-bottom: 30px;}
  .single-page-detail *:not(h1){font-size: 16px;}
  .detailPost-title{margin-bottom: 5px;}

  .normal-title .page-title-inner{min-height: auto !important;aspect-ratio: 1 / 0.4;}
  #comments{padding: 0px 5% 40px 5% !important;}
  #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt textarea{box-shadow: none !important;min-height: 120px !important;}
  #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-editor-buttons-right{margin-top: -60px;margin-right: 5px;}
  #wpdcom .wc-field-submit{margin-top:0;}
  #wpdcom .wpd-prim-button{height: 35px; font-size: 10px; font-weight: 400;}

  .news-detail-main{padding: 40px 5% !important;}
  .news-detail-box{width: 100%;}
  .bangquychieu-note{font-size: 14px;padding: 0;}
  .s-tintucsukien-cat-box, .s-tintucsukien-box{width: calc(100% / 2 - 12px);}
  .s-tintucsukien-cat-box:nth-child(3){display: none;}

  .s-sukien-prev, .s-sukien-next{width: 30px; height: 30px; display: inline-flex ; justify-content: center;  align-items: center;}
}


@media screen and (max-width: 700px){
  .bangxephang-list-right{display: none;}
  .bangxephang-list-left { width: 100%; }
  .bangxephang-list-item{height: 64px;}
  .bangxephang-list-avatar { width: 42px; height: 42px;}
  .bangxephang-list-container{ border-radius:20px 20px 0 0 ; -webkit-border-radius:20px 20px 0 0 ; -moz-border-radius:20px 20px 0 0 ; -ms-border-radius:20px 20px 0 0 ; -o-border-radius:20px 20px 0 0 ; padding: 24px;}
  .bangxephang-list-winner{padding-right: 12px;}
  .bangxephang-list-stt{width: 40px;}
  .bangxephang-list-left{gap:12px;}
  .bangxephang-list-name{width: calc(100% - 40px - 40px - 24px);}
  .bangxephang-score-mb{display: block;color: #fff; font-size: 12px;}

  .box-overlay .box-text, .box-shade .box-text{padding-left: 0.5em; padding-right: 0.5em;}
  .thuvien-page-s1-right-box .box-text-inner h3{font-size: 14px;font-weight: 400;}
  .thuvien-page-s1-right-box .box-text-inner > p{font-size: 13px;}
  .thuvien-sksd-info{display: none;}
  .thuvien-sksd-info.thuvien-sksd-info-mobile{display: block;position: relative;width: 100%;height: auto;top:unset;padding: 0;background: transparent;box-shadow: none;}
  .thuvien-sksd-img{ width: 100%; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; }
  .thuvien-sksd-item{flex-direction: column; gap: 20px;background: transparent; padding: 0; box-shadow: none;}

  .thuvien-sksd-arrows{position: unset;}
  .thuvien-btn-prev{position: absolute;left:20px;top: calc(35% - 20px); z-index: 9;}
  .thuvien-btn-next{position: absolute;right:20px;top: calc(35% - 20px); z-index: 9;}
}


@media screen and (max-width: 650px){  
  .page-tuyendung-quytrinh{justify-content: center;}
  .page-tuyendung-s2 .tuyendung-quytrinh-item{max-width: calc(100% / 2 - 15px); flex-basis: calc(100% / 2 - 15px);}

 .bangxephang-winner-item:nth-child(2) .bangxephang-winner-score, .bangxephang-winner-item:nth-child(1) .bangxephang-winner-score, .bangxephang-winner-item:nth-child(3) .bangxephang-winner-score{font-size: 12px;}
 .bangxephang-winner-item:nth-child(1), .bangxephang-winner-item:nth-child(3){padding: 0;}
 .bangxephang-winner-item:nth-child(1) { padding-top: 15%; }
 .bangxephang-winner-item:nth-child(3) { padding-top: 20%; }
 .bangxephang-winner-top{margin-bottom: -7%;}
 .bangxephang-list-name h3, .bangxephang-list-right, .bangxephang-list-stt { font-size: 16px; }
 .bangxephang-list-left{padding-left: 12px;}
  
 .tuyendung-list-item{align-items: start; flex-direction: column;gap: 20px;}
 .tuyendung-list-box { width: 100%; }
 .tuyendung-list-info{flex-wrap: wrap;}
 .tuyendung-list-info-item{font-size: 14px;}
 .tuyendung-list-view{width: 120px; height: 38px;font-size: 14px;}
 .tuyendung-list-main{padding: 60px 20px 20px 20px;}
 .tuyendung-list-bottom { margin-top: 30px; }
 .tuyendung-list-search input{height: 45px;text-indent: 40px;}
 .tuyendung-list-search span{top: 7px; left: 10px;}
 .tuyendung-list-filter-box > select{font-size: 14px;}
 .tuyendung-list-filter-box > p{font-size: 14px;margin-bottom: 6px;}

 .bangquychieu-table-contain{overflow: auto;}
 .bangquychieu-table{width: 849px;}
 .bangquychieu-contain{padding: 60px 20px 20px 20px;}
 .tuyendung-bxh-contain{padding: 80px 20px 20px 20px;}
 .tuyendung-list-head span:nth-child(4), .tuyendung-list-body span:nth-child(4){display: none;}
 .tuyendung-bxh-no-scroll { padding-right: 0; }
 .tuyendung-list-body span:nth-child(3), .tuyendung-list-head span:nth-child(3) { width: 47%; }
 .tuyendung-list-head{padding-right: 0;}

 .thuvien-page-s1-left-box .box-text-inner h2{font-size: 30px;}
}


@media screen and (max-width: 600px){ 
  .s-footer-center { flex-basis: calc(65% - 30px) !important; max-width: calc(65% - 30px) !important; }
  .s-footer-right { flex-basis: 35% !important; max-width: 35% !important; }
  .vnplay-info { padding: 20px 12px;}
  .gameplay-baithi-item { width: calc(50% - 12px);}
  .quiz-buttons-right{display: flex;flex-direction: column;gap:8px;padding-left: 5%;}
  .quiz-clock{width: 75px;}
  .quiz-buttons-right, .quiz-buttons-left{width: calc(calc(100% - 85px) / 2);}
  .quiz-buttons-left{padding-left: 5%;}
  .popup-content{max-width: 90%;}
  #custom-login-form{padding: 30px 24px;}
  #custom-login-form h3{font-size: 24px;margin-bottom: 12px;}
  #custom-login-form .custom-login-right input, .custom-login-right button{ border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }
  .tuyendung-list-title p{font-size: 18px;}
  .thuvien-page-s1-right-box{ height: 160px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
  .thuvien-page-s1-contain .thuvien-page-s1-right .col-inner{gap:12px;}
  .thuvien-page-s1-contain .thuvien-page-s1-right{margin-top: 12px;}
  .thuvien-page-s1-left-box .box-image{ border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
  .thuvien-sksd-img{height: 300px;}
}


@media screen and (max-width: 549px){
  #wpdcom .wmu-attached-images .attachment-thumbnail, #wpdcom .wmu-attached-images .wmu-attached-image{width: 60px !important;}
  #wpdcom .wmu-attached-image-link { height: 60px; }

  .thuvien-page-s1-left-box .box-text-inner p{font-size: 14px;}
  .thuvien-page-s4 .s-title-main, .s-title-main * { text-align: center !important; }
  .thuvien-page-s4-top-des *{font-size: 14px;text-align: justify;}
  .thuvien-page-s4-boxes { margin-top: 10px; }
  .thuvien-page-s4 .slider-nav-reveal .flickity-prev-next-button.previous{left: 30px !important;}
  .thuvien-page-s4 .slider-nav-reveal .flickity-prev-next-button.next{right: 30px !important;}
  .s-thuthach-item{padding:30px 20px;}
  .s-thuthach-title{font-size: 14px;}
  .s-thuthach-item{min-height: auto;} 

  .thuvien-page-s2-top-title *{font-size: 24px !important;}
  .thuvien-page-s2-top-des{margin-top: 10px;text-align: justify;}
  .thuvien-page-s2-top-des *{font-size: 14px;}
  .thuvien-page-s4 .thuvien-page-s2-top-des .s-title-main, .s-title-main * { text-align: left !important; }
  .s-truyenthong-container .s-title-main, .s-title-main * { text-align: center !important; }

  .thuvien-page-s4-boxes{width: calc(100% + 20px); max-width: calc(100% + 20px) !important;margin-left: -10px;}
  
  .thuvien-sksd-info > div > div{text-align: justify;}

  .thuvien-sksd-info h3{font-size: 18px;}
  .thuvien-sksd-info > div > div{font-size: 14px;}
  .thuvien-sksd-container{margin-top:20px;}

  .page-tuyendung-des *{font-size: 14px;}
  .tuyendung-list-body span{font-size: 12px;}
  .thuvien-page-s2-top-title *{font-size: 28px;}
  .page-tuyendung-icon4{display: none;}

  .thuvien-page-s2{margin-top:-60px;}
  .thuvien-page-s2-top-title *{font-size: 24px;}

  .s-sukien-itemsub-title{font-size: 24px;margin-top:30px;}
  .s-sukien-itemsub-content{font-size: 16px;}
  .s-sukien-itemsub-photo { height: 250px; }
  .tooltipDev{padding:25px;top: 3% !important; left: 5% !important; width: 90% !important; height: 94%;}
  .s-sukien-timeNow{font-size: 18px;}
  .s-sukien-btn-submit svg{width:6px;}
  .s-sukien-item-title{font-size: 14px;}
  .s-sukien-datesBottom { width: calc(130px * 7 + 6px * 6); }
  .s-sukien-datesTop { width: calc(130px * 7 + 8px * 6); }
  .s-sukien-item{min-height: 130px;}
  .s-sukien-dates{max-height: 410px;}
  .s-sukien-dates-main{min-height: 405px;}

  .s-cauchuyen-title, .s-cauchuyen-title * { font-size: 28px; }
  .s-cauchuyen-contain:after{top: -5%;}
  .s-sukien-tab{padding:10px;}
  .s-sukien-itemsub-btn{font-size: 14px;}
  .s-sukien-itemsub-date{font-size: 14px;}

  .s-thongke-title, .s-thongke-title * { font-size: 18px; }
  .s-thongke-des * { font-size: 12px; }
  .s-thongke-des { padding: 0 5px; }
  .s-thongke-container { margin: 40px 0 64px 0;}
  .s-truyenthong-container { padding-top: 40px !important; }
  .s-truyenthong-item{ border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; }
  .s-truyenthong-item .box-image{ border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
  .s-truyenthong-box{min-height: auto;}
  .s-truyenthong-quangcao { margin-top: 20px; position: relative; z-index: 99;}
  .s-daotao-tab { font-size: 12px; padding: 6px 15px;}

  .s-daotao-list, .s-daotao-contain{gap: 14px;}
  .s-daotao-item h3{padding: 14px;}
  .s-daotao-nodata{font-size: 14px;}

  .s-footer-center { flex-basis: 100% !important; max-width: 100% !important; }
  .s-footer-right { flex-basis: 100% !important; max-width: 100% !important; }

  .s-footer-menu a, .s-footer-address p{font-size: 14px;}
  .s-footer-copyright *{font-size: 14px;}
  .s-footer-title, .s-footer-title *{font-size: 18px;}

  .about-doanhnghiep-des *, .about-doanhnghiep-row-des *{font-size: 14px;}
  .about-doanhnghiep-des{max-width: 100%;margin-top: 12px;}
  .giatricotloi-main-content, .giatricotloi-main-content *{font-size: 14px;}
  .giatricotloi-main-title h3{font-size: 20px;}

  .lichsuhinhthanh-left{display: none;}
  .lichsuhinhthanh-right{width: 100%;padding-left: 30px;}
  .lichsuhinhthanh-reverse .lichsuhinhthanh-right { align-items: start; }
  .lichsuhinhthanh-list:after{left: 0;opacity: 0.5;}
  .lichsuhinhthanh-sub:after{width: 12px; height: 12px;top: 26px; left: -5px;}
  .lichsuhinhthanh-photo-mb{display:block;}
  .lichsuhinhthanh-noImg { margin-top: 0; }
  .lichsuhinhthanh-noImg:after{display: block;}

  .daotao-s1-left { max-width: 100%; flex-basis: 100%; }
  .daotao-s1-middle { max-width: 100%; flex-basis: 100%; }
  .sukiennb-container{gap: 16px;}
  .sukiennb-item{width:calc(50% - 8px);}
  .sukiennb-name{font-size: 13px; font-weight: 500;}
  .sukiennb-item .sukiensapden-date{font-size: 12px;}
  .sukiennb-item .sukiensapden-date svg{width:14px;}
  .sukiennb-info{gap:4px;}
  .daotao-s1-left-des, .daotao-s1-left-des *{font-size: 14px;}
  .daotao-s1-left-title, .daotao-s1-left-title * { font-size: 48px; }
  .sukiensapden-small-item h3{font-size: 16px;}
  .sukiensapden-small-date{font-size: 14px;}
  .sukiensapden-small-date svg{width:16px;}
  .sukiensapden-title{font-size: 18px;line-height: 140%;}
  .sukiensapden-des{font-size: 14px;}
  .sukiensapden-date{font-size: 14px;}
  .sukiensapden-date svg{font-size: 16px;}
  .sukiensapden-des{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}  
  .daotao-s3-container .s-sukien-container { padding-bottom: 250px;}

  .vnplay-contain { padding: 73px 0 0px 0; background: none;}
  .vnplay-name{font-size: 14px;}
  .vnplay-btn { font-size: 10px; height: 32px;padding: 0 10px;}
  .vnplay-btn svg{width:12px;}
  .vnplay-luotbinhchon { font-size: 12px; margin-bottom: 12px; }
  .vnplay-time{padding: 0;}
  .vnplay-time-count{font-size: 14px;font-weight: 400;padding: 6px 20px 6px 55px;}
  .vnplay-time-clock img { margin-top: -3px; width: 65px; }
  .vnplay-list{gap:18px;}
  .vnplay-item { width: calc(50% - 9px); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
  .box-noneImg{font-size: 14px;font-weight: 500;}
  .vnplay-item .box-image { height: auto; overflow: hidden; aspect-ratio: 1 / 0.8; }
  .vnplay-photo { width: 45px; height: 45px;}

  .uxblock-bannerText { padding-right: 5%; }
  .vnplay-banner { aspect-ratio: 1 / 1; padding-top: 0 !important; position: relative;}
  .vnplay-banner:after{content:'';position: absolute;top:0;right:0;width:100%;height: 100%;background: linear-gradient(to left, rgba(0,0,0,0.5), transparent);}
  .uxblock-bannerText{z-index: 99;}

  .bangxephang-title p{font-size: 18px;}

  .bangxephang-winner-item:nth-child(1) .bangxephang-winner-photo > img, .bangxephang-winner-item:nth-child(3) .bangxephang-winner-photo > img, .bangxephang-winner-item:nth-child(2) .bangxephang-winner-photo > img { border-width: 2px; }
  .bangxephang-winner-top{gap:40px;}
  .bangxephang-winner-item:nth-child(2) .bangxephang-winner-score, .bangxephang-winner-item:nth-child(1) .bangxephang-winner-score, .bangxephang-winner-item:nth-child(3) .bangxephang-winner-score{height: 30px;font-size: 10px;}
  .bangxephang-winner-item:nth-child(1) .bangxephang-winner-name, .bangxephang-winner-item:nth-child(3) .bangxephang-winner-name, .bangxephang-winner-item:nth-child(2) .bangxephang-winner-name{font-size: 12px;font-weight: 500;}

  .bangxephang-list-name h3, .bangxephang-list-right, .bangxephang-list-stt { font-size: 14px; }
  .bangxephang-list-container{padding:14px;}
  .popup-binhchon-btn{font-size: 12px;}
  .popup-binhchon-bottom{gap:20px;}
  .popup-binhchon-box { width: calc(100% - 20px - 180px);}
  .popup-binhchon-bottom{padding: 10px 12px;}
  .popup-binhchon-content { padding: 20px 10px; }
  .popup-binhchon-photo{width: 45px;height: 45px;}
  .popup-binhchon-top{padding: 14px 10px;}
  .popup-binhchon-top h3 { font-size: 14px; }

  .gameplay-box-1-topics > h2, .gameplay-box-2 > h2 { font-size: 20px; }
  .gameplay-box-1-content{padding-right: 30px; padding-left: 30px;}
  .gameplay-box-1-topics > span{margin-bottom: 18px;}
  .topics-list{justify-content: start;}
  .topic-item{width: calc(50% - 5px);padding: 0 10px;}
  .bangxephang-title p{height: 55px;}

  .gameplay-baithi-list{}
  .gameplay-baithi-item{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; width: 100%;}

  #questionText{font-weight: 400;}
  .answer-label span{font-size: 16px;}
  .gameplay-top{height: 60px;}

  .quiz-buttons-right{gap:4px;}
  .quiz-next svg, .quiz-back svg{width: 4px;}
  #questionText{font-size: 14px;}

  #userList{gap:8px;}
  #userList li{ min-width: 100px; padding: 6px 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
  #userList li p img{width: 40px;}
  #userList li div{width:calc(100% - 40px - 4px);}
  #userList li div strong{font-size: 13px;}

  #userCodeForm input[name="user_code"]{height: 45px;font-size: 18px;}
  .quiz-box-noimage .quiz-box-left .answer-label{width: 100%;}

  .dropdown-menu{top:52px;}

  .gameplay-baithi-top, .gameplay-baithi-box-question { font-size: 14px; }
  .gameplay-baithi-box-answer{font-size: 13px;padding-left: 1.5rem;}

  .single-page-detail *:not(h1){font-size: 16px;line-height: 160%; font-size: 14px;}
  .detailPost-header{padding-left: 1rem; border-left: 3px solid #005AAB;}
  .detailPost-author{font-size: 12px !important;}

  .news-detail-box{flex-direction: column;}
  .news-detail-box .box-image{width: 100%;height: 250px;}
  .news-detail-box .news-detail-info { width: 100%;}

  .bangquychieu-table-th span, .bangquychieu-table-right > div > div{ min-height: 44px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
  .bangquychieu-table-body > div:first-child h3{font-size: 16px;}
  .thuvien-page-s1-left-box .box-text-inner h2 { font-size: 24px; }

  .s-tintucsukien-cat-box, .s-tintucsukien-box{width: 100%;}
  .s-tintucsukien-cat-box:nth-child(3){display: block;}
}


@media screen and (max-width: 450px){  
  .daotao-detail-item{width: 100%;}
  .s-sukien-contain:after { background-size: 30%;}
  .s-title-main, .s-title-main * { font-size: 30px; }
  .giatricotloi-item{width: calc(100% / 2 - 12px);}
  .lichsuhinhthanh-right{padding-left: 22px;}
  .vnplay-name { font-size: 13px; }
  .vnplay-info { padding: 20px 6px; }
  .bangxephang-winner-top { gap: 30px; }
  .bangxephang-winner-item:nth-child(2) .bangxephang-winner-score, .bangxephang-winner-item:nth-child(1) .bangxephang-winner-score, .bangxephang-winner-item:nth-child(3) .bangxephang-winner-score{min-width: 60px;height: 20px;}
  .popup-binhchon-bottom{flex-direction: column;gap: 12px;}
  .popup-binhchon-box { width: 100%; }
  .popup-binhchon-btn{width: 100%;}
  .popup-binhchon-middle { min-height: calc(100% - 87px - 117px);}
  .topic-item{font-size: 12px;}
  
  .answer-label span{font-size: 14px;}
  .daotao-s1-right > .col-inner{flex-direction: column;}
  .tuyendung-list-box h3{font-size: 18px;}

  .page-tuyendung-s2 .tuyendung-quytrinh-item{max-width: 100%; flex-basis: 100%;}
  .thuvien-page-s1-contain .thuvien-page-s1-right .col-inner{flex-direction: column;}
  .thuvien-page-s1-right-box{margin-bottom: 0;flex-basis: 100%;max-width: 100%;}
  .thuvien-page-s1-contain .thuvien-page-s1-right .col-inner { gap: 24px;flex-direction: column; }
  .thuvien-page-s1-contain .thuvien-page-s1-right { margin-top: 24px; }
  .box-overlay .box-text, .box-shade .box-text { padding-left: 1.5em; padding-right: 1.5em 20.4px ; }

  .thuvien-btn-prev, .thuvien-btn-next{top: calc(30% - 20px);}
}


@media screen and (max-width: 400px){  
  .s-sukien-itemsub-photo { height: 200px; }
  .s-sukien-itemsub-title{font-size: 22px;}
  .tooltipDev{padding:20px;}
  .s-sukien-itemsub-content { font-size: 14px; }
  .s-thongke-list{gap:20px;}
  .s-thongke-item { flex-basis: calc(100% / 3 - 14px); max-width: calc(100% / 3 - 14px); }
  .s-thongke-img { width: 35px !important; margin-bottom: 8px !important;}
  .s-thongke-des { margin-top: 5px;}
  .s-thongke-des *{font-weight: 400;}
  .s-thongke-item:after{top: 22%;height: 70px;right:-10px;}
  .sukiensapden-title { font-size: 16px; }
  .sukiensapden-info{padding:16px;}
  .sukiensapden-small-item h3 { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
  .news-detail-box .box-image{height: 200px;}
}