@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');body{font-family:"Noto Sans",sans-serif}
.container{max-width:1380px}
a{text-decoration:none}
.nav-link{color:#000;text-transform:uppercase;font-weight:600;font-size:16px}
/*
ul.dropdown-menu li a{font-size:13px;font-weight:500;border-bottom: 1px solid #cccdce;padding: 10px;text-transform:uppercase;}
*/
ul.dropdown-menu li a {
    font-size: 13px;
    font-weight: 500;
    border-bottom: 1px solid #cccdce;
    padding: 8px 15px;
}

.dropdown-menu li:last-child a {border-bottom: none;}
.navbar-toggler{border:none;padding:0;outline:none}
.navbar-toggler:focus{box-shadow:none}
.navbar-toggler .hamburger-toggle{position:relative;display:inline-block;width:50px;height:50px;z-index:11}
.navbar-toggler .hamburger-toggle .hamburger{position:absolute;transform:translate(-50%,-50%) rotate(0deg);left:50%;top:50%;width:50%;height:50%;pointer-events:none}
.navbar-toggler .hamburger-toggle .hamburger span{width:100%;height:4px;position:absolute;background:#333;border-radius:2px;z-index:1;transition:transform 0.2s cubic-bezier(0.77,0.2,0.05,1),background 0.2s cubic-bezier(0.77,0.2,0.05,1),all 0.2s ease-in-out;left:0}
.navbar-toggler .hamburger-toggle .hamburger span:first-child{top:10%;transform-origin:50% 50%;transform:translate(0% -50%)!important}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2){top:50%;transform:translate(0,-50%)}
.navbar-toggler .hamburger-toggle .hamburger span:last-child{left:0;top:auto;bottom:10%;transform-origin:50% 50%}
.navbar-toggler .hamburger-toggle .hamburger.active span{position:absolute;margin:0}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child{top:45%;transform:rotate(45deg)}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2){left:50%;width:0}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child{top:45%;transform:rotate(-45deg)}
.icons{display:inline-flex;margin-left:auto}
.icons a{transition:all 0.2s ease-in-out;padding:0.2rem 0.4rem;color:#ccc!important;text-decoration:none}
.icons a:hover{color:white;text-shadow:0 0 30px white}
.banner img{width:100%;height:auto}
a.navbar-brand img{width:135px;height:auto}
input.form-control.me-2.shadow-none,button.btn.btn-outline-success{font-size:14px}
/*------------------------CUSTOM CSS--------------------*/
.page-header{background-image:url(https://demos.creative-tim.com/marketplace/soft-ui-design-system-pro/assets/img/curved-images/curved1.jpg);background-size:cover;background-position:50%;position:relative;overflow:hidden;display:flex;height:280px;align-items:center}
.mask{position:absolute;background-size:cover;background-position:50%;top:0;left:0;width:100%;height:100%;opacity:.8}
.bg-gradient-primary{background-image:linear-gradient(310deg,#7928ca,#ff0080)}
.page-header .container{z-index:1;margin-top:-50px}
section.box-gt{position:relative;margin-bottom:-20px}
section.box-gt.container{position:relative;top:0}
section.box-gt .container{position:relative;top:-70px}
.row.box-gt{box-shadow:inset 0 0 1px 1px hsla(0,0%,100%,.9),0 20px 27px 0 rgba(0,0,0,.05)!important;--bs-gutter-x:0;padding:20px;border-radius:10px;background:rgb(255 255 255 / 95%)}
.box-gt-content{padding:20px}
.box-gt-content span{font-size:50px;font-weight:bold}
.box-ct{position:relative;overflow:hidden;border-radius:10px}
.box-ct .thumbnail img{width:100%;height:280px;object-fit:cover;transition:all ease 0.5s}
.box-ct .thumbnail img:hover{transform:scale(1.1)}
.box-ct .title-box-nuoc h2{position:absolute;bottom:0;left:0;color:#fff;padding:10% 0 10px 20px;background-image:linear-gradient(rgb(255 0 0 / 0%),rgb(28 71 91));margin-bottom:0;width:100%}
.box-ct .title-box-nuoc h2{font-size:24px;font-weight:700}
.dropdown-item.active,.dropdown-item:active{color:#000000;text-decoration:none;background-color:#f8f9fa}
.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff;
    background-color: #3a6384;
}
/*------------------------CUSTOM CSS KHOA HOC--------------------*/
.khoa-hoc ul{display:grid;list-style-type:none;padding:10px 0;margin:0;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.post-khoa-hoc{border:1px solid #e9e9e9;box-shadow:rgba(99,99,99,0.2) 0 2px 8px 0;padding:20px;border-radius:10px}
.khoa-hoc ul li .post-khoa-hoc{width:100%;height:200px}
.khoa-hoc ul li{position:relative;margin-bottom:20px}
.khoa-hoc ul li .read-more{position:absolute;bottom:0;padding:15px 21px}
.read-more a{text-decoration:none}
.title-name-vi{font-size:13px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
hr.hr{width:30%}
.title-khoa-hoc h3{color:#b72126;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
/*------------------------CUSTOM CSS KHOA HOC--------------------*/
.paginate_links{overflow:hidden;text-align:center;display:table;margin:20px auto}
.paginate_links .page-numbers{width:32px;height:32px;display:inline-block;float:left;margin:0 5px;padding-top:5px;color:#2473fd;border:1px solid #2473fd;margin-bottom:5px}
.paginate_links .page-numbers:hover{background:#2473fd;color:#fff}
.paginate_links .page-numbers.prev,.paginate_links .page-numbers.next{background:transparent;width:auto;border:none}
.paginate_links .page-numbers.prev:hover,.paginate_links .page-numbers.next:hover{text-decoration:underline;color:#2473fd}
.paginate_links .page-numbers.current{background:#2473fd;color:#fff}
/*------------------------CUSTOM CSS PDF--------------------*/
iframe{width:100%;height:85vh}
#printButton{background-color:#4CAF50;color:white;border:none;padding:10px 20px;font-size:16px;cursor:pointer;margin:10px 0;position:absolute;right:12px;border-radius:5px;transition:background-color 0.3s ease}
#printButton:hover{background-color:#45a049}
@media screen and (max-width:600px){button#printButton{position:absolute;bottom:0;padding:5px 10px;font-size:16px;border-radius:999px}}
/*------------------------CUSTOM CSS PDF--------------------*/
.container.single {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container.single img {
	width:100%;
	max-width: 960px;
	height: auto;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius: 10px;
}
button#downloadButton {
    position: absolute;
    right: 12px;
    font-size: 40px;
    color: #0052cf;
    border: none;
}
/*------------------------CUSTOM CSS MOBILE--------------------*/
@media screen and (min-width:992px){ul.dropdown-menu.sub-menu.dropdown-submenu.depth_1,ul.dropdown-menu.sub-menu.dropdown-submenu.depth_2.show{left:100%}.navbar-expand-lg .navbar-nav .dropdown-menu{border-radius:5px;padding:0}}
@media screen and (min-width:600px){.col-lg-4.col-md-4.col-sm-4.col-12{border-right:1px solid #3333332e}.col-lg-4.col-md-4.col-sm-4.col-12:last-child{border-right:none}}
@media screen and (max-width:600px){.title-khoa-hoc h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.khoa-hoc ul li .post-khoa-hoc{height:100%}.post-khoa-hoc{margin-bottom:30px}}
@media screen and (max-width:991px){ul.dropdown-menu.sub-menu.dropdown-submenu{margin:10px;border:1px solid #33333312}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:#ffffff}ul.dropdown-menu.sub-menu.dropdown-submenu li:last-child{border-bottom:0;padding:5px}ul#menu-menu li{border-bottom:1px solid #33333326}ul#menu-menu li:last-child{border-bottom:0}.nav-link{border-top:1px solid #0000000d;padding:10px 0}.navbar .navbar-collapse{background:#f8f9fa;position:absolute;width:100%;top:69px;z-index:2;left:0;padding:0 15px}}