/* business_col */
aside{margin-bottom: 3rem; box-shadow: 0 0 5px rgb(0 0 0 / 25%); border-radius: 5px; overflow: hidden;}
.side-title{padding: 0 1rem; border-bottom: 1px solid var(--main); font-size: 24px; font-weight: 700; line-height: 57px; color: var(--main);position: relative;}

.side-dm ul{list-style: none; }
.side-dm ul li+li{border-top: 1px dashed var(--bord);}
.side-dm ul li.active a, .side-dm ul li a:hover{color: var(--main);}
.side-dm ul li a:hover i{margin-left: 0.5rem;}
/* business_list */
.bu-title:after{content: ''; position: absolute; bottom: -22px; left: 0; width: 180px; height: 3px; background-color: var(--main);}
.bu-item h1, .bu-item h2{background-color: var(--main); color: var(--wite);}
.bu-more a{font-size: 14px; font-weight: 700; color: var(--main); text-decoration: underline;}
.bu-more a:hover{color: var(--hover);}
.bu-more a:hover i{transform: translatex(3px);}
/* contact */
.lh-info i{min-width: 72px; padding: 1.5rem; background-color: var(--main); border-radius: 50%; font-size: 24px; color: var(--wite);}
.lh-info b{display: block; margin: 0.5rem 0; font-size: 20px;}
.lh-map p, .lh-map iframe{display: block; width: 100%; height: 450px;}
/* Tối ưu card liên hệ */
.contact-card {
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
}
.contact-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
    border-color: var(--text);
}
.contact-card span i {
    transition: all 0.3s ease;
}
.contact-card:hover span i {
    transform: scale(1.2);
}

/* Input đẹp hơn */
.form-control, .form-control:focus {
    border: 1.5px solid var(--text);
    box-shadow: none;
    transition: all 0.3s ease;
}
.form-control:focus {
    border-color: var(--text);
    box-shadow: 0 0 0 0.2rem rgba(26, 93, 26, 0.25);
}

