/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */

/* MENU NGANG CÙNG LOGO - THƯ VIỆN SỐ */
.section-header {
    background: #fff;
    border-bottom: 1px solid #e5edf7;
}
#header {
    min-height: 92px;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px;
}
#header .logo {
    padding: 12px 0 !important;
    flex: 0 0 auto;
}
#header .logo img {
    max-height: 70px !important;
    width: auto;
}
#header .right-ads {
    display: none !important;
}
.dlib-header-menu {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 0;
}
.dlib-header-menu .container,
.dlib-header-menu .row,
.dlib-header-menu .bg {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.dlib-header-menu .navbar,
.dlib-header-menu .navbar-default,
.dlib-header-menu .navbar-collapse {
    margin: 0 !important;
    border: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.dlib-header-menu .navbar-nav {
    float: none !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    margin: 0 !important;
}
.dlib-header-menu .navbar-nav > li {
    margin: 0 !important;
}
.dlib-header-menu .navbar-nav > li > a {
    color: #073f86 !important;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    padding: 12px 13px !important;
    border-radius: 8px;
    background: transparent !important;
    line-height: 1.2 !important;
}
.dlib-header-menu .navbar-nav > li > a:hover,
.dlib-header-menu .navbar-nav > li > a:focus,
.dlib-header-menu .navbar-nav > .active > a,
.dlib-header-menu .navbar-nav > .active > a:hover,
.dlib-header-menu .navbar-nav > .active > a:focus,
.dlib-header-menu .navbar-nav > .open > a,
.dlib-header-menu .navbar-nav > .open > a:hover,
.dlib-header-menu .navbar-nav > .open > a:focus {
    color: #fff !important;
    background: #0b63ce !important;
}
.dlib-header-menu .dropdown-menu {
    border-radius: 10px !important;
    border: 1px solid #d7e6f8 !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(0, 50, 120, .14) !important;
    padding: 8px !important;
}
.dlib-header-menu .dropdown-menu > li > a {
    color: #073f86 !important;
    border-radius: 6px;
    font-weight: 600;
}
.dlib-header-menu .dropdown-menu > li > a:hover,
.dlib-header-menu .dropdown-menu > li > a:focus {
    color: #fff !important;
    background: #0b63ce !important;
}
.section-nav {
    display: none !important;
}
@media (max-width: 991px) {
    #header {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center !important;
    }
    .dlib-header-menu {
        flex-basis: 100%;
        justify-content: center;
        padding-bottom: 10px;
    }
    .dlib-header-menu .navbar-nav {
        flex-wrap: wrap;
        justify-content: center;
    }
    .dlib-header-menu .navbar-nav > li > a {
        padding: 9px 10px !important;
        font-size: 13px;
    }
}
@media (max-width: 767px) {
    #header .logo img {
        max-height: 58px !important;
    }
    .dlib-header-menu .navbar-header {
        display: block;
    }
    .dlib-header-menu .navbar-toggle {
        margin: 0 0 8px 0;
        border-color: #0b63ce;
    }
    .dlib-header-menu .navbar-toggle .icon-bar {
        background: #0b63ce;
    }
    .dlib-header-menu .navbar-nav {
        display: block;
        width: 100%;
    }
    .dlib-header-menu .navbar-nav > li > a {
        text-align: center;
    }
}

/* =========================================================
   QNMC DIGITAL LIBRARY - MENU + HERO + CARD LAYOUT FINAL
   ========================================================= */
