/* Default */
[x-cloak]{display:none!important}
h1,h2,h3,h4,h5,h6{line-height:1.5}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgb(0 0 0 / 10%)}
::-webkit-scrollbar-thumb{background:#787878}
#google_translate_element{clear:both;width:auto!important;text-align:right;display:none}
img{max-width:100%;height:auto!important;vertical-align:top;display:inline-block}
*{box-sizing:border-box}
a{text-decoration:none!important;}
.transition{transition:.3s all}
.skiptranslate{display:none!important}
.h-card,.hidden-seo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.scale-img{overflow:hidden;display:block;}
.scale-img img{transition:all .3s}
.scale-img:hover img.w-100{transform:scale(1.2,1.2)}
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3}
.share{padding:17px 10px 10px 10px;line-height:normal;background:rgba(128,128,128,.15);margin-top:15px;border-radius:5px;display:flex;align-items:center;gap:10px}
.pagination{margin:30px 0 0 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}
.pagination li a,.pagination li span{cursor:pointer;border-radius:5px!important;border:1px solid #cacaca;background:#ffff;min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#4d4d4d;font-size:14px;padding:5px}
.pagination li a:hover{color:var(--color-main);border-color:var(--color-main)}
.pagination .page-item.active .page-link{background:var(--color-main);border-color:var(--color-main);color:#fff}
.wrap-main{margin:30px 0}
.wrap-content{max-width:1300px;padding:0px;margin:0 auto}
.wrap-1300{max-width:1300px;width:100%;margin:0 auto;}
.wrap-1200{max-width:1200px;width:100%;margin:0 auto;}
.notify-phone{animation:notifyPhone 1s infinite ease-in-out}
@keyframes notifyPhone{
0%{transform:rotate(0) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%{transform:rotate(25deg) scale(1) skew(1deg)}
30%{transform:rotate(-25deg) scale(1) skew(1deg)}
40%{transform:rotate(25deg) scale(1) skew(1deg)}
50%{transform:rotate(0) scale(1) skew(1deg)}
100%{transform:rotate(0) scale(1) skew(1deg)}
}
.spacer{margin:clamp(30px,calc(60 / 1200 * 100vw),60px) 0}
/* main Widget */
.main-widget{position:fixed;right:14px;bottom:20px;z-index:99;top:auto!important}
@media (max-width:767px){
.main-widget{bottom:85px}
}
.main-widge .img svg{width:100%;height:100%}
.main-widget .img{width:25px;height:25px}
.main-icon svg{width:20px;height:20px;fill:#fff;margin-bottom:5px}
.main-icon p{font-size:10px;color:#fff;margin:0}
.out-circle{overflow:hidden;padding:17px;border-radius:100%;background:var(--color-main);width:60px;height:60px}
.main-icon{line-height:0;color:#fff;width:100%;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);text-align:center}
.main-icon i{width:26px;height:26px;transform:translateX(2px)}
.ser-icon{display:inline-flex;position:absolute;font-size:30px;top:0;left:0;padding:10%;background:#fff;max-width:100%;overflow:hidden;border-radius:100%;color:var(--color-main);width:70%;height:70%;margin:15%;transition:.2s all}
.unsee{opacity:0;transform:scale(0)}
.process{display:inline-flex;transform:translateX(0);transition:.15s linear transform;line-height:0}
.ser-icon .item{margin-right:40px;width:30px;height:30px;color:var(--color-main);display:flex;justify-content:center;align-items:center}
.ser-icon .item svg{width:25px;height:25px;color:var(--color-main)}
.ser-icon i:nth-child(2n){color:#000}
.main-widget .close-icon{display:flex;justify-content:center;align-items:center;position:absolute;font-size:25px;top:0;padding:10px;left:0;width:60px;height:60px;line-height:1;text-align:center;color:#fff;background:var(--color-main);border-radius:100%;transition:.2s all;transform:rotate(0);cursor:pointer}
.main-widget .close-icon svg{width:25px;height:25px}
.close-icon.unsee{transform:rotate(180deg)}
.pregan{position:absolute;width:100%;height:100%;left:0;top:0;background:#e53b16;z-index:-2;border-radius:100%;opacity:.6;animation:zoomzoom 3s linear .2s infinite}
.pregan:nth-child(1){animation-delay:.5s}
.main-widget .item svg{fill:var(--color-main)}
/* Def Content */
.def-content{position:absolute;bottom:62px;right:0;background:#fff;border-radius:8px;transition:.2s all;box-shadow:0 0 10px rgba(0,0,0,.2);width:300px;z-index:1}
.def-content:before{position:absolute;bottom:-8px;right:22px;left:auto;display:inline-block!important;border-right:8px solid transparent;border-top:8px solid #fff;border-left:8px solid transparent;content: ""}
.def-content .def-header{background:var(--color-main);padding:10px;border-radius:8px 8px 0 0;color:#fff;position:relative;font-size:16px;font-weight:700}
.def-content .def-header .close-icon{display:flex;justify-content:center;align-items:center;position:absolute;right:10px;top:10px;left:initial;padding:0;margin:0;border:0 none;background:0 0;line-height:1;width:26px;height:26px;cursor:pointer;color:#fff;background:var(--color-main);border-radius:50%;text-align:center}
.def-content .item > a{display:flex;justify-content:space-between;align-items:center;width:100%;padding:5px 10px;transition:.3s linear all}
.def-content .item > a .img{flex-grow:0;flex:none;height:34px;width:34px;display:flex;justify-content:center;align-items:center;margin-right:10px;border-radius:50%;color:#fff!important}
.def-content .item > a .img svg{height:20px;width:20px}
.def-content .item > a .detail{flex-grow:1;line-height:normal}
.def-content .item > a .detail .arcu-item-title{font-weight:700;font-size:15px;display:block;line-height:normal;color:#000}
.def-content .item > a .detail .arcu-item-subtitle{font-size:14px;color:#787878}
.def-content .item.phone > a .img{background:#4eb625}
.def-content .item.mess > a .img{background:#31adff}
.def-content .item.zalo > a .img{background:#0165f8}
.def-content .item.map > a .img{background:#d94234}
.def-content .item:last-child{margin-bottom:0}
.def-content .item svg{fill:#fff}
.def-content .item:hover{background:#f1f1f1}
@keyframes zoomzoom{
from{transform:scale(0)}
to{transform:scale(1.2)}
}
/* scrollToTop */
.scrollToTop{position:fixed;bottom:80px;right:20px;z-index:98;top:auto;width:40px;height:40px;display:flex;background:0 0;text-decoration:none;transition:all .3s ease-out 0s;transform:translateY(-20px);background-color:color-mix(in srgb,var(--color-main) 10%,#fff);border-radius:7px;cursor:pointer}
@media (max-width:870px){
.scrollToTop{bottom:140px}
}
.scrollToTop svg{width:100%;height:100%;transform:rotate(270deg)}
.scrollToTop svg path{stroke:var(--color-main)}
.scrollToTop:hover{background:var(--color-main)}
.scrollToTop:hover svg path{stroke:color-mix(in srgb,var(--color-main) 10%,#fff)}
/* Swiper */
.swiper-button-next,.swiper-button-prev{width:auto;height:40px;padding:5px;border-radius:999px;background:#fff;border:1.5px solid rgba(0,0,0,.15);box-shadow:0 1px 4px rgba(0,0,0,.08);transform:none!important;}
.swiper-button-next svg,.swiper-button-prev svg{fill:none}
.swiper-button-next:hover,.swiper-button-prev:hover{background:#f5f5f5;border-color:rgba(0,0,0,.25)}
.swiper-button-next:active,.swiper-button-prev:active{transform:translateY(-50%) scale(.96)}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.3;pointer-events:none}
.swiper-button-next::after,.swiper-button-prev::after{display:none}
.swiper-button-prev{left:20px!important}
.swiper-button-next{right:20px!important}
.swiper.category .swiper-slide{width:fit-content;max-width:100%;}
.swiper.category .swiper-wrapper{max-width:100%;width:fit-content;margin:0 auto;}
/* breadCrumbs */
.breadCrumbs{background:color-mix(in srgb,var(--color-main) 10%,#fff);margin-bottom:30px}
.breadcrumb{gap:10px;padding:10px 0!important}
.breadcrumb li{display:flex;align-items:center;gap:15px}
.breadcrumb li a{flex:1 1 0%;color:#666;transition:.2s}
.breadcrumb li a:hover{color:var(--color-main)}
.breadcrumb li.active a{font-weight:500;color:var(--color-main)}
.breadcrumb li svg{width:7px;color:#666;margin-top:2px}
/* TOC */
.box-toc{margin-bottom:20px;overflow:hidden;}
.box-toc__header{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;cursor:pointer;user-select:none;border:1px solid #e2e8f0;background:#dee2e6;}
.box-toc__body{border:solid 1px #e2e8f0;border-top:none;}
.box-toc__title{font-weight:700;font-size:15px;color:var(--color-text);text-transform:uppercase;display:flex;align-items:center;gap:10px}
.box-toc__title i{font-size:20px}
.box-toc__toggle-icon{color:#64748b;transition:0.2s;}
.box-toc__toggle-icon.rotate-180{transform:rotate(180deg)}
.box-toc__list{list-style:none;padding:12px 0;margin:0}
.box-toc__item{margin:0;position:relative}
.box-toc__link{display:block;padding:8px 20px;color:#64748b;text-decoration:none;font-size:.95rem;line-height:1.5;border-left:3px solid transparent}
.box-toc__link:hover{color:var(--color-main)!important;background:#eff6ff!important}
.box-toc__link--active{color:var(--color-main);font-weight:600;background:#eff6ff;border-left-color:var(--color-main)}
.box-toc__item--h2 .box-toc__link{padding-left:10px;font-weight:600;color:#334155;font-size:15px;}
.box-toc__item--h3 .box-toc__link{padding-left:20px;font-size:14px;}
.box-toc__item--h4 .box-toc__link{padding-left:30px;font-size:13px;font-style:italic}
/* Content Main (CKE) */
.content-main{line-height:26px}
.content-main h1{text-align:center;font-size:22px;margin-bottom:30px}
.content-main h2{margin:20px 0;font-size:19px}
.content-main h3{margin:15px 0 20px;font-size:17px}
.content-main h4{margin:10px 0 20px;font-size:15px}
.content-main table{width:100%;margin:10px 0 20px;font-size:13px}
.content-main table th{background:#444;color:#fff;text-align:center;padding:12px 7px}
.content-main table tr td{padding:10px 7px}
.content-main tr:nth-child(even){background:#f4f4f4}
.content-main tr:nth-child(odd){background:#fff}
.content-main ol li,.content-main ul li{margin-bottom:10px}
.content-main a{color:#05f;font-weight:700;display:contents}
.content-main iframe{width:100%!important;display:block;margin:10px auto 20px}
.content-main tr:nth-child(even){background-color:#f2f2f2}
.content-main tr:hover{background-color:#ddd}
.content-main th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:var(--color-main);color:#fff}
.content-main td,.content-main th{border:1px solid #ddd;padding:8px}
.content-main figcaption{text-align:center}
.content-main a img{max-width:100%;height:auto!important}
.content-main blockquote{border-left:solid 3px #ccc;padding-left:20px;margin-left:20px;font-style:italic}
/* Google Dịch */
.ggdich-box{position:relative;display:inline-block}
.ggdich-box__toggle{display:flex;align-items:center;justify-content:center;background:0 0;border:none;padding:0;cursor:pointer;font-size:16px;color:inherit}
.ggdich-box__img{width:32px;margin-right:6px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.ggdich-box__img p{width:100%;height:100%;border:solid 1px #777;border-radius:50px;overflow:hidden}
.ggdich-box__img img{width:100%;height:100%!important;object-fit:cover}
.ggdich-box__icon{width:32px}
.ggdich-box__arrow{width:10px}
.ggdich-box__dropdown{position:absolute;z-index:15;top:100%;left:0;margin-top:10px;min-width:150px;background-color:#fff;padding:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}
.ggdich-box__item{display:flex;align-items:center;cursor:pointer;color:#000;margin-bottom:10px;transition:color .2s}
.ggdich-box__item:last-child{margin-bottom:0}
.ggdich-box__item:hover{color:#c0392b}
.ggdich-box__flag{margin-right:7px;display:inline-block;max-width:22px}
.ggdich-box__flag img{width:100%;display:block}
/* sidebox */
.sidebox-group{position:sticky;top:60px;border:1px solid #dee2e6;border-radius:clamp(5px,calc(10 / 1200 * 100vw),10px);padding:clamp(10px,calc(15 / 1200 * 100vw),15px)}
.sidebox-group__header{display:flex;font-size:clamp(15px,calc(16 / 1200 * 100vw),16px);font-weight:700;text-transform:uppercase;align-items:center;gap:7px;font-weight:600;padding:0 0 8px;border-bottom:.5px dashed #ebe0e0;margin-bottom:10px}
.sidebox-group__icon{font-size:22px}
.sidebox-group__list{margin:0;padding:0;list-style:none}
.sidebox-group__item{position:relative}
.sidebox-group__link{color:#252a2b;position:relative;font-size:15px;font-weight:500;display:block;text-transform:capitalize;transition:.3s;padding:5px 0}
.sidebox-group__item--has-child > .sidebox-group__link{padding-right:30px}
.sidebox-group__link--active,.sidebox-group__link:hover{color:var(--color-main)!important}
.sidebox-group__toggle{width:25px;height:25px;cursor:pointer;position:absolute;right:0;top:0;bottom:0;margin:auto;border:1px solid transparent;display:none}
.sidebox-group__item--has-child .sidebox-group__toggle{display:block}
.sidebox-group__toggle:hover{border:1px solid #e7e7e7}
.sidebox-group__toggle::after,.sidebox-group__toggle::before{background:rgba(9,9,9,.6);content: "";display:block;position:absolute;margin-right:7px;top:50%;right:0;transition:all .25s linear}
.sidebox-group__toggle::before{width:9px;height:1px;transform:translateY(-50%)}
.sidebox-group__toggle::after{width:1px;height:9px;right:4px;transform:translateY(-50%) scale(1,1)}
.sidebox-group__item.opened > .sidebox-group__link .sidebox-group__toggle::after{transform:translateY(-50%) scale(1,0)}
.sidebox-group__sublist{margin:0;padding-left:10px;list-style:none;display:none}
/* contact */
.contact-flex{display:grid;grid-template-columns:40% 1fr;gap:20px}
.contact-map{position:relative;border-radius:10px;overflow:hidden;height:100%}
.contact-map iframe{width:100%;height:100%;min-height:450px}
.contact-form{margin-top:20px;background:#f5f5f5;padding:15px;border:1px solid #ddd;border-radius:10px}
.contact-input{margin-bottom:10px}
.contact-input input,.contact-input textarea{border-radius:7px;border:1px solid #e1e1e1;text-indent:0;color:#000;font-size:13px;min-height:40px}
/* sort */
.sort-select{display:flex;justify-content:end;margin:20px 0;position:relative}
.sort-select .click-sort{border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px 6px 8px;margin:0}
.sort-select-main{display:grid;background-color:#fff;border-radius:4px;box-shadow:0 4px 6px rgb(0 0 0 / 20%);position:absolute;padding:0 7px;top:30px;right:0;width:160px;z-index:2}
.sort-select-main p{border-bottom:1px solid #f1f1f1;margin:0;order:2}
.sort-select-main p:has(.check){order:1}
.sort a{color:#000;font-size:14px;line-height:17px;padding:11px 3px;display:block;cursor:pointer}
.sort a.check i{box-sizing:border-box;position:relative;display:inline-block;transform:scale(var(--ggs,1));width:22px;height:16px;border:2px solid transparent;border-radius:100px;vertical-align:middle}
.sort a.check i::after{content: "";display:block;box-sizing:border-box;position:absolute;left:3px;top:-4px;width:6px;height:10px;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg)}
.sort-select .sort-show{padding-right:12px;position:relative}
.sort-select .sort-show::before{content: "";border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333;content: "";height:0;position:absolute;top:6px;right:0;width:0}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(calc((1000px - (3 - 1) * 15px)/ 3),99%),1fr));gap:15px}
.gallerydetail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(calc((1000px - (5 - 1) * 15px)/ 5),45%),1fr));gap:15px;margin-bottom:15px}
.page-detail__title{margin-bottom:clamp(15px,calc(20/1200*100vw),20px)}
.page-detail__title h1{font-size:clamp(18px,calc(25 / 1200 * 100vw),25px);font-weight:600;margin-bottom:0}
.page-detail__date{font-size:clamp(13px,calc(14/1200*100vw),14px);color:#777;margin-bottom:10px}
/* Line clamp */
.line-clamp-1{-webkit-line-clamp:1;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.line-clamp-2{-webkit-line-clamp:2;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.line-clamp-3{-webkit-line-clamp:3;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.line-clamp-4{-webkit-line-clamp:4;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.line-clamp-5{-webkit-line-clamp:5;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.line-clamp-6{-webkit-line-clamp:6;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.line-clamp-7{-webkit-line-clamp:7;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.line-clamp-8{-webkit-line-clamp:8;white-space:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}