/* Nút gửi */
#lh-submit {
    transition: all 0.3s ease;
}
#lh-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(26, 93, 26, 0.3) !important;
}
/* header_banner */
.bn{height: 360px;}
.bn:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%);}
.breadcrumb ul{list-style: none;}
.breadcrumb ul li+li:before{content: '/'; padding: 0 0.5rem;}
.breadcrumb ul li a:hover{color: var(--hover);}
/* header_menu */
header #menu{display: none;}
.menu{z-index: 10;}
.menu ul{list-style: none;}
.menu ul li.display{display: none;}
.menu ul li a{display: block; font-weight: 700; line-height: 50px; color: var(--text);}
.menu ul li ul li a{padding: 0 1rem; background-color: var(--wite); text-wrap: nowrap;}
.menu ul li ul li a:hover{color: var(--main); text-decoration: underline;}
.menu > ul{display: flex;}
.menu > ul > li{flex: 0 0 auto;}
.menu > ul > li+li{margin-left: 3rem;}
.menu > ul > li > a{position: relative; background: linear-gradient(to right, var(--main), var(--main) 50%, var(--text) 50%) 100% / 200% 100%; -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.menu > ul > li > a:after{content: ''; position: absolute; right: 0; bottom: 13px; width: 0; height: 2px; background-color: var(--main); transition: all 0.5s ease 0s;}
.menu > ul > li:hover > a, .menu > ul > li.active > a{background-position:0;}
.menu > ul > li:hover > a:after, .menu > ul > li.active > a:after{width: 100%;}
.menu > ul > li > ul > li{width: calc(100%/3);}
.menu > ul > li > ul > li:nth-child(4),.menu > ul > li > ul > li:nth-child(5),.menu > ul > li > ul > li:nth-child(6){border-top: 1px solid var(--bord);}
.menu > ul > li > ul > li:nth-child(4){border-left: none;}
.menu > ul > li > ul{position: absolute; top: calc(100% - 15px); left: 0; display: flex; flex-wrap: wrap; width: 100%; padding: 1rem; background-color: var(--wite); box-shadow: 0 0 15px rgb(0 0 0 / 12.5%); opacity: 0; pointer-events: none; transition: all 0.5s ease 0s;}
.menu > ul > li > ul > li+li{border-left: 1px solid var(--bord);}
.menu > ul > li > ul > li > ul{border-top: 1px solid var(--bord); font-size: 14px;}
.menu > ul > li:hover > ul{opacity: 1; pointer-events: auto;}
.mm-listitem__text i{display: none;}
.menu > ul > li > ul.he-sinh-thai > li{width: calc(100%/4);}
.menu > ul > li > ul.he-sinh-thai > li:nth-child(5),.menu > ul > li > ul.he-sinh-thai > li:nth-child(6),.menu > ul > li > ul.he-sinh-thai > li:nth-child(7){border-top: 1px solid var(--bord);}
.menu > ul > li > ul.he-sinh-thai > li.he-sinh-thai-4{border-left: 1px solid var(--bord);}
.menu > ul > li > ul.he-sinh-thai > li.he-sinh-thai-4{border-top: none;}

.menu > ul > li > ul.business-information > li{width: calc(100%/4);}
.menu > ul > li > ul.business-information > li:nth-child(5),.menu > ul > li > ul.business-information > li:nth-child(6),.menu > ul > li > ul.business-information > li:nth-child(7){border-top: 1px solid var(--bord);}
.menu > ul > li > ul.business-information > li.business-information-4{border-left: 1px solid var(--bord);}
.menu > ul > li > ul.business-information > li.business-information-4{border-top: none;}
/* home_contact */
.contact{background-color:var(--text);background-image:url( '/theme/images/bg-form.webp ');background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;}
.contact::before{content: " ";position:absolute;inset:0;background:rgba(0,0,0,0.45);z-index:1;pointer-events:none;/* Cho phép click xuyên qua */}
.contact .container{position:relative;z-index:2;}
.contact a{display:block;margin-bottom:1.5rem;padding:0.5rem 0;background-color:var(--main);border:3px solid transparent;border-radius:5px;color:var(--wite);}
.contact a span{font-size:12px;}
.contact a:hover{border:3px solid rgb(255 255 255 / 50%);}
/* home_daotao */
.lvdt1-content p+p{margin-top: 1.5rem;}
.lvdt1 a:before, .lvdt1 a span{position: absolute; top: 0; right: 0; bottom: 0; left: 0;  display: block; width: 100px; height: 100px; margin: auto; border-radius: 50%;}
.lvdt1 a:before{content: ''; border: 1px solid var(--wite); animation: shadow 2.5s linear infinite;}
.lvdt1 a span{background-color: var(--wite); color: var(--main); transition: all 0.5s ease 0s;}
.lvdt1 a span:hover{background-color: var(--main); color: var(--wite);}
.lvdt1 a span i{line-height: 100px;}
.lvdt1-slogan{right: 12rem; bottom: -3rem; width: 310px; background-color: var(--main);}
.lvdt1-slogan i{top: calc(1.5rem - 13px); left: 15px; font-size: 40px;}
.lvdt2-title:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 6rem); background: url(/theme/images/bg-visao.jpg) no-repeat center;}
.lvdt2-title img{max-width: 360px;}
.lvdt2-content {max-width: 992px;}
.lvdt2-content p+p{margin-top: 1rem;}
.lvdt2-list{background: no-repeat center bottom fixed;}
.lvdt2-list:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 85%);}
.lvdt2-list .container{max-width: 992px; color: rgb(255 255 255 / 0.9);}
.lvdt2-item{max-width: 232px;}
.lvdt2-item img{width: 70px; margin: 0 auto 1rem;}
/* home_dichvu */
.dv:before{content: ''; position: absolute; right: -150px; bottom: 0; width: 300px; height: 330px; background: url(/theme/images/cloud.png) no-repeat center / 100% auto; animation: moveup 5s linear infinite;}
.dv-title{background: no-repeat bottom fixed;}
.dv-title:before, .dv-title:after{content: ''; position: absolute; top: 0; left: 0; height: 100%;}
.dv-title:before{width: 100%; background: #000 url(/theme/images/wave.png) no-repeat center; z-index: 1; opacity: 50%;}
.dv-title:after{width: 50%; z-index: 2;}
.dv-title .container{z-index: 3;}
.dv-title h2, .dv-title h3{color: var(--wite)!important;}
.dv-list{ z-index: 4;}
.dv-list:before{content: ''; position: absolute; top: 9rem; left: -105px; width: 210px; height: 230px; background: url(/theme/images/rice.png) no-repeat center / 100% auto; animation: run 5s linear infinite;z-index: -1;}
.dv-name{bottom: 1rem; left: -1rem; background-color: var(--main); transform: skewx(15deg);}
.dv-name a{transform: skewx(-15deg);}
.dv-name:hover{background-color: var(--hover);}
.dv-name:hover a{color: var(--wite);}
@keyframes moveup{0%{transform: translatey(0)} 50%{transform: translatey(-3rem)} 100%{transform: translatey(0)}}
@keyframes run{0%{transform: translatex(0)} 50%{transform: translatex(3rem)} 100%{transform: translatex(0)}}
@media all and (min-width: 992px){
    .dv .row{margin: 0 -1.5rem;}
}
/* home_slide */
.sl-slick .slick-arrow{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; border-radius: 50%; opacity: 0;}
.sl-slick .slick-arrow i{display: block; font-size: 32px; color: var(--wite);}
.sl-slick .slick-arrow:hover i{color: var(--main);}
.sl-slick .slick-prev{left: 0;}
.sl-slick .slick-next{right: 0;}
.sl-slick .slick-dots{position: absolute; right: 0; bottom: 1.5rem; left: 0;}
.sl-slick .slick-dots li{width: 1rem; height: 1rem; background-color: var(--wite); border-radius: 50%;}
.sl-slick .slick-dots li+li{margin-left: 0.5rem;}
.sl-slick .slick-dots li.slick-active{background-color: var(--main);}
.sl-slick:hover .slick-arrow{opacity: 1;}
.sl-slick:hover .slick-prev{left: 1.5rem;}
.sl-slick:hover .slick-next{right: 1.5rem;}
.sl .container > h2{text-shadow: 2px 2px 2px rgb(0 0 0 / 25%);}
.sl .container > div:nth-child(2){max-width: 992px; margin: 0 auto 1.5rem; text-shadow: 1px 1px 2px rgb(0 0 0 / 75%);}
@media all and (max-width: 575px){
	.sl-slick .slick-arrow, .sl-slick .slick-dots{display: none!important;}
}
/* news */
.bs{padding-top: 3rem;}
.bs-wrap{max-width: 1440px;}
.bs-form{max-width: 760px; background-color: rgb(0 0 0 / 25%);}
.bs-form form{position: relative;}
.bs-form input[type=text]{border: 2px solid var(--wite); box-shadow: none!important;}
.bs-form input[type=text]:focus{border-color: var(--main)}
.bs-form input[type=submit]{position: absolute; top: 2px; right: 2px; width: 63px; height: 42px; background: var(--wite) url(/theme/images/search.png) no-repeat center; box-shadow: none!important;}
@media all and (min-width: 1440px){
	.bs-wrap{border-radius: 15px;}
}
@media all and (max-width: 1199px){
    .bs{padding-top: 1.5rem;}
}
/* news_detail */
.main-toc{position: relative; margin: 10px 0; padding: 10px 10px 10px 15px; background: #f7f7f7; border: 1px solid #d7d7d7; line-height: 1.4;}
.main-toc-title{}
.main-toc-button{position: absolute; top: 10px; right: 10px; width: 28px; cursor: pointer;}
.main-toc-button:active{transform: translateY(1px);}
.main-toc-button i{text-align: center; line-height: 28px; color: #ee4949;}
.main-toc-list{box-sizing: border-box; counter-reset: item; padding: 5px 0 0 5px;}
.main-toc-list ul{list-style: none;}
.main-toc-list ul li a{color: #333;}
.main-toc-list ul li a:hover{text-decoration: underline;}
.main-toc-list ul ul li a{font-size: 15px;}
.main-toc-list ul ul ul li a{font-size: 14px;}
.main-toc-list > ul > li > a:before{counter-increment: item; content: counters(item,"")". ";}
.main-toc-list > ul > ul{counter-reset: itemitem; padding-left: 14px;}
.main-toc-list > ul > ul > li > a:before{counter-increment: itemitem; content: counters(item,"")"." counters(itemitem,"")". "; font-size: 15px;}
.main-toc-list > ul > ul > ul{counter-reset: itemitemitem; padding-left: 25px;}
.main-toc-list > ul > ul > ul > li > a:before{counter-increment: itemitemitem; content: counters(item,"")"."counters(itemitem,"")"."counters(itemitemitem,"")". ";}
.main-toc-list-2{display: none;}
/* profile_list */
.pro-list-1 .row:before{content: ''; position: absolute; top: 0; left: calc(50% - 2px); width: 4px; height: 100%; background-color: var(--bord);}
.pro-list-1 .row:first-child:after,
.pro-list-1 .row:last-child:after{content: ''; position: absolute; left: calc(50% - 6px); width: 12px; height: 12px; background-color: var(--bord); border-radius: 50%;}
.pro-list-1 .row:first-child:after{top: 0;}
.pro-list-1 .row:last-child:after{bottom: 0;}
.pro-list-1 .row .position-relative:before{content: ''; position: absolute; top: 6px; left: calc(100% - 12px); width: 24px; height: 24px; background-color: var(--text); border: 3px solid var(--bord); border-radius: 50%;}
.pro-list-1 .row .order-lg-2:before{right: calc(100% - 12px); left: initial;}
.pro-list-1 .main-detail{padding-bottom: 3rem!important; box-shadow: 3px 3px 15px rgb(0 0 0 / 12.5%); border-left: 3px solid var(--text); border-radius: 5px; color: var(--prev);}
.pro-list-1 .main-detail strong,
.pro-list-1 .main-detail b{font-size: 24px; color: var(--text);}
@media all and (min-width: 992px){
    .pro-list-1 .text-lg-end .main-detail{border-right: 3px solid var(--text); border-left: none;}
}
@media all and (max-width: 991px){
	.pro-list-1 .row:before{left: 1.5rem;}
    .pro-list-1 .row:first-child:after,
    .pro-list-1 .row:last-child:after{left: calc(1.5rem - 4px);}
    .pro-list-1 .row .position-relative:before{left: calc(1.5rem - 10px);}
}
.pro-list-2 > ul{list-style:none;padding-left:0;}
.pro-list-2 > ul > li{position:relative;display:flex;align-items:center;}
.pro-list-2 > ul > li:after{content: ' ';position:absolute;top:0;left:168px;width:3px;height:100%;background-color:var(--main);}
.pro-list-2 > ul > li+li{margin-top:1.5rem;}
.pro-list-2 > ul > li > strong,
.pro-list-2 > ul > li > b{flex:0 0 auto;display:inline-block;width:168px;font-size:20px;}
.pro-list-2 > ul > li > .main-detail{flex:0 0 auto;padding-left: 10px;}
.pro-list-3 .d-inline-block{border-bottom: 3px solid var(--main);}
.pro-list-4 ul{list-style:none;padding-left:0;}
.pro-list-4 ul li{position:relative;display:flex;align-items:center;}
.pro-list-4 ul li:after{content: ' ';position:absolute;top:0;left:130px;width:3px;height:100%;background-color:var(--main);}
.pro-list-4 ul li+li{margin-top:1.5rem;}
.pro-list-4 ul li strong,.pro-list-4 ul li b{flex:0 0 auto;display:inline-block;width:148px;font-size:20px;}
.card-img-top{aspect-ratio: 4/3;object-fit: cover;}
@media all and (max-width: 575px){
	.pro-list-2 > ul > li > .main-detail{flex:auto;}
}
/* side */
aside{margin-bottom: 1.5rem; }
.side-title{}
.side-title:after{content: ''; position: absolute; bottom: -1px; left: 0; width: 32px; height: 1px; background-color: var(--hover);}
.side-dm ul{list-style: none;}
.side-dm ul li+li{border-top: 1px dashed var(--bord);}
.side-dm ul li.active a, .side-dm ul li a:hover{color: var(--main);}
.side-dm ul li a:hover i{margin-left: 0.5rem;}