:root{
    --qnmc-blue:#064391;
    --qnmc-blue-2:#0b63ce;
    --qnmc-blue-3:#06306f;
    --qnmc-line:#dbe8f6;
    --qnmc-soft:#f3f8ff;
    --qnmc-shadow:0 14px 34px rgba(5,55,120,.11);
}
.section-header{
    background:#fff!important;
    border-bottom:1px solid #e6f0fb!important;
    box-shadow:0 4px 18px rgba(4,52,113,.06);
}
#header{
    min-height:90px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:26px!important;
}
#header .logo{padding:10px 0!important;flex:0 0 auto!important;}
#header .logo img{max-height:72px!important;width:auto!important;}
#header .right-ads{display:none!important;}
.dlib-header-menu{flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;}
.dlib-header-menu .container,.dlib-header-menu .row,.dlib-header-menu .bg{width:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.dlib-header-menu .navbar,.dlib-header-menu .navbar-default,.dlib-header-menu .navbar-collapse{margin:0!important;border:0!important;min-height:0!important;background:transparent!important;box-shadow:none!important;}
.dlib-header-menu .navbar-nav{float:none!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;margin:0!important;padding:8px!important;background:linear-gradient(135deg,#073b82 0%,#0b63ce 100%)!important;border-radius:14px!important;box-shadow:0 12px 28px rgba(5,68,146,.18)!important;}
.dlib-header-menu .navbar-nav>li{margin:0!important;}
.dlib-header-menu .navbar-nav>li>a{color:#eaf4ff!important;font-weight:800!important;font-size:14px!important;text-transform:uppercase!important;padding:13px 16px!important;border-radius:10px!important;background:transparent!important;line-height:1.2!important;transition:all .22s ease!important;}
.dlib-header-menu .navbar-nav>li>a:hover,.dlib-header-menu .navbar-nav>li>a:focus,.dlib-header-menu .navbar-nav>.active>a,.dlib-header-menu .navbar-nav>.open>a{color:#073b82!important;background:#fff!important;transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.14)!important;}
.dlib-header-menu .dropdown-menu{border-radius:12px!important;border:1px solid #d7e6f8!important;background:#fff!important;box-shadow:0 16px 36px rgba(0,50,120,.18)!important;padding:8px!important;margin-top:8px!important;}
.dlib-header-menu .dropdown-menu>li>a{color:#073f86!important;border-radius:8px!important;font-weight:700!important;padding:10px 14px!important;}
.dlib-header-menu .dropdown-menu>li>a:hover,.dlib-header-menu .dropdown-menu>li>a:focus{color:#fff!important;background:#0b63ce!important;}
.section-nav{display:none!important;}

.dlib-home,.dlib-home-alt{background:#fff!important;}
.dlib-hero-modern,.dlib-hero{
    min-height:520px!important;
    margin:0 calc((100vw - 1280px)/-2)!important;
    padding:42px 0!important;
    color:#fff!important;
    background:
        radial-gradient(circle at 80% 32%,rgba(74,152,255,.28),transparent 34%),
        radial-gradient(circle at 18% 18%,rgba(255,255,255,.11),transparent 25%),
        linear-gradient(135deg,rgba(4,33,82,.98) 0%,rgba(7,62,135,.98) 50%,rgba(2,32,77,.98) 100%)!important;
    overflow:hidden!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:left!important;
}
.dlib-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;opacity:.55;pointer-events:none;}
.dlib-hero:after{content:"";position:absolute;width:520px;height:520px;border:44px solid rgba(255,255,255,.055);border-radius:50%;right:9%;top:50%;transform:translateY(-50%);pointer-events:none;}
.dlib-hero-inner{width:min(1180px,94vw);display:grid!important;grid-template-columns:1.12fr .88fr;align-items:center;gap:40px;position:relative;z-index:2;}
.dlib-hero-content{text-align:left!important;}
.dlib-hero-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);border-radius:999px;color:#dcecff;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.4px;}
.dlib-hero-kicker:before{content:"\f02d";font-family:FontAwesome;}
.dlib-hero h1{font-family:Arial,"Helvetica Neue",Tahoma,sans-serif!important;font-size:48px!important;line-height:1.22!important;font-weight:900!important;margin:0 0 16px!important;text-transform:uppercase!important;color:#fff!important;letter-spacing:.2px!important;text-shadow:0 4px 16px rgba(0,0,0,.22)!important;-webkit-text-stroke:0!important;}
.dlib-hero p{font-size:18px!important;line-height:1.75!important;max-width:620px!important;margin:0 0 28px!important;color:#eaf3ff!important;}
.dlib-searchbox{width:680px!important;max-width:100%!important;height:60px!important;display:flex!important;background:#fff!important;border-radius:14px!important;box-shadow:0 20px 44px rgba(0,0,0,.28)!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.35)!important;}
.dlib-searchbox input{flex:1!important;min-width:0!important;border:0!important;padding:0 22px!important;color:#253b5f!important;outline:0!important;background:#fff!important;}
.dlib-searchbox select{width:170px!important;border:0!important;border-left:1px solid #e1e8f2!important;color:#43536d!important;padding:0 14px!important;background:#fff!important;outline:0!important;}
.dlib-searchbox button{width:132px!important;border:0!important;background:linear-gradient(135deg,#0b63ce,#0752ad)!important;color:#fff!important;font-weight:900!important;}
.dlib-popular{margin-top:20px!important;color:#fff!important;font-size:13px!important;}
.dlib-tag{display:inline-block!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;border-radius:999px!important;padding:7px 14px!important;margin:4px!important;text-decoration:none!important;transition:all .2s ease!important;}
.dlib-tag:hover{background:#fff!important;color:#073b82!important;transform:translateY(-2px);}
.dlib-hero-visual{min-height:330px;position:relative;}
.dlib-screen{position:absolute;right:26px;top:40px;width:330px;height:210px;border-radius:18px;background:#eaf4ff;box-shadow:0 28px 60px rgba(0,0,0,.32);border:12px solid #17355d;overflow:hidden;}
.dlib-screen:before{content:"";display:block;height:42px;background:#0b63ce;}
.dlib-screen span,.dlib-screen b,.dlib-screen i{display:block;height:12px;border-radius:8px;background:#b9d7f5;margin:24px 34px 0;}
.dlib-screen span{width:90px;background:#6fb7ef}.dlib-screen b{width:220px}.dlib-screen i{width:170px}
.dlib-phone{position:absolute;right:0;top:135px;width:78px;height:142px;border-radius:18px;background:#fff;border:10px solid #17355d;box-shadow:0 20px 35px rgba(0,0,0,.25);}
.dlib-phone span,.dlib-phone b{display:block;height:9px;border-radius:9px;margin:26px 12px 0;background:#0b63ce}.dlib-phone b{background:#bdd8f4;margin-top:18px;width:34px;}
.dlib-book-one,.dlib-book-two{position:absolute;left:40px;bottom:38px;width:86px;height:120px;border-radius:8px;background:linear-gradient(135deg,#ffb743,#fff0c3);box-shadow:0 18px 28px rgba(0,0,0,.20);transform:rotate(-7deg)}
.dlib-book-two{left:100px;bottom:26px;background:linear-gradient(135deg,#43d18b,#d6ffe8);transform:rotate(9deg)}
.dlib-search-orbit{position:absolute;right:160px;bottom:20px;width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);font-size:42px;color:#fff;box-shadow:inset 0 0 0 12px rgba(255,255,255,.05);animation:dlibFloat 4.2s ease-in-out infinite;}
@keyframes dlibFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.dlib-section,.dlib-bottom-row,.dlib-mostview-section{width:min(1180px,94vw)!important;margin-left:auto!important;margin-right:auto!important;}
.dlib-row-head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:18px!important;gap:12px!important;}
.dlib-row-head h2{font-size:24px!important;line-height:1.25!important;color:#064391!important;font-weight:900!important;margin:0!important;text-transform:uppercase!important;}
.dlib-link{color:#0059c7!important;font-weight:900!important;white-space:nowrap!important;}
.dlib-category-slider-wrap{position:relative!important;overflow:visible!important;}
.dlib-category-slider{overflow:hidden!important;scroll-behavior:smooth!important;}
.dlib-category-track{display:flex!important;gap:18px!important;align-items:stretch!important;}
.dlib-category-card{flex:0 0 calc((100% - 90px)/6)!important;min-width:170px!important;height:235px!important;border:1px solid var(--qnmc-line)!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 24px rgba(5,55,120,.08)!important;text-align:center!important;text-decoration:none!important;color:#064391!important;transition:all .25s ease!important;}
.dlib-category-card:hover{transform:translateY(-7px);box-shadow:0 18px 36px rgba(5,55,120,.18)!important;}
.dlib-category-img{display:block!important;height:92px!important;background-size:cover!important;background-position:center!important;}
.dlib-category-icon{display:inline-flex!important;width:58px!important;height:58px!important;margin-top:-30px!important;border-radius:50%!important;align-items:center!important;justify-content:center!important;background:#0b63ce!important;color:#fff!important;border:4px solid #fff!important;font-size:25px!important;box-shadow:0 8px 18px rgba(7,85,178,.22)!important;}
.dlib-category-card strong{display:block!important;font-size:16px!important;line-height:1.25!important;font-weight:900!important;margin:8px 10px!important;min-height:40px!important;color:#064391!important;}
.dlib-category-card small{display:block!important;color:#526987!important;font-size:13px!important;line-height:1.45!important;padding:0 14px 16px!important;}
.dlib-cat-nav{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:5!important;width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid #d9e8fb!important;background:#fff!important;color:#0b63ce!important;box-shadow:0 8px 22px rgba(4,60,132,.16)!important;}
.dlib-cat-prev{left:-18px!important}.dlib-cat-next{right:-18px!important}

.dlib-bottom-row{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:26px!important;align-items:start!important;margin-top:28px!important;}
.dlib-latest-flat,.dlib-news-flat,.dlib-mostview-section{background:#fff!important;border:1px solid var(--qnmc-line)!important;border-radius:14px!important;box-shadow:var(--qnmc-shadow)!important;padding:22px!important;overflow:visible!important;}
.dlib-book-grid,.dlib-book-grid-6{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
.dlib-book-card{display:grid!important;grid-template-columns:106px minmax(0,1fr)!important;gap:16px!important;align-items:flex-start!important;min-height:155px!important;height:auto!important;padding:14px!important;background:#fff!important;border:1px solid var(--qnmc-line)!important;border-radius:12px!important;box-shadow:0 8px 18px rgba(5,55,120,.06)!important;overflow:visible!important;transition:all .22s ease!important;}
.dlib-book-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(5,55,120,.14)!important;}
.dlib-book-cover{width:106px!important;height:136px!important;border-radius:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:10px!important;color:#fff!important;font-weight:900!important;font-size:13px!important;line-height:1.25!important;text-decoration:none!important;box-shadow:0 10px 22px rgba(0,0,0,.15)!important;overflow:hidden!important;}
.dlib-book-info{min-width:0!important;display:block!important;overflow:visible!important;}
.dlib-book-info h3{font-size:16px!important;line-height:1.35!important;margin:0 0 8px!important;font-weight:900!important;display:block!important;max-height:none!important;overflow:visible!important;}
.dlib-book-info h3 a{color:#064391!important;text-decoration:none!important;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
.dlib-book-info p{font-size:13px!important;line-height:1.45!important;color:#324664!important;margin:0 0 4px!important;white-space:normal!important;overflow:visible!important;}
.dlib-book-stat{display:flex!important;gap:22px!important;align-items:center!important;margin-top:10px!important;color:#244e79!important;font-size:13px!important;}
.dlib-news-list{display:grid!important;gap:0!important;}
.dlib-news-item{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:14px!important;align-items:flex-start!important;padding:12px 0!important;border-bottom:1px solid #e8f0fa!important;}
.dlib-news-item:last-child{border-bottom:0!important;}
.dlib-news-date{width:58px!important;height:58px!important;border:1px solid #d5e6f8!important;background:#f5faff!important;border-radius:8px!important;text-align:center!important;color:#0b63ce!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.dlib-news-date strong{font-size:20px!important;line-height:1!important;}
.dlib-news-date span{font-size:11px!important;color:#36577d!important;}
.dlib-news-item h3{font-size:15px!important;line-height:1.35!important;margin:0 0 5px!important;font-weight:900!important;color:#064391!important;}
.dlib-news-item p{font-size:13px!important;line-height:1.45!important;margin:0!important;color:#415877!important;}
.dlib-mostview-section{margin-top:28px!important;margin-bottom:0!important;}
.dlib-mostview-section .dlib-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}

.dlib-guide{width:min(1180px,94vw)!important;margin-left:auto!important;margin-right:auto!important;padding:58px 0!important;overflow:visible!important;}
.dlib-check{padding-left:0!important;margin-left:0!important;list-style:none!important;}
.dlib-check li{display:flex!important;align-items:center!important;gap:9px!important;line-height:1.5!important;}
.dlib-check li:before{flex:0 0 20px!important;margin:0!important;}

@media(max-width:1200px){
    .dlib-category-card{flex-basis:calc((100% - 54px)/4)!important;}
    .dlib-bottom-row{grid-template-columns:1fr!important;}
    .dlib-news-flat{max-width:none!important;}
    .dlib-mostview-section .dlib-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:900px){
    #header{flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;}
    .dlib-header-menu{flex-basis:100%!important;justify-content:center!important;padding-bottom:10px!important;}
    .dlib-header-menu .navbar-nav{flex-wrap:wrap!important;justify-content:center!important;}
    .dlib-hero-inner{grid-template-columns:1fr!important;text-align:center!important;}
    .dlib-hero-content{text-align:center!important;}
    .dlib-hero p{margin-left:auto!important;margin-right:auto!important;}
    .dlib-hero-visual{display:none!important;}
    .dlib-searchbox{margin-left:auto!important;margin-right:auto!important;}
    .dlib-category-card{flex-basis:calc((100% - 18px)/2)!important;}
    .dlib-book-grid,.dlib-book-grid-6,.dlib-mostview-section .dlib-book-grid{grid-template-columns:1fr!important;}
}
@media(max-width:600px){
    .dlib-hero h1{font-size:32px!important;}
    .dlib-searchbox{height:auto!important;display:block!important;}
    .dlib-searchbox input,.dlib-searchbox select,.dlib-searchbox button{width:100%!important;height:50px!important;display:block!important;}
    .dlib-book-card{grid-template-columns:92px minmax(0,1fr)!important;gap:12px!important;}
    .dlib-book-cover{width:92px!important;height:124px!important;font-size:12px!important;}
}

/* =========================================================
   QNMC FINAL POLISH - Cao dang Y te Quang Ninh
   Menu compact, banner truong, tai lieu tham khao, card hien thi day du
   ========================================================= */
:root{
    --qnmc-primary:#064391;
    --qnmc-primary-2:#0b63ce;
    --qnmc-primary-3:#052a63;
    --qnmc-accent:#18a058;
    --qnmc-soft:#f4f9ff;
    --qnmc-line:#dbe8f6;
    --qnmc-text:#17345f;
    --qnmc-shadow:0 12px 30px rgba(6,67,145,.10);
}
body{background:#f3f8ff!important;color:var(--qnmc-text)!important;}
.wraper{max-width:1280px!important;}
#body,.dlib-body .container{box-shadow:none!important;border:0!important;background:transparent!important;}

/* Topbar + menu sat logo, mau dong bo voi banner */
.dlib-topbar{height:32px!important;background:#eef7ff!important;border-bottom:1px solid #dcecff!important;color:#164d86!important;}
.dlib-topbar-inner{height:32px!important;font-size:13px!important;}
.dlib-navbar{background:#fff!important;box-shadow:0 5px 18px rgba(5,55,120,.07)!important;}
.dlib-navbar-inner{min-height:78px!important;padding:0 12px!important;gap:20px!important;}
.dlib-brand{min-width:300px!important;gap:12px!important;}
.dlib-brand img{width:64px!important;height:64px!important;}
.dlib-brand small{font-size:13px!important;color:#0b63ce!important;font-weight:900!important;}
.dlib-brand strong{font-size:26px!important;color:#064391!important;font-weight:900!important;}
.dlib-menu{flex:1!important;text-align:right!important;}
.dlib-menu ul,.dlib-menu .navbar-nav{display:inline-flex!important;align-items:center!important;gap:6px!important;margin:0!important;padding:6px!important;list-style:none!important;background:linear-gradient(135deg,#063b82 0%,#0b63ce 100%)!important;border-radius:14px!important;box-shadow:0 12px 26px rgba(5,68,146,.16)!important;}
.dlib-menu li{display:block!important;margin:0!important;}
.dlib-menu a,.dlib-menu .navbar-nav>li>a{display:flex!important;align-items:center!important;min-height:40px!important;padding:10px 15px!important;border-radius:10px!important;color:#eef7ff!important;text-transform:uppercase!important;font-weight:900!important;font-size:13px!important;line-height:1.2!important;text-decoration:none!important;background:transparent!important;transition:all .22s ease!important;}
.dlib-menu a:hover,.dlib-menu a:focus,.dlib-menu .active>a,.dlib-menu .navbar-nav>.active>a,.dlib-menu .navbar-nav>.open>a{background:#fff!important;color:#064391!important;transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(0,0,0,.13)!important;}
.dlib-login{margin-left:4px!important;}
.dlib-login a,.dlib-login .btn{border-radius:10px!important;background:#0b63ce!important;font-weight:800!important;box-shadow:0 8px 18px rgba(6,83,181,.18)!important;}

/* Hero banner gan hinh anh nha truong va chu de y te */
.dlib-home,.dlib-home-alt,.dlib-qnmc-final{background:#fff!important;}
.dlib-hero-qnmc,.dlib-hero-modern,.dlib-hero{
    min-height:500px!important;
    margin:0 calc((100vw - 1280px)/-2)!important;
    padding:40px 0!important;
    color:#fff!important;
    background:
        linear-gradient(90deg,rgba(3,31,75,.96) 0%,rgba(6,61,132,.92) 48%,rgba(5,47,106,.90) 100%),
        url('../images/qnmc/building.jpg') right center/cover no-repeat!important;
    position:relative!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
}
.dlib-hero-qnmc:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;opacity:.45;pointer-events:none;}
.dlib-hero-qnmc:after{content:"";position:absolute;right:-80px;top:70px;width:520px;height:520px;border:42px solid rgba(255,255,255,.07);border-radius:50%;pointer-events:none;}
.dlib-hero-inner{width:min(1180px,94vw)!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) 420px!important;gap:46px!important;align-items:center!important;position:relative!important;z-index:2!important;}
.dlib-hero-content{text-align:left!important;}
.dlib-hero-kicker{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 14px!important;margin-bottom:16px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;color:#dff0ff!important;font-size:13px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.2px!important;}
.dlib-hero-kicker:before{content:"\f0f8";font-family:FontAwesome;}
.dlib-hero h1{font-size:46px!important;line-height:1.22!important;font-weight:900!important;margin:0 0 16px!important;color:#fff!important;text-transform:uppercase!important;text-shadow:0 4px 18px rgba(0,0,0,.25)!important;}
.dlib-hero p{font-size:18px!important;line-height:1.65!important;max-width:690px!important;color:#eef7ff!important;margin:0 0 26px!important;}
.dlib-searchbox{width:720px!important;max-width:100%!important;height:60px!important;display:flex!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 20px 42px rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.35)!important;}
.dlib-searchbox input{flex:1!important;min-width:0!important;border:0!important;padding:0 22px!important;color:#243b5f!important;background:#fff!important;outline:0!important;}
.dlib-searchbox select{width:190px!important;border:0!important;border-left:1px solid #e3ebf6!important;color:#42536f!important;padding:0 13px!important;background:#fff!important;outline:0!important;}
.dlib-searchbox button{width:136px!important;border:0!important;background:linear-gradient(135deg,#0b63ce,#064391)!important;color:#fff!important;font-weight:900!important;}
.dlib-popular{margin-top:18px!important;color:#fff!important;font-size:13px!important;}
.dlib-tag{display:inline-block!important;margin:4px!important;padding:7px 13px!important;border-radius:999px!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.23)!important;color:#fff!important;text-decoration:none!important;}
.dlib-tag:hover{background:#fff!important;color:#064391!important;transform:translateY(-2px)!important;}
.dlib-hero-visual{display:block!important;min-height:330px!important;position:relative!important;}
.dlib-campus-card{position:absolute!important;right:46px!important;top:0!important;width:310px!important;border-radius:20px!important;background:#fff!important;box-shadow:0 28px 60px rgba(0,0,0,.28)!important;overflow:hidden!important;color:#064391!important;text-align:left!important;transform:rotate(1.5deg)!important;}
.dlib-campus-card span{display:block!important;height:178px!important;background-size:cover!important;background-position:center!important;}
.dlib-campus-card strong{display:block!important;font-size:18px!important;font-weight:900!important;padding:16px 18px 4px!important;line-height:1.3!important;}
.dlib-campus-card small{display:block!important;padding:0 18px 18px!important;color:#5b708e!important;font-weight:600!important;}
.dlib-screen{right:92px!important;top:210px!important;width:255px!important;height:150px!important;border-width:10px!important;border-color:#18365d!important;opacity:.98!important;}
.dlib-screen:before{height:34px!important;background:#0b63ce!important;}
.dlib-phone{right:20px!important;top:238px!important;width:66px!important;height:120px!important;border-width:8px!important;}
.dlib-book-one{left:18px!important;bottom:34px!important;width:74px!important;height:105px!important;}
.dlib-book-two{left:72px!important;bottom:20px!important;width:74px!important;height:105px!important;}
.dlib-search-orbit{right:310px!important;bottom:10px!important;width:78px!important;height:78px!important;font-size:34px!important;}

/* Khoang cach menu - hero - tieu de gon hon */
.dlib-category-showcase{margin-top:26px!important;margin-bottom:26px!important;}
.dlib-section,.dlib-content-row,.dlib-bottom-row,.dlib-mostview-section,.dlib-reference-section{width:min(1180px,94vw)!important;margin-left:auto!important;margin-right:auto!important;}
.dlib-row-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:16px!important;gap:14px!important;}
.dlib-row-head h2{margin:0!important;color:#064391!important;font-size:24px!important;line-height:1.25!important;font-weight:900!important;text-transform:uppercase!important;}
.dlib-link{font-size:14px!important;font-weight:900!important;color:#005dcc!important;text-decoration:none!important;white-space:nowrap!important;}

/* Slider chuyen nganh */
.dlib-category-slider-wrap{position:relative!important;overflow:visible!important;}
.dlib-category-slider{overflow:hidden!important;scroll-behavior:smooth!important;padding:2px 0 10px!important;}
.dlib-category-track{display:flex!important;gap:18px!important;align-items:stretch!important;}
.dlib-category-card{flex:0 0 calc((100% - 90px)/6)!important;min-width:174px!important;height:230px!important;border:1px solid var(--qnmc-line)!important;border-radius:13px!important;background:#fff!important;overflow:hidden!important;text-align:center!important;color:#064391!important;text-decoration:none!important;box-shadow:0 10px 25px rgba(6,67,145,.08)!important;transition:all .25s ease!important;}
.dlib-category-card:hover{transform:translateY(-7px)!important;box-shadow:0 18px 36px rgba(6,67,145,.17)!important;border-color:#b8d5f5!important;}
.dlib-category-img{display:block!important;height:92px!important;background-size:cover!important;background-position:center!important;}
.dlib-category-icon{display:inline-flex!important;width:58px!important;height:58px!important;margin-top:-30px!important;border-radius:50%!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#0b63ce,#064391)!important;color:#fff!important;border:4px solid #fff!important;font-size:25px!important;box-shadow:0 9px 20px rgba(6,67,145,.22)!important;}
.dlib-category-card strong{display:block!important;min-height:42px!important;margin:8px 10px!important;font-size:16px!important;line-height:1.28!important;color:#064391!important;font-weight:900!important;}
.dlib-category-card small{display:block!important;padding:0 14px 15px!important;color:#526987!important;font-size:13px!important;line-height:1.45!important;}
.dlib-cat-nav{position:absolute!important;top:50%!important;z-index:6!important;width:40px!important;height:40px!important;border-radius:50%!important;border:1px solid #d8e8fb!important;background:#fff!important;color:#0b63ce!important;box-shadow:0 9px 22px rgba(6,67,145,.16)!important;transform:translateY(-50%)!important;}
.dlib-cat-prev{left:-20px!important;}.dlib-cat-next{right:-20px!important;}

/* Bo cuc noi dung: tai lieu rong hon, tin tuc nho lai */
.dlib-content-row{display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:24px!important;align-items:start!important;margin-top:28px!important;}
.dlib-latest-flat,.dlib-news-flat,.dlib-reference-section,.dlib-mostview-section{background:#fff!important;border:1px solid var(--qnmc-line)!important;border-radius:16px!important;box-shadow:var(--qnmc-shadow)!important;padding:22px!important;overflow:visible!important;}
.dlib-book-grid,.dlib-book-grid-6,.dlib-mostview-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
.dlib-book-card{display:grid!important;grid-template-columns:98px minmax(0,1fr)!important;gap:14px!important;align-items:flex-start!important;min-height:170px!important;height:auto!important;padding:14px!important;background:#fff!important;border:1px solid var(--qnmc-line)!important;border-radius:13px!important;box-shadow:0 8px 19px rgba(6,67,145,.06)!important;overflow:visible!important;transition:all .22s ease!important;}
.dlib-book-card:hover{transform:translateY(-5px)!important;box-shadow:0 16px 32px rgba(6,67,145,.14)!important;}
.dlib-book-cover{width:98px!important;height:128px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:10px!important;color:#fff!important;font-weight:900!important;font-size:12px!important;line-height:1.25!important;text-decoration:none!important;box-shadow:0 10px 22px rgba(0,0,0,.15)!important;overflow:hidden!important;text-transform:uppercase!important;}
.dlib-book-cover span{display:block!important;max-height:92px!important;overflow:hidden!important;}
.dlib-book-info{min-width:0!important;display:block!important;overflow:visible!important;}
.dlib-book-info h3{font-size:15px!important;line-height:1.35!important;margin:0 0 8px!important;font-weight:900!important;display:block!important;max-height:none!important;overflow:visible!important;}
.dlib-book-info h3 a{color:#064391!important;text-decoration:none!important;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
.dlib-book-info p{font-size:12.5px!important;line-height:1.42!important;color:#334965!important;margin:0 0 3px!important;white-space:normal!important;overflow:visible!important;}
.dlib-book-stat{display:flex!important;gap:18px!important;align-items:center!important;margin-top:9px!important;color:#244e79!important;font-size:13px!important;}
.dlib-reference-section,.dlib-mostview-section{margin-top:26px!important;}

/* Tin tuc 5 tin nho gon */
.dlib-news-flat{padding:20px!important;}
.dlib-news-flat .dlib-row-head h2{font-size:21px!important;}
.dlib-news-item{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;align-items:flex-start!important;padding:10px 0!important;border-bottom:1px solid #e8f0fa!important;}
.dlib-news-item:last-child{border-bottom:0!important;}
.dlib-news-date{width:52px!important;height:52px!important;border:1px solid #d5e6f8!important;background:#f5faff!important;border-radius:8px!important;text-align:center!important;color:#0b63ce!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.dlib-news-date strong{font-size:18px!important;line-height:1!important;}
.dlib-news-date span{font-size:10.5px!important;color:#36577d!important;}
.dlib-news-item h3{font-size:14px!important;line-height:1.35!important;margin:0 0 4px!important;font-weight:900!important;color:#064391!important;}
.dlib-news-item p{font-size:12.5px!important;line-height:1.45!important;margin:0!important;color:#415877!important;}

/* Huong dan va thong ke */
.dlib-blue-stats{margin-top:34px!important;background:linear-gradient(135deg,#063b82,#052a63)!important;color:#fff!important;padding:42px 0!important;}
.dlib-blue-stats h2{text-align:center!important;margin:0 0 24px!important;color:#fff!important;font-weight:900!important;}
.dlib-stat-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:14px!important;}
.dlib-stat-card{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;padding:18px 14px!important;display:flex!important;align-items:center!important;gap:12px!important;color:#fff!important;}
.dlib-stat-card em{font-size:28px!important;opacity:.92!important;}
.dlib-stat-card strong{display:block!important;font-size:22px!important;line-height:1!important;font-weight:900!important;}
.dlib-stat-card span{font-size:12px!important;color:#dcecff!important;}
.dlib-guide{width:min(1180px,94vw)!important;display:grid!important;grid-template-columns:1fr 420px!important;gap:40px!important;align-items:center!important;margin:0 auto!important;padding:54px 0!important;overflow:visible!important;}
.dlib-guide h4{text-transform:uppercase!important;color:#0b63ce!important;font-size:13px!important;font-weight:900!important;margin:0 0 10px!important;}
.dlib-guide h2{font-size:28px!important;line-height:1.25!important;color:#064391!important;font-weight:900!important;margin:0 0 14px!important;}
.dlib-guide p{font-size:15px!important;line-height:1.7!important;color:#34506f!important;}
.dlib-check{list-style:none!important;padding:0!important;margin:18px 0 22px!important;}
.dlib-check li{display:flex!important;gap:10px!important;align-items:flex-start!important;padding:7px 0!important;line-height:1.5!important;}
.dlib-check li:before{content:"\f00c"!important;font-family:FontAwesome!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;min-width:20px!important;border-radius:50%!important;background:#4ec475!important;color:#fff!important;font-size:11px!important;margin-top:1px!important;}
.dlib-btn{display:inline-flex!important;align-items:center!important;padding:12px 18px!important;border-radius:10px!important;background:#0b63ce!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;box-shadow:0 10px 22px rgba(6,83,181,.18)!important;}
.dlib-devices{height:260px!important;background:url('../images/qnmc/devices.svg') center/contain no-repeat!important;}

/* Footer thong tin truong */
.dlib-footer h3,.dlib-footer p{color:inherit!important;}

@media(max-width:1200px){
    .dlib-content-row{grid-template-columns:1fr!important;}
    .dlib-news-flat{max-width:none!important;}
    .dlib-book-grid,.dlib-book-grid-6,.dlib-mostview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .dlib-category-card{flex-basis:calc((100% - 54px)/4)!important;}
    .dlib-stat-grid{grid-template-columns:repeat(3,1fr)!important;}
}
@media(max-width:991px){
    .dlib-navbar-inner{flex-wrap:wrap!important;justify-content:center!important;padding:10px 12px!important;}
    .dlib-menu{order:3!important;flex-basis:100%!important;text-align:center!important;}
    .dlib-menu ul,.dlib-menu .navbar-nav{flex-wrap:wrap!important;justify-content:center!important;}
    .dlib-hero-inner{grid-template-columns:1fr!important;text-align:center!important;}
    .dlib-hero-content{text-align:center!important;}
    .dlib-hero p{margin-left:auto!important;margin-right:auto!important;}
    .dlib-hero-visual{display:none!important;}
    .dlib-searchbox{margin-left:auto!important;margin-right:auto!important;}
    .dlib-guide{grid-template-columns:1fr!important;text-align:left!important;}
}
@media(max-width:700px){
    .dlib-topbar-inner{display:block!important;height:auto!important;padding:8px 12px!important;}
    .dlib-topbar{height:auto!important;}
    .dlib-brand{min-width:0!important;}
    .dlib-brand strong{font-size:21px!important;}
    .dlib-menu ul,.dlib-menu .navbar-nav{display:block!important;padding:8px!important;}
    .dlib-menu a,.dlib-menu .navbar-nav>li>a{justify-content:center!important;}
    .dlib-hero h1{font-size:31px!important;}
    .dlib-searchbox{height:auto!important;display:block!important;}
    .dlib-searchbox input,.dlib-searchbox select,.dlib-searchbox button{width:100%!important;height:50px!important;display:block!important;}
    .dlib-category-card{flex-basis:calc((100% - 18px)/2)!important;}
    .dlib-book-grid,.dlib-book-grid-6,.dlib-mostview-grid{grid-template-columns:1fr!important;}
    .dlib-book-card{grid-template-columns:92px minmax(0,1fr)!important;}
    .dlib-book-cover{width:92px!important;height:122px!important;}
    .dlib-stat-grid{grid-template-columns:1fr!important;}
}

/* QNMC v6: News block reads from NukeViet News module */
.dlib-qnmc-final .dlib-news-flat .dlib-row-head h2{font-size:18px!important;line-height:1.25!important;white-space:nowrap!important;letter-spacing:.2px!important;}
.dlib-qnmc-final .dlib-news-item h3{font-size:13.5px!important;line-height:20px!important;margin:0 0 4px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.dlib-qnmc-final .dlib-news-item h3 a{color:#064391!important;text-decoration:none!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.dlib-qnmc-final .dlib-news-item p{font-size:12.5px!important;line-height:18px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

/* QNMC v7 - module side blocks */
.dlib-qnmc-final .dlib-module-blocks{max-width:1120px!important;margin:28px auto 34px!important;padding:0 12px!important;display:grid!important;grid-template-columns:1.1fr 1fr 1fr!important;gap:22px!important;align-items:start!important;clear:both!important;}
.dlib-qnmc-final .dlib-sidebox{background:#fff!important;border:1px solid #cfe0f4!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 14px 32px rgba(0,63,136,.08)!important;}
.dlib-qnmc-final .dlib-sidebox h2{margin:0!important;padding:14px 18px!important;background:#0755b4!important;color:#fff!important;font-size:16px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:.2px!important;text-transform:uppercase!important;}
.dlib-qnmc-final .dlib-sidebox ul{list-style:none!important;margin:0!important;padding:0!important;}
.dlib-qnmc-final .dlib-sidebox li{margin:0!important;padding:0!important;border-bottom:1px solid #edf2f8!important;}
.dlib-qnmc-final .dlib-sidebox li:last-child{border-bottom:0!important;}
.dlib-qnmc-final .dlib-sidebox li a{display:block!important;padding:12px 16px!important;color:#112d4e!important;font-size:14px!important;line-height:1.35!important;text-decoration:none!important;background:#fff!important;}
.dlib-qnmc-final .dlib-sidebox li a:hover{color:#0755b4!important;background:#f4f8ff!important;}
.dlib-qnmc-final .dlib-sidebox li a em{color:#0755b4!important;margin-right:5px!important;}
.dlib-qnmc-final .dlib-generalbox li a span{color:#e50000!important;font-weight:700!important;}
.dlib-qnmc-final .dlib-linkbox{padding-bottom:16px!important;}
.dlib-qnmc-final .dlib-linkbox select{width:calc(100% - 32px)!important;margin:18px 16px 10px!important;height:42px!important;border:1px solid #9fc8f7!important;border-radius:6px!important;padding:0 12px!important;color:#334155!important;background:#fff!important;font-size:14px!important;}
.dlib-qnmc-final .dlib-linkbox p{margin:0 16px!important;color:#52677d!important;font-size:13px!important;line-height:1.5!important;}
@media (max-width: 992px){.dlib-qnmc-final .dlib-module-blocks{grid-template-columns:1fr!important;max-width:720px!important;}}