@import url('/global/globalico.css');
html,*{margin:0;padding:0}
body{color:#222;font:400 18px/25px Montserrat, sans-serif;margin:0;padding:0}
h1,h2,h3,h4,h5,p, ul, li{margin:0;padding:0}
a{color:#36c;outline:none;text-decoration:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.clearfix:after{clear:both;content:" ";display:block;height:0;visibility:hidden}
* html .clearfix{height:1%;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.clearfix {
	clear: both;
}

/* START HEADER */
/* ===== BUTTON MENU ===== */

.menu-btn{background:#000;padding:5px;
position:fixed;
top:25px;
right:25px;
width:48px;
height:45px;
cursor:pointer;
z-index:9998;
}

.menu-btn span{
display:block;
height:2px;
background:#fff;
margin:7px 0;
transition:.3s;
}

/* ===== FULLSCREEN MENU ===== */

.fullscreen-menu{
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;

background:url('/images/global/mnubg.jpg') center/cover no-repeat;

display:flex;
align-items:center;

transform:translateX(100%);
transition:.5s;

z-index:9999;
}

.fullscreen-menu.active{
transform:translateX(0);
}

/* overlay blur */

.fullscreen-menu:before{
content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,.65);
backdrop-filter:blur(8px);
}

/* content */

.menu-inner{
position:relative;
width:100%;
padding-left:10%;
color:#fff;
}

/* logo */

.menu-logo{
width:70px;
margin-bottom:40px;
}

/* main menu */

.menu-left ul{
list-style:none;
padding:0;
}

.menu-left li{
margin:18px 0;
}

.menu-left a{
font-family:Montserrat;
font-size:34px;
letter-spacing:3px;
color:#fff;
text-decoration:none;
transition:.3s;
}

.menu-left a:hover{
opacity:.7;
}

/* close button */

.menu-close{
position:absolute;
top:30px;
right:40px;
font-size:32px;
cursor:pointer;
color:#fff;
}

/* bottom contact */

.menu-bottom{
display:flex;
gap:120px;
margin-top:60px;
font-family:Montserrat;
font-size:13px;
letter-spacing:1px;
}

.menu-bottom h4{
font-size:12px;
letter-spacing:3px;
margin-bottom:10px;
}
/* END HEADER */

main{}
#bananh{padding:100px 0 0;}
#bananh img{display:block;width:100%;border:none;}
#bancolor{display:block;height:100px;background:#fff;}
/* START CONTENT */
#otherul{padding:0;margin:0;list-style:none;}
#otherul li{background:url("/images/global/arrow-rv1.png") no-repeat left;background-position: 5px 9px;padding:0 0 10px 15px}
#otherul li a{font:400 14px/18px 'Montserrat', sans-serif;color:#222;text-decoration:none}
#otherul li a:hover{color:#d4232b}
#navi{background:#eaeaea}
#navi .box-breadcrumb{width:1200px;margin:0 auto;}
#navi .box-breadcrumb.full{width:96%;}
#navi .box-breadcrumb ul{display:inline-block;margin:0;padding:0;list-style:none;background:none !important;}
#navi .box-breadcrumb ul li{display:inline-block;vertical-align:top;margin:0;padding:5px 0;list-style:none;font:400 16px/30px 'Montserrat', sans-serif;color:#222;letter-spacing:-0.5px;}
#navi .box-breadcrumb ul li a{color:#222;text-decoration:none;}
#navi .box-breadcrumb ul li a:hover{color:#f00;}
#navi .box-breadcrumb ul li:before{display:none !important;}
#navi .box-breadcrumb ul li:after {
    content:'';
    font-family:FontAwesome;
    visibility:visible;
    padding:0 8px;
    display:inline-block;
}
#navi .box-breadcrumb ul li:last-child:after{visibility:hidden;}

#content{position:relative;padding:0;}

#content .error404{position:relative;width:100%;padding:65px 5%;text-align:center;}
#content .error404 .img{margin:0;padding:0;}
#content .error404 .img img{max-width:500px;display:inline-block;vertical-align:top;border:none;}
#content .error404 .msg{margin:0;padding:25px 0;font:450 22px/28px 'Montserrat', sans-serif;}
#content .error404 .bth{margin:0;padding:0;font:450 22px/28px 'Montserrat', sans-serif;}
#content .error404 .bth a{position:relative;display:inline-block;padding:10px 25px;font:400 15px/20px Montserrat;color:#fff;text-decoration:none;
  border-radius:8px;
  text-align: center;
  min-width: 160px;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
  overflow:hidden;
  isolation:isolate;
  transition:all 0.3s ease;
  z-index:0;
}
#content .error404 .bth a.btn-orange{background:#7d1422;color:#fff;border:1px solid #7d1422;}
#content .error404 .bth a.btn-orange:hover{border-color: #7d1422;}
#content .error404 .bth a:hover::before{animation: sheen 1.5s cubic-bezier(.4,0,.2,1) forwards;opacity:1;}
#content .error404 .bth a:hover{transform: translateY(-2px);box-shadow: 0 6px 14px rgba(0,0,0,0.12);}
@media (prefers-reduced-motion: reduce){
	#content .error404 .bth a:hover::before{ animation:none; opacity:0; }
	#content .error404 .bth a:hover{ transform:none; box-shadow:0 2px 6px rgba(0,0,0,0.08); }
	}

#content .votebox{width:100%;margin:0 auto;padding:0 0 15px;}
#content .votebox.full{width:96%;}
#content .votebox .danhgia{display:inline-block;vertical-align:top;}
#content .votebox .danhgia a{
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none;
	}
.star{
    background-image:url('/images/global/vote.png');
    background-position:left 0px;
    display:block;
    width:28px;
    height:27px;
    line-height:27px;
    float:left;
    cursor: pointer;
    zoom:1;
}
.fullStar{background-position:left -29px;}
.stars{overflow: hidden;}
.tmp_es{background-position:left 0px;}
.tmp_fs{background-position:left -29px;}

#content .votebox div.vstar{display:inline-block;vertical-align:top;padding:2px 0 0 15px;font:400 15px/25px 'Montserrat', sans-serif;color:#444;}
#content .votebox div.vstar span{font-weight:500;color:#f00;}

.bgf0{background:#f0f0f0 !important}
.bg0{background:#000 !important}

/* START NOT FOUND */
#content div.nfound{}
#content div.nfound ul{display:block;margin:0;padding:0;list-style:none;}
#content div.nfound ul li{position:relative;padding:65px 0;list-style:none;}
#content div.nfound ul li .box{position:relative;width:1200px;margin:0 auto;}
#content div.nfound ul li .box .head{width:100%;margin:0 auto;padding:0 0 15px;}
#content div.nfound ul li .box .head h1{display:block;margin:0 0 35px;padding:0 0 35px;font:450 40px/50px 'Montserrat', sans-serif;color:#222;border-bottom:#cfd6e4 1px solid;}
#content div.nfound ul li .box .head h1 span{}
#content div.nfound ul li .box .head div{display:block;margin:0;padding:5px 0;font:400 18px/25px 'Montserrat', sans-serif;color:#222;}
#content div.nfound ul li .box .head div a{color:#00f;}
#content div.nfound ul li .box .head div a:hover{color:#f00;}
#content div.nfound ul li .box .head p{display:block;margin:0;padding:5px 0;font:400 18px/25px 'Montserrat', sans-serif;color:#222;}
#content div.nfound ul li .box .head p a{color:#00f;}
#content div.nfound ul li .box .head p a:hover{color:#f00;}

#content div.nfound ul li .box .ibox{display:block;padding:25px 0;}
#content div.nfound ul li .box .ibox .nview{width:100%;padding:0;overflow:hidden;}
#content div.nfound ul li .box .ibox .nview .util-wrapper-holder {
    overflow: hidden;
    position: relative;
    width: -moz-calc(100% + 25px ) !important;
    width: -webkit-calc(100% + 25px ) !important;
    width: -o-calc(100% + 25px ) !important;
    width: calc(100% + 25px ) !important;
	padding:0 !important;
}
#content div.nfound ul li .box .ibox .nview .item{background:#f1f1f1;margin:0 25px 0 0;padding:0;overflow:hidden;}
#content div.nfound ul li .box .ibox .nview .item .thumb{position:relative;display:block;width:100%;margin:0 auto;background-size:cover !important;background-position:50% 50% !important;}
#content div.nfound ul li .box .ibox .nview .item .thumb img{display:block;width:100%;border:none;}

#content div.nfound ul li .box .ibox .nview .item .info{position:relative;width:100%;padding:10px 15px;}
#content div.nfound ul li .box .ibox .nview .item .info h2,
#content div.nfound ul li .box .ibox .nview .item .info h3{display:block;margin:0;padding:0 0 5px;}
#content div.nfound ul li .box .ibox .nview .item .info h2 a,
#content div.nfound ul li .box .ibox .nview .item .info h3 a{display:block;height:44px;margin:0;padding:0;font:400 16px/22px 'Montserrat', sans-serif;color:#222;
    overflow: hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
	}
#content div.nfound ul li .box .ibox .nview .item .info h2 a:hover,
#content div.nfound ul li .box .ibox .nview .item .info h3 a:hover{color:#004aad;}

#content div.nfound ul li .box .ibox .nview .item .info div{display:block;height:66px;margin:0;padding:0;font:300 16px/22px 'Montserrat', sans-serif;color:#222;
    overflow: hidden;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
	}

/* START HOME */
#content div.home{}
#content div.home ul{display:block;margin:0;padding:0;list-style:none;}
#content div.home ul li{list-style:none;}

/* HOME > OVERVIEW */
#content div.home ul li.overview section{position:relative;margin:0 auto;padding:0;}
#content div.home ul li.overview section .obox{width:100%;}
#content div.home ul li.overview section .obox .card{
  width:100%;
  height:100vh;
  display:flex;
  gap:20px;
  padding:10px 20px;
}

/* ===== RIGHT IMAGE ===== */
#content div.home ul li.overview section .obox .card .thumb{width:50%; overflow:hidden;}
#content div.home ul li.overview section .obox .card .thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

/* ===== LEFT PANEL ===== */
#content div.home ul li.overview section .obox .card .info{
  position:relative;
  width:50%;
  border:1px solid #c9a58170;
  padding:10px;            /* thoáng hơn */
  overflow:hidden;
  background:#050505;
}

/* pattern mờ */
#content div.home ul li.overview section .obox .card .info::before{
  content:"";
  position:absolute;
  inset:0;
  background:url(/images/global/pattern.png) repeat; /* giống mẫu: repeat */
  opacity:0.22;
  z-index:0;
}

/* phủ đen nhẹ cho chữ nổi */
#content div.home ul li.overview section .obox .card .info::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:0;
}

/* khung text căn giữa */
#content div.home ul li.overview section .obox .card .info .text{
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;      /* căn giữa ngang */
  justify-content:center;  /* căn giữa dọc */
  text-align:center;
  gap:0;                   /* mẫu gần như không gap to */
  border:1px solid #c9a58170;
  padding:34px 18px;
}

/* ===== TITLE (Six Caps giống mẫu) ===== */
#content div.home ul li.overview section .obox .card .info .text .title{
  display:block;
  margin:0;
  padding:0;
  font-family:"Six Caps", sans-serif;
  font-size:150px;         /* đúng mẫu bạn chụp */
  line-height:1;
  letter-spacing:5px;      /* đúng mẫu */
  text-transform:uppercase;
  color:#fff;
  font-weight:400;
}

#content div.home ul li.overview section .obox .card .info .text .ourstory-text{
    font-family:"Montserrat", sans-serif;
    font-size:16px;
    line-height:28px;
    color:#cfcfcf;
    text-align:center;
    max-width:520px;
    margin:45px auto;
}
#content div.home ul li.overview section .obox .card .info .btn-book{
    display:inline-block;
    padding:12px 28px;

    font-family:"Montserrat", sans-serif;
    font-size:13px;
    letter-spacing:3px;
    text-transform:uppercase;

    color:#fff;
    text-decoration:none;

    border:1px solid #c9a581;
    background:transparent;

    transition:all .3s ease;
}

/* hover giống theme */
#content div.home ul li.overview section .obox .card .info .btn-book:hover{
    transform:scale(1.08);   /* zoom to */
    background:#c9a581;
    color:#000;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px){
  #content div.home ul li.overview section .obox .card{
    height:auto;
    flex-direction:column;
  }
  #content div.home ul li.overview section .obox .card .info,
  #content div.home ul li.overview section .obox .card .thumb{
    width:100%;
  }
  #content div.home ul li.overview section .obox .card .thumb{height:55vh;}
  #content div.home ul li.overview section .obox .card .info .text .title{
    font-size:110px;
    letter-spacing:4px;
  }
}

/* HOME > OVERVIEW 1 */
#content div.home ul li.overview1 section{position:relative;margin:0 auto;padding:0;}
#content div.home ul li.overview1 section .obox{width:100%;}
#content div.home ul li.overview1 section .obox .card{
  width:100%;
  height:100vh;
  display:flex;
  gap:20px;
  padding:10px 20px;
}

/* ===== RIGHT IMAGE ===== */
#content div.home ul li.overview1 section .obox .card .thumb{width:50%; overflow:hidden;}
#content div.home ul li.overview1 section .obox .card .thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

/* ===== LEFT PANEL ===== */
#content div.home ul li.overview1 section .obox .card .info{
  position:relative;
  width:50%;
  border:1px solid #c9a58170;
  padding:10px;            /* thoáng hơn */
  overflow:hidden;
  background:#050505;
}

/* pattern mờ */
#content div.home ul li.overview1 section .obox .card .info::before{
  content:"";
  position:absolute;
  inset:0;
  background:url(/images/global/pattern.png) repeat; /* giống mẫu: repeat */
  opacity:0.22;
  z-index:0;
}

/* phủ đen nhẹ cho chữ nổi */
#content div.home ul li.overview1 section .obox .card .info::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:0;
}

/* khung text căn giữa */
#content div.home ul li.overview1 section .obox .card .info .text{
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;      /* căn giữa ngang */
  justify-content:center;  /* căn giữa dọc */
  text-align:center;
  gap:0;                   /* mẫu gần như không gap to */
  border:1px solid #c9a58170;
  padding:34px 18px;
}

#content div.home ul li.sanpham section .obox .card .info .text .jp{font-weight:bold;
  font-size:46px;
  line-height:1;
  margin-bottom:12px;color:#fff;
}

/* ===== TITLE (Six Caps giống mẫu) ===== */
#content div.home ul li.overview1 section .obox .card .info .text .title{
  display:block;
  margin:0;
  padding:0;
  font-family:"Six Caps", sans-serif;
  font-size:150px;         /* đúng mẫu bạn chụp */
  line-height:1;
  letter-spacing:5px;      /* đúng mẫu */
  text-transform:uppercase;
  color:#fff;
  font-weight:400;
}

#content div.home ul li.overview1 section .obox .card .info .text .ourstory-text{
    font-family:"Montserrat", sans-serif;
    font-size:16px;
    line-height:28px;
    color:#cfcfcf;
    text-align:center;
    max-width:520px;
    margin:45px auto;
}
#content div.home ul li.overview1 section .obox .card .info .btn-book{
    display:inline-block;
    padding:12px 28px;

    font-family:"Montserrat", sans-serif;
    font-size:13px;
    letter-spacing:3px;
    text-transform:uppercase;

    color:#fff;
    text-decoration:none;

    border:1px solid #c9a581;
    background:transparent;

    transition:all .3s ease;
}

/* hover giống theme */
#content div.home ul li.overview1 section .obox .card .info .btn-book:hover{
    transform:scale(1.08);   /* zoom to */
    background:#c9a581;
    color:#000;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px){
  #content div.home ul li.overview1 section .obox .card{
    height:auto;
    flex-direction:column;
  }
  #content div.home ul li.overview1 section .obox .card .info,
  #content div.home ul li.overview1 section .obox .card .thumb{
    width:100%;
  }
  #content div.home ul li.overview1 section .obox .card .thumb{height:55vh;}
  #content div.home ul li.overview1 section .obox .card .info .text .title{
    font-size:110px;
    letter-spacing:4px;
  }
}

/* HOME > OVERVIEW 2 */
#content div.home ul li.overview2 section{position:relative;margin:0 auto;padding:0;}
#content div.home ul li.overview2 section .obox{width:100%;}
#content div.home ul li.overview2 section .obox .card{
  width:100%;
  height:100vh;
  display:flex;
  gap:20px;
  padding:10px 20px;
}

/* ===== RIGHT IMAGE ===== */
#content div.home ul li.overview2 section .obox .card .thumb{width:50%; overflow:hidden;}
#content div.home ul li.overview2 section .obox .card .thumb .genmap{display:block;width:100%;margin:0;padding:0;height:100%;border-top-left-radius:40%;border-top-right-radius:40%;overflow:hidden;}
#content div.home ul li.overview2 section .obox .card .thumb .genmap iframe{display:block;width:100%;height:100%;}

/* ===== LEFT PANEL ===== */
#content div.home ul li.overview2 section .obox .card .info{
  position:relative;
  width:50%;
  border:1px solid #c9a58170;
  padding:10px;            /* thoáng hơn */
  overflow:hidden;
  background:#050505;
}

/* pattern mờ */
#content div.home ul li.overview2 section .obox .card .info::before{
  content:"";
  position:absolute;
  inset:0;
  background:url(/images/global/pattern.png) repeat; /* giống mẫu: repeat */
  opacity:0.22;
  z-index:0;
}

/* phủ đen nhẹ cho chữ nổi */
#content div.home ul li.overview2 section .obox .card .info::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:0;
}

/* khung text căn giữa */
#content div.home ul li.overview2 section .obox .card .info .text{
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;      /* căn giữa ngang */
  justify-content:center;  /* căn giữa dọc */
  text-align:center;
  gap:0;                   /* mẫu gần như không gap to */
  border:1px solid #c9a58170;
  padding:34px 18px;
}

#content div.home ul li.overview2 section .obox .card .info .text .jp{font-weight:bold;
  font-size:46px;
  line-height:1;
  margin-bottom:12px;color:#fff;
}

/* ===== TITLE (Six Caps giống mẫu) ===== */
#content div.home ul li.overview2 section .obox .card .info .text .title{
  display:block;
  margin:0;
  padding:0;
  font-family:"Six Caps", sans-serif;
  font-size:120px;         /* đúng mẫu bạn chụp */
  line-height:1;
  letter-spacing:5px;      /* đúng mẫu */
  text-transform:uppercase;
  color:#fff;
  font-weight:400;
}

#content div.home ul li.overview2 section .obox .card .info .text .gbox{display:block;width:100%;padding:20px 10%;}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul{width:100%;margin:0 auto;padding:0;list-style:none;}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li{width:49%;display:inline-block;vertical-align:top;margin:0 0 0 2%;padding:5px 0;list-style:none;}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li:nth-child(odd){margin-left:0;}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li.full{width:100%;margin-left:0;padding-bottom:0;}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li:last-child{width:100%;margin-left:0;padding:10px 0 5px;text-align:right;}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li span{display:block;padding:5px 0 0 5px;font:400 14px Montserrat, sans-serif;color:#f00;}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li a{font:400 15px/22px Montserrat, sans-serif;text-decoration:none}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li a:hover{color:#f00;}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li input[type="text"],
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li textarea {
	display:inline-block;
	vertical-align:middle;
	width:100%;
    -webkit-appearance: none;
    background:none;
    border:#C9A58173 1px solid;
    outline: 0;
    margin: 0;
    padding:6px 15px;
	font:400 17px/25px Montserrat, sans-serif;
	color:#fff;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li input[type="text"]::-moz-placeholder,
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li textarea::-moz-placeholder{font-size:17px;color:#FFFFFF73;opacity: 1;}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li input[type="text"]::-webkit-input-placeholder,
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li textarea::-webkit-input-placeholder{font-size:17px;color:#FFFFFF73;}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li input[type="text"]:-ms-input-placeholder,
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li textarea:-ms-input-placeholder{font-size:17px;color:#FFFFFF73;}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li input[type="text"]:-moz-placeholder,
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li textarea:-moz-placeholder{font-size:17px;color:#FFFFFF73;}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li input[type="button"] {
	display:inline-block;
	width:auto;
	background:#C9A581;
	border:#C9A581 1px solid;
	margin:0;
	padding:6px 35px;
	font:400 17px/26px Montserrat, sans-serif;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	cursor:pointer;
	outline:none;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li select:hover,
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li input[type="text"]:hover,
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li textarea:hover,
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li input[type="radio"]:hover {
    -webkit-box-shadow: #0066ff 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #0066ff 0 0 5px 0;
}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li input[type="button"]:hover {background:#252728;border:#252728 1px solid;}

#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li button{position:relative;display:inline-block;padding:10px 15px;font:450 15px/20px Montserrat;color:#fff;text-decoration:none;cursor:pointer;text-transform:uppercase;
  border-radius:8px;
  text-align: center;
  min-width: 160px;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
  overflow:hidden;
  isolation:isolate;
  transition:all 0.3s ease;
  z-index:0;
}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li button{background:#C9A581;color:#000;border:1px solid #C9A581;}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li button:hover{border-color: #C9A581;}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li button::before{
  content:"";
  position:absolute;
  top:-120%; bottom:-120%;
  left:-60%;
  width:55%;
  transform: skewX(-20deg) translateX(0);
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.35) 45%,
    rgba(255,255,255,.75) 50%,
    rgba(255,255,255,.35) 55%,
    rgba(255,255,255,0) 100%
  );
  opacity:0;
  pointer-events:none;
  z-index:1;
}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li button:hover::before{animation: sheen 1.5s cubic-bezier(.4,0,.2,1) forwards;opacity:1;}
#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li button:hover{transform: translateY(-2px);box-shadow: 0 6px 14px rgba(0,0,0,0.12);}
@media (prefers-reduced-motion: reduce){
	#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li button:hover::before{ animation:none; opacity:0; }
	#content div.home ul li.overview2 section .obox .card .info .text .gbox ul li button:hover{ transform:none; box-shadow:0 2px 6px rgba(0,0,0,0.08); }
	}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px){
  #content div.home ul li.overview2 section .obox .card{
    height:auto;
    flex-direction:column;
  }
  #content div.home ul li.overview2 section .obox .card .info,
  #content div.home ul li.overview2 section .obox .card .thumb{
    width:100%;
  }
  #content div.home ul li.overview2 section .obox .card .thumb{height:55vh;}
  #content div.home ul li.overview2 section .obox .card .info .text .title{
    font-size:110px;
    letter-spacing:4px;
  }
}

/* HOME > SẢN PHẨM */
#content div.home ul li.sanpham section{position:relative;margin:0 auto;padding:0;}
#content div.home ul li.sanpham section .obox{width:100%;}
#content div.home ul li.sanpham section .obox .card{
  width:100%;
  height:100vh;
  display:flex;
  gap:20px;
  padding:10px 20px;
}

/* ===== RIGHT IMAGE ===== */
#content div.home ul li.sanpham section .obox .card .thumb{width:50%; overflow:hidden;}
#content div.home ul li.sanpham section .obox .card .thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

/* ===== LEFT PANEL ===== */
#content div.home ul li.sanpham section .obox .card .info{
  position:relative;
  width:50%;
  border:1px solid #c9a58170;
  padding:10px;            /* thoáng hơn */
  overflow:hidden;
  background:#050505;
}

/* pattern mờ */
#content div.home ul li.sanpham section .obox .card .info::before{
  content:"";
  position:absolute;
  inset:0;
  background:url(/images/global/pattern.png) repeat; /* giống mẫu: repeat */
  opacity:0.22;
  z-index:0;
}

/* phủ đen nhẹ cho chữ nổi */
#content div.home ul li.sanpham section .obox .card .info::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:0;
}

/* khung text căn giữa */
#content div.home ul li.sanpham section .obox .card .info .text{
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;      /* căn giữa ngang */
  justify-content:center;  /* căn giữa dọc */
  text-align:center;
  gap:0;                   /* mẫu gần như không gap to */
  border:1px solid #c9a58170;
  padding:34px 18px;
}
#content div.home ul li.sanpham section .obox .card .info .text .jp{font-weight:bold;
  font-size:46px;
  line-height:1;
  margin-bottom:12px;color:#fff;
}
/* ===== TITLE (Six Caps giống mẫu) ===== */
#content div.home ul li.sanpham section .obox .card .info .text .title{
  display:block;
  margin:0;
  padding:0;
  font-family:"Six Caps", sans-serif;
  font-size:150px;         /* đúng mẫu bạn chụp */
  line-height:1;
  letter-spacing:5px;      /* đúng mẫu */
  text-transform:uppercase;
  color:#fff;
  font-weight:400;
}

/* ===== STITLE (Authentic - Aguafina Script) ===== */
#content div.home ul li.sanpham section .obox .card .info .text .stitle{
  display:block;
  margin-top:-18px;        /* kéo lên giống mẫu */
  margin-bottom:18px;
  font-family:"Aguafina Script", cursive;
  font-size:44px;
  line-height:1;
  color:#c9a581;
  letter-spacing:0;
  transform:rotate(-10deg);
  opacity:.95;
}

/* ===== MENU LIST ===== */
#content div.home ul li.sanpham section .obox .card .info .text ul{
  display:block;
  width:min(360px,92%);
  padding:0;
  margin:0;
  list-style:none;
}

#content div.home ul li.sanpham section .obox .card .info .text ul li{
  display:block;           /* mỗi item 1 dòng */
  width:100%;
  margin:14px 0;
  padding:0;
}

#content div.home ul li.sanpham section .obox .card .info .text ul li a{
  display:block;
  padding:10px 14px;
  border-radius:3px;
  color:#fff;
  text-decoration:none;

  font-family:"Montserrat", sans-serif;
  font-weight:400;
  font-size:30px;
  letter-spacing:3px;
  text-transform:uppercase;

  transition:all .25s ease;
}

/* hover highlight giống mẫu */
#content div.home ul li.sanpham section .obox .card .info .text ul li a:hover{
  color:#c8a684;
}

/* ===== ICON (nếu bạn có dùng) ===== */
#content div.home ul li.sanpham section .obox .card .info .icon img{
  display:block;
  height:45px;
  border:none;
  transition:filter .3s ease;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px){
  #content div.home ul li.sanpham section .obox .card{
    height:auto;
    flex-direction:column;
  }
  #content div.home ul li.sanpham section .obox .card .info,
  #content div.home ul li.sanpham section .obox .card .thumb{
    width:100%;
  }
  #content div.home ul li.sanpham section .obox .card .thumb{height:55vh;}
  #content div.home ul li.sanpham section .obox .card .info .text .title{
    font-size:110px;
    letter-spacing:4px;
  }
}

/* ===== DỊCH VỤ GRID ===== */
#content div.home ul li.dichvu section{padding:40px 10%;}
#content div.home ul li.dichvu section .head{
  text-align:center;
  color:#fff;
  font:400 18px/1.6 Montserrat, sans-serif;
  letter-spacing:2px;
  text-transform:uppercase;
  margin:0 0 24px;
}

/* list 3 cột */
#content div.home ul li.dichvu section .obox ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:28px;
}

/* item */
#content div.home ul li.dichvu section .obox ul li{margin:0; padding:0;}

/* ===== CARD KHUNG VIỀN ĐÔI ===== */
#content div.home ul li.dichvu section .obox ul li a.card{
  position:relative;
  display:block;
  text-decoration:none;
  color:#fff;
  padding:26px 22px 28px;
  min-height:420px;

  border:1px solid rgba(201,165,129,.35);          /* viền ngoài */
  box-shadow:0 0 0 8px rgba(0,0,0,.65) inset;      /* tạo khoảng đen giống mẫu */
  background:rgba(0,0,0,.2);
  overflow:hidden;

  transition:transform .35s ease, border-color .35s ease;
}

/* viền trong (double border) */
#content div.home ul li.dichvu section .obox ul li a.card:before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(201,165,129,.22);
  pointer-events:none;
}

/* ===== ẢNH “CẮT GÓC” GIỐNG MẪU ===== */
#content div.home ul li.dichvu section .obox ul li a.card .thumb{
  width:78%;
  margin:0 auto 22px;
  aspect-ratio: 1 / 1;
  overflow:hidden;

  /* bo góc + cắt góc trên trái (gần giống mẫu) */
  border-radius: 120px 120px 20px 20px;
}

/* fallback nếu browser cũ không support aspect-ratio: bạn có thể bỏ */
#content div.home ul li.dichvu section .obox ul li a.card .thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1);
  transition:transform .5s ease;
}

/* hover ảnh zoom nhẹ */
#content div.home ul li.dichvu section .obox ul li a.card:hover .thumb img{
  transform:scale(1.06);
}

/* ===== TEXT ===== */
#content div.home ul li.dichvu section .obox ul li a.card .info{
  text-align:center;
  padding:6px 12px 0;
}

/* tiêu đề giống mẫu: chữ cách đều */
#content div.home ul li.dichvu section .obox ul li a.card .info .title{
  margin:0 0 14px;
  font-family:Montserrat, sans-serif;
  font-weight:300;
  font-size:22px;
  letter-spacing:4px;
  text-transform:uppercase;
  color:#fff;
}

/* mô tả nhỏ */
#content div.home ul li.dichvu section .obox ul li a.card .info .desc{
  font-family:Montserrat, sans-serif;
  font-weight:300;
  font-size:14px;
  line-height:1.8;
  color:rgba(255,255,255,.78);
  max-width:320px;
  margin:0 auto;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px){
  #content div.home ul li.dichvu section .obox ul{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  #content div.home ul li.dichvu section .obox ul li a.card{
    min-height:500px;
  }
}
@media (max-width: 640px){
  #content div.home ul li.dichvu section .obox ul{
    grid-template-columns:1fr;
  }
  #content div.home ul li.dichvu section .obox ul li a.card{
    min-height:auto;
  }
}

/* ===== VIDEO SECTION ===== */
.video-section{position:relative;border:#c9a58170 1px solid;margin:10px 20px;padding:10px;}
.video-section .ibox{
    position:relative;
    width:100%;
    height:400px;
    overflow:hidden;
}
/* video background */
.video-section video{
    position:absolute;
    top:50%;
    left:50%;

    width:auto;
    height:auto;

    min-width:100%;
    min-height:100%;

    transform:translate(-50%,-50%);
    object-fit:cover;

    z-index:1;
}

/* overlay tối */
.video-section:before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
    z-index:2;
}

/* nội dung nằm giữa */
.video-section .video-content{
    position:absolute;
    inset:0;

    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;

    text-align:center;
    z-index:5;
}

/* logo hoặc text */
.video-section .video-content img{
    max-width:180px;
}

/* title nếu có */
.video-section .title{
    font-family:"Six Caps",sans-serif;
    font-size:120px;
    letter-spacing:5px;
    color:#fff;
}

/* subtitle */
.video-section .desc{
    font-family:"Montserrat",sans-serif;
    font-size:18px;
    color:#fff;
}

/* ===== RESPONSIVE ===== */
@media(max-width:1200px){

.video-section{
height:600px;
}

}

@media(max-width:768px){

.video-section{
height:450px;
}

.video-section .title{
font-size:80px;
}

}

/* ===== 3 CỘT GIỐNG MẪU (đen + vạch chia) ===== */
.footer{
  background:#000;
  padding:40px 0 70px;
}

/* container */
.footer section{
  width:100%;
  display:flex;
  justify-content:center;
}

.footer section .obox{
  width:min(1140px, calc(100% - 40px));
}

/* grid 3 cột */
.footer section .obox ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

/* mỗi cột */
.footer section .obox ul li{
  margin:0;
  padding:44px 28px; /* khoảng thở như mẫu */
  position:relative;
}

/* vạch chia dọc */
.footer section .obox ul li:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:26px;
  bottom:26px;
  width:1px;
  background:#c9a58170; /* vàng nhạt như mẫu */
}

/* căn giữa */
.footer section .obox ul li .info{
  text-align:center;
}

/* title */
.footer section .obox ul li .info .title{
  margin:0 0 14px;
  font-family:"Montserrat", sans-serif;
  font-weight:300;
  font-size:24px;
  letter-spacing:5px;
  text-transform:uppercase;
  color:#fff;
}

/* desc */
.footer section .obox ul li .info .desc{
  font-family:"Montserrat", sans-serif;
  font-weight:300;
  font-size:13px;
  line-height:1.9;
  color:rgba(255,255,255,.75);
}

/* desc xuống dòng đẹp */
.footer section .obox ul li .info .desc br{display:block;}

/* ===== Responsive ===== */
@media (max-width: 900px){
  .footer section .obox ul{
    grid-template-columns:1fr;
  }
  .footer section .obox ul li{
    padding:28px 18px;
  }
  /* vạch chia chuyển sang ngang */
  .footer section .obox ul li:not(:last-child)::after{
    right:auto;
    left:0;
    top:auto;
    bottom:0;
    width:100%;
    height:1px;
    background:rgba(201,165,129,.22);
  }
}
/* END HOME */

#content .topcon{display:block;width:1200px;margin:0 auto;padding:0;}

#content .conbox{display:block;width:100%;margin:0 auto;padding:10px 20px;}


/* CON > SẢN PHẨM */
#content .conbox .list{}
#content .conbox .list ul{list-style:none;margin:0;padding:0;}
#content .conbox .list ul li{margin:0;padding:0;}

#content .conbox .list ul li section{position:relative;margin:0 auto;padding:0;}
#content .conbox .list ul li section .obox{width:100%;}
#content .conbox .list ul li section .obox .card{
  width:100%;
  height:100vh;
  display:flex;
  gap:20px;
  padding:10px 0;
}
/* card chẵn đảo layout */
#content .conbox .list ul li:nth-child(even) section .card{
  flex-direction:row-reverse;
}

/* ===== RIGHT IMAGE ===== */
#content .conbox .list ul li section .obox .card .thumb{width:50%; overflow:hidden;}
#content .conbox .list ul li section .obox .card .thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

/* ===== LEFT PANEL ===== */
#content .conbox .list ul li section .obox .card .info{
  position:relative;
  width:50%;
  border:1px solid #c9a58170;
  padding:10px;            /* thoáng hơn */
  overflow:hidden;
  background:#050505;
}

/* pattern mờ */
#content .conbox .list ul li section .obox .card .info::before{
  content:"";
  position:absolute;
  inset:0;
  background:url(/images/global/pattern.png) repeat; /* giống mẫu: repeat */
  opacity:0.22;
  z-index:0;
}

/* phủ đen nhẹ cho chữ nổi */
#content .conbox .list ul li section .obox .card .info::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:0;
}

/* khung text căn giữa */
#content .conbox .list ul li section .obox .card .info .text{
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;      /* căn giữa ngang */
  justify-content:center;  /* căn giữa dọc */
  text-align:center;
  gap:0;                   /* mẫu gần như không gap to */
  border:1px solid #c9a58170;
  padding:34px 55px;
}

/* TITLE lớn như mẫu */
#content .conbox .list > ul > li .card .info .text .title{
  font-family:"Six Caps", sans-serif;
  font-size:120px;
  line-height:1;
  letter-spacing:6px;
  text-transform:uppercase;
  color:#fff;
  margin:0 0 18px;
}

/* UL món */
#content .conbox .list > ul > li .card .info .text ul{
  list-style:none;
  margin:0;
  padding:0;
  text-align:left;
}

/* mỗi món */
#content .conbox .list > ul > li .card .info .text ul li{
  position:relative;
  padding:16px 0 18px;
  border-top:1px solid rgba(255,255,255,.2);
}
#content .conbox .list > ul > li .card .info .text ul li:first-child{
  border-top:0;
}

/* tên món (h2) */
#content .conbox .list > ul > li .card .info .text ul li h2{
  margin:0;
  padding:0;
  font-family:"Montserrat", sans-serif;
  font-weight:400;
  font-size:18px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#fff;
  padding-right:80px; /* chừa chỗ cho giá */
}

/* mô tả */
#content .conbox .list > ul > li .card .info .text ul li div{
  margin-top:8px;
  font-family:"Montserrat", sans-serif;
  font-weight:400;
  font-size:15px;
  line-height:1.7;
  color:rgba(255,255,255,.8);
  padding-right:80px;
}

/* giá nằm bên phải */
#content .conbox .list > ul > li .card .info .text ul li p{
  position:absolute;
  right:0;
  top:14px;
  margin:0;
  font-family:"Montserrat", sans-serif;
  font-weight:400;
  font-size:15px;
  letter-spacing:1px;
  color:rgba(255,255,255,1);
}

/* ===== Responsive ===== */
@media(max-width: 992px){
  #content .conbox .list > ul > li .card{
    flex-direction:column;
    min-height:auto;
  }
  #content .conbox .list > ul > li .card .thumb,
  #content .conbox .list > ul > li .card .info{
    width:100%;
  }
  #content .conbox .list > ul > li .card .thumb{
    height:52vh;
  }
  #content .conbox .list > ul > li .card .info{
    padding:22px;
  }
  #content .conbox .list > ul > li .card .info:after{
    inset:14px;
  }
  #content .conbox .list > ul > li .card .info .text{
    padding:26px 18px;
  }
  #content .conbox .list > ul > li .card .info .text .title{
    font-size:96px;
  }
}

#content .share{margin:25px 0 35px;padding:10px 0;border-top:#e5e5e5 1px solid;border-bottom:#e5e5e5 1px solid;}
#content .share span{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0 10px 0 0;font:400 16px/20px 'Montserrat';color:#222;}
#content .share a{position:relative;display:inline-block;vertical-align:top;height:20px;margin:0 0 0 20px;color:#666;text-decoration:none;line-height:20px;font-size:0;transition:color .333s;}
#content .share a.psocial.social-twitter,
#content .share a.pocial[href^="https://twitter"] {
    
	}
#content .share a.pocial.social-twitter:before,
#content .share a.psocial[href^="https://twitter"]:before {
    
}
#content .share a.psocial.social-twitter:after,
#content .share a.psocial[href^="https://twitter"]:after {
    content: "\f099";
}

#content .share a.psocial.social-facebook,
#content .share a.psocial[href^="https://www.facebook"] {
    
}
#content .share a.psocial.social-facebook:before,
#content .share a.psocial[href^="https://www.facebook"]:before {
    
}
#content .share a.psocial.social-facebook:after,
#content .share a.psocial[href^="https://www.facebook"]:after {
    content: "\f09a";
}
#content .share a.psocial:after {
    font-family: fontawesome,sans-serif;
    font-size:18px;
}

#content .share a.psocial.social-linkedin,
#content .share a.psocial[href^="https://www.linkedin"] {

}
#content .share a.psocial.social-linkedin:before,
#content .share a.psocial[href^="https://www.linkedin"]:before {

}
#content .share a.psocial.social-linkedin:after,
#content .share a.psocial[href^="https://www.linkedin"]:after {
    content: "\f0e1";
}

#content .share a.psocial.social-pintrest,
#content .share a.psocial[href^="https://pinterest"] {

}
#content .share a.psocial.social-pintrest:before,
#content .share a.psocial[href^="https://pinterest"]:before {

}
#content .share a.psocial.social-pintrest:after,
#content .share a.psocial[href^="https://pinterest"]:after {
    content: "\f231";
}

a.social.social-google, a.social[href^="https://plus.google"] {

}
#content .share a.psocial.social-google:before,
#content .share a.psocial[href^="https://plus.google"]:before {

}
#content .share a.psocial.social-google:after,
#content .share a.psocial[href^="https://plus.google"]:after {
    content: "\f0d5";
}

#content .author{width:100%;margin:0 0 35px;padding:25px 0;border-top:rgba(0,0,0,.15) 1px solid;border-bottom:rgba(0,0,0,.15) 1px solid;color:rgba(0,0,0,.65)}
#content .author .wbox{position:relative;width:100%;padding:20px 50px;font:400 16px/25px 'Montserrat', sans-serif;text-align:justify}
#content .author .wbox:before{content:open-quote;position:absolute;top:0;left:0;font-size:100px;line-height:1;font-family:Arial, Helvetica, sans-serif;}
#content .author .wbox:after{content:close-quote;position:absolute;right:0;bottom:0;font-size:100px;line-height:0;font-family:Arial, Helvetica, sans-serif;}
#content .author .wtit{display:flex;align-items:center;padding:0 50px;}
#content .author .wtit .thumb{display:inline-block;vertical-align:top;width:100px;height:100px;border-radius:50%;overflow:hidden;margin-right:30px;}
#content .author .wtit .thumb img{display:block;width:100%;border:none;}
#content .author .wtit .name{display:inline-block;vertical-align:top;font:400 20px/25px 'Montserrat', sans-serif;}
#content .author .wtit .name h3{margin:0;padding:0;}
#content .author .wtit .name a{display:block;margin:0;padding:0 0 5px;font:400 20px/25px 'Montserrat', sans-serif;color:rgba(0,0,0,.65)}
#content .author .wtit .name a:hover{color:red;}
#content .author .wtit .name span{display:block;margin:0;padding:0;font:400 16px/20px 'Montserrat', sans-serif;color:rgba(0,0,0,.55)}

#content .lienhe{width:100%;margin:0 0 35px;padding:15px 25px;border:1px dotted rgba(79,79,79,.5);color:rgba(0,0,0,.65);border-radius:10px;}
#content .lienhe .wbox{position:relative;width:100%;padding:0;font:400 16px/25px 'Montserrat', sans-serif;text-align:justify}
#content .lienhe .wbox h1{font:450 22px/30px 'Montserrat', serif;color:#000;padding:5px 0;}
#content .lienhe .wbox h2{font:450 22px/30px 'Montserrat', serif;color:#000;padding:5px 0;}
#content .lienhe .wbox h3{font:450 22px/30px 'Montserrat', serif;color:#000;padding:5px 0;}
#content .lienhe .wbox h4{font:450 22px/30px 'Montserrat', serif;color:#000;padding:5px 0;}
#content .lienhe .wbox p,
#content .lienhe .wbox div{padding:5px 0;}
#content .lienhe .wbox a{color:#004e8a;text-decoration:none}
#content .lienhe .wbox a:hover{color:red;text-decoration:underline}
#content .lienhe .wbox ul{margin:5px 0 !important;padding:0 !important;list-style-type:square;}
#content .lienhe .wbox ul li{position:relative;list-style-type:none;margin:0 !important;padding:5px 0 5px 27px !important;border:none !important;}
#content .lienhe .wbox ul li:before{position:absolute;top:8px;left:0;width:17px;height:17px;content:'';background:url('/images/global/tick-2.png');}

#content .qna{width:100%;margin:0 0 35px;padding:0;color:#222;}
#content .qna .title{padding:0 0 15px;text-transform:uppercase;}
#content .qna .title span{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0;font:450 22px/30px Montserrat, sans-serif;color:#222;}
#content .qna ul{width:100%;margin:0;padding:0;list-style:none;}
#content .qna ul li{width:100%;margin:0;padding:0;list-style:none;border-bottom:rgba(0,0,0,.25) 1px solid;}
#content .qna ul li .questions-toggle-item-title{position:relative;display:flex;padding:7px 0 5px;justify-content:space-between;transition:all 0.3s ease-in-out;align-items:center;cursor:pointer;
	font:450 16px/30px 'Montserrat';color:#222;
	}
#content .qna ul li .questions-toggle-item-title i{font-size:20px;transition:transform 0.3s ease-in-out;}
#content .qna ul li .questions-toggle-item-title:hover{color:#004aad;}
#content .qna ul li .questions-toggle-item-title.primary-color{color:#004aad !important;}
	
#content .qna ul li .hidden{display:none;padding:10px 0;border-top:rgba(0,0,0,.25) 1px dotted;font:400 16px/25px 'Montserrat', sans-serif;text-align:justify}
#content .qna ul li .hidden h1{font:500 20px/25px 'Montserrat', sans-serif;padding:5px 0;}
#content .qna ul li .hidden h2{font:500 19px/25px 'Montserrat', sans-serif;padding:5px 0;}
#content .qna ul li .hidden h3{font:500 18px/25px 'Montserrat', sans-serif;padding:5px 0;}
#content .qna ul li .hidden h4{font:500 17px/25px 'Montserrat', sans-serif;padding:5px 0;}
#content .qna ul li .hidden h5{font:500 16px/25px 'Montserrat', sans-serif;padding:5px 0;}
#content .qna ul li .hidden p,
#content .qna ul li .hidden div{padding:5px 0;}
#content .qna ul li .hidden a{}
#content .qna ul li .hidden a:hover{color:#f00;}
#content .qna ul li .hidden img{display:inline-block;vertical-align:top;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .qna ul li .hidden ul li{position:relative;list-style-type:none;margin:0 !important;padding:3px 0 3px 25px !important;border:none !important;}
#content .qna ul li .hidden ul li:before{position:absolute;top:3px;left:0;width:20px;height:20px;content:'';background:url('/images/global/service-check.svg');background-size:20px;}

/* START BOX HOME 1 */
#prin{display:block;margin:0;padding:0 0 35px;font:400 14px/20px 'Montserrat', serif;color:#000;}
#prin .floatBox{display:block;position:relative;height:1000px;overflow:hidden;}
#prin .boxContent{padding:0 0 60px;}
#prin .floatBox .text-center{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:0;}
#prin .floatBox .text-center .over{display:block;width:100%;height:50px;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	}
#prin .floatBox .text-center .link{display:block;width:100%;padding:0 0 6px;background: rgb(255,255,255);text-align:center;}
#prin .floatBox .text-center .link a{width:auto;background-color:#ff3131;display:inline-block;vertical-align:top;padding:5px 15px;
	font:450 13px/20px 'Montserrat', sans-serif;
	color:rgba(255,255,255,1);
	text-decoration:none;
	text-transform:uppercase;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.73);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.73);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.73);
	}
#prin .floatBox .text-center .link a:hover{background-color:#004aad;text-decoration:none;}

#budetail{width:100%;margin:0 auto;font:400 13px arial;color:#222;padding:10px 0 3px;}
blockquote, q { quotes: none; margin:0; padding:0 }
blockquote:before, blockquote:after, q:before, q:after { budetail: ''; budetail: none; }
#budetail .bigtext, #budetail .bigtext1 {display: block;overflow: hidden;color: #787878;}
#budetail .expand, #budetail .contract, #budetail .expand1, #budetail .contract1 {cursor: pointer;font-weight: bold;padding: 10px 0;text-align: center;color: #555;}
#budetail .expand:hover, #budetail .contract:hover, #budetail .expand1:hover, #budetail .contract1:hover {color: #121212;}
#budetail .hide {display: none;}
/* END TIN TỨC */

/* CHI TIẾT TIN TUC*/
#content .boxh{font:400 17px/28px 'Montserrat', sans-serif;text-align:justify}
#content .boxh.size17{font:400 17px/28px 'Montserrat', sans-serif;}
#content .boxh h1{font:600 30px/35px 'Montserrat', sans-serif;padding:10px 0;}
#content .boxh h2{font:600 28px/35px 'Montserrat', sans-serif;padding:10px 0;}
#content .boxh h3{font:600 24px/30px 'Montserrat', sans-serif;padding:10px 0;}
#content .boxh h4{font:600 22px/30px 'Montserrat', sans-serif;padding:10px 0;}
#content .boxh h5{font:600 20px/28px 'Montserrat', sans-serif;padding:10px 0;}
#content .boxh p,
#content .boxh div{padding:5px 0;}
#content .boxh a{}
#content .boxh a:hover{color:#f00;}
#content .boxh img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}

#content .boxh blockquote{background-color:#f2f2f2;margin:15px 0;padding:15px 25px;border-left:5px solid #7d1422;}

#content .boxh table{max-width:100%;margin:10px 0;border-collapse:collapse;}
#content .boxh table th{padding:3px 8px;border:#ababab 1px solid;font-weight:400;}
#content .boxh table td{padding:3px 8px;border:#ababab 1px solid;}

#content .boxh table.bangn th{padding:0;border:#ababab 0px solid;font-weight:400;}
#content .boxh table.bangn td{padding:0;border:#ababab 0px solid;}

#content .boxh table.bang2 td{width:50%;}
#content .boxh table.bang2n td{width:50%;padding:0;border:#ababab 0px solid;}

#content .boxh table.bang3 td{width:33.33333%;}
#content .boxh table.bang3n td{width:33.33333%;padding:0;border:#ababab 0px solid;}

#content .boxh table.bang4 td{width:25%;}
#content .boxh table.bang4n td{width:25%;padding:0;border:#ababab 0px solid;}

#content .boxh table.bang5 td{width:20%;}
#content .boxh table.bang5n td{width:20%;padding:0;border:#ababab 0px solid;}

#content .boxh ul{margin:5px 0;padding:0;list-style-type:square;}
#content .boxh ul li{list-style-type:square;margin:0 0 0 20px;padding:5px 0;}

#content .boxh ol{margin:5px 0;padding:0 0 0 30px;}

#content .boxh .youtube{padding:15px 0;}
#content .boxh .youtube .ytbox{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .boxh .youtube .ytbox iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

#content .boxh .video{padding:10px 0;}
#content .boxh .video p{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .boxh .video p iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

#content .boxh .genmap{display:block;width:100%;margin:0;padding:0;border:#ccc 2px solid;}
#content .boxh .genmap iframe{display:block;width:100%;height:500px;}

#content .boxh .khung1{width:100%;margin:0 0 15px;overflow-x:scroll;}
#content .boxh .khung1::-webkit-scrollbar {width:8px; height:8px;background:#f9f9f9;}
#content .boxh .khung1::-webkit-scrollbar-thumb {width:8px;background-color:#c1c1c1;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;}
#content .boxh .khung1::-webkit-scrollbar-track {padding:8px;}
#content .boxh .khung1 table{min-width:1000px;}

#content .boxh .video{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .boxh .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
#content .boxh .demuc{width:100%;min-width:60%;display:table;background:#f9f9f9;margin:0 0 15px;padding:10px 20px;border:rgba(0,0,0,.15) 1px solid;font:400 18px/25px 'Montserrat', serif;color:#222;}
#content .boxh .demuc p{padding:5px 0;}
#content .boxh .demuc ul{margin:5px 0;padding:0;list-style-type:none;}
#content .boxh .demuc ul li{margin:0;padding:5px 0;list-style-type:none;}
#content .boxh .demuc p.title{float:left;margin:0 0 10px;padding:5px 0;font:450 20px/30px 'Montserrat', serif;color:#222;text-transform:uppercase;}
#content .boxh .demuc p.h2{margin:0;padding:5px 0;font:400 16px/22px 'Montserrat', serif;color:#222;}
#content .boxh .demuc p.h3{margin:0;padding:5px 0 5px 20px;font:300 16px/22px 'Montserrat', serif;color:#222;}
/* END CHI TIẾT TIN TUC */

/* CHI TIẾT */
#content .detail{font:400 16px/25px 'Montserrat', sans-serif;text-align:justify}
#content .detail.size17{font:400 17px/28px 'Montserrat', sans-serif;}
#content .detail.size16{font:400 16px/25px 'Montserrat', sans-serif;}
#content .detail h1{font:450 22px/30px 'Montserrat', sans-serif;padding:10px 0;}
#content .detail h2{font:450 20px/30px 'Montserrat', sans-serif;padding:10px 0;}
#content .detail h3{font:450 19px/30px 'Montserrat', sans-serif;padding:10px 0;}
#content .detail h4{font:450 18px/25px 'Montserrat', sans-serif;padding:10px 0;}
#content .detail h5{font:450 17px/25px 'Montserrat', sans-serif;padding:10px 0;}
#content .detail p,
#content .detail div{padding:5px 0;}
#content .detail a{}
#content .detail a:hover{color:#f00;}
#content .detail img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}

#content .detail blockquote{background-color:#f2f2f2;margin:15px 0;padding:15px 25px;border-left:5px solid #7d1422;}

#content .detail table{max-width:100%;margin:10px 0;border-collapse:collapse;}
#content .detail table th{padding:3px 8px;border:#ababab 1px solid;font-weight:400;}
#content .detail table td{padding:3px 8px;border:#ababab 1px solid;}

#content .detail table.bangn th{padding:0;border:#ababab 0px solid;font-weight:400;}
#content .detail table.bangn td{padding:0;border:#ababab 0px solid;}

#content .detail table.bang2 td{width:50%;}
#content .detail table.bang2n td{width:50%;padding:0;border:#ababab 0px solid;}

#content .detail table.bang3 td{width:33.33333%;}
#content .detail table.bang3n td{width:33.33333%;padding:0;border:#ababab 0px solid;}

#content .detail table.bang4 td{width:25%;}
#content .detail table.bang4n td{width:25%;padding:0;border:#ababab 0px solid;}

#content .detail table.bang5 td{width:20%;}
#content .detail table.bang5n td{width:20%;padding:0;border:#ababab 0px solid;}

.giua{margin-left:auto !important;margin-right:auto !important}

#content .detail ul{margin:5px 0;padding:0;list-style-type:square;}
#content .detail ul li{list-style-type:square;margin:0 0 0 20px;padding:5px 0;}
#content .detail ul li p{padding:0;}

#content .detail ol{margin:5px 0;padding:0;}
#content .detail ol li{margin:0 0 0 20px;padding:5px 0;}

#content .detail .youtube{padding:15px 0;}
#content .detail .youtube .ytbox{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .detail .youtube .ytbox iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

#content .detail .video{padding:10px 0;}
#content .detail .video p{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .detail .video p iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

#content .detail .genmap{display:block;width:100%;margin:0;padding:0;border:#ccc 2px solid;}
#content .detail .genmap iframe{display:block;width:100%;height:500px;}

#content .detail .khung1{width:100%;margin:0 0 15px;overflow-x:scroll;}
#content .detail .khung1::-webkit-scrollbar {width:8px; height:8px;background:#f9f9f9;}
#content .detail .khung1::-webkit-scrollbar-thumb {width:8px;background-color:#c1c1c1;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;}
#content .detail .khung1::-webkit-scrollbar-track {padding:8px;}
#content .detail .khung1 table{min-width:1000px;}
/* END CHI TIẾT */

/* START BOX GEN FORM */
#content .genform{display:block;width:1200px;margin:0 auto;padding:45px 0;font:400 16px/25px 'Montserrat', sans-serif;text-align:justify}
#content .genform h1{font:450 22px/30px 'Montserrat', serif;color:#000;padding:5px 0;}
#content .genform h2{font:450 22px/30px 'Montserrat', serif;color:#000;padding:5px 0;}
#content .genform h3{font:450 22px/30px 'Montserrat', serif;color:#000;padding:5px 0;}
#content .genform h4{font:450 22px/30px 'Montserrat', serif;color:#000;padding:5px 0;}
#content .genform p,
#content .genform div{padding:5px 0;}
#content .genform a{color:#004e8a;text-decoration:none}
#content .genform a:hover{color:red;text-decoration:underline}
#content .genform ul{margin:5px 0 !important;padding:0 !important;list-style-type:square;}
#content .genform ul li{position:relative;list-style-type:none;margin:0 !important;padding:5px 0 5px 27px !important;border:none !important;}
#content .genform ul li:before{position:absolute;top:8px;left:0;width:17px;height:17px;content:'';background:url('/images/global/tick-2.png');}

#content .genmap{display:block;width:100%;margin:0;padding:0;border-top:#fff 5px solid;}
#content .genmap iframe{display:block;width:100%;height:450px;}
/* END BOX GEN FORM*/

#faq{}
#faq .title{margin:0;padding:10px 0;font:600 18px/25px 'Montserrat', serif;color:#000;}
#faq .item{margin:0;padding:0;}
#faq .item .question{position:relative;margin:0;padding:8px 20px;font:600 15px/20px 'Montserrat', serif;color:#000;cursor:pointer;}
#faq .item .question:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content:"\f059";
	position:absolute;top:11px;left:0;
}

#faq .item .answer{display:none;margin:0;padding:10px;}
#faq .item .answer .ansbox{margin:0;padding:0;font:400 14px/20px 'Montserrat', serif;color:#000;}

#faq .item .answer .ansbox h1{font:400 20px 'Montserrat', serif;color:#000;padding:5px 0;}
#faq .item .answer .ansbox h2{font:400 18px 'Montserrat', serif;color:#000;padding:5px 0;}
#faq .item .answer .ansbox h3{font:400 14px 'Montserrat', serif;color:#000;padding:5px 0;}
#faq .item .answer .ansbox p{font:400 14px/20px 'Montserrat', serif;color:#000;padding:5px 0;}
#faq .item .answer .ansbox div{font:400 14px/20px 'Montserrat', serif;color:#000;padding:5px 0;}
#faq .item .answer .ansbox a{font:400 14px 'Montserrat', serif;color:#000;font-style:italic;text-decoration:none}
#faq .item .answer .ansbox a:hover{font:400 14px 'Montserrat', serif;color:red;text-decoration:underline}
#faq .item .answer .ansbox img{max-width:100%;height:auto !important}
#faq .item .answer .ansbox table{max-width:100%;}
#faq .item .answer .ansbox td{padding:3px 5px;}
#faq .item .answer .ansbox .bang {margin:10px 0;border-collapse: collapse;}
#faq .item .answer .ansbox .bang td{padding:3px 5px;border:#ababab 1px solid;}
#faq .item .answer .ansbox .bang0 {margin:10;border-collapse: collapse;}
#faq .item .answer .ansbox .bang0 td{padding:0;border:#ababab 0px solid;}
#faq .item .answer .ansbox ul{margin:5px 0;padding:0;list-style-type:square;}
#faq .item .answer .ansbox ul li{list-style-type:square;margin:0 0 0 18px;padding:5px 0 5px 0;}

.overlay {
    background-color: rgba(0,0,0, 0.35);
	display:flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    align-items:center;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.overlay:hover {opacity: 1;}
.overlay div{display:block;width:100%;}
.overlay div p{display:block;width:100%;margin:0;padding:0 0 5px;font:400 20px/30px 'Montserrat', sans-serif;color:#fff;text-transform:uppercase}
.overlay div span{display:block;width:100%;text-align:center;}
.overlay div span span{background:#ee1c25;display:inline-block;width:auto;padding:5px 15px;font:400 13px/20px 'Montserrat', sans-serif;color:#fff;}
.overlay:before, .overlay:after {
    z-index: 3;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}
.overlay:before {
    z-index: 3;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}
.overlay:after {
    z-index: 3;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}
.overlay:hover::before, .overlay:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* END HINH ANH*/

/* FOOTER */
/* ===== FOOTER BOTTOM: left menu | center logo | right copyright ===== */
.footer-bottom{border-top:#c9a58170 1px solid;
  background:#000;
  padding:22px 0 40px;
}

.footer-bottom-inner{
  width:min(1140px, calc(100% - 40px));
  margin:0 auto;

  display:grid;
  grid-template-columns:1fr auto 1fr; /* trái | giữa | phải */
  align-items:center;
  column-gap:24px;
}

/* LEFT links */
.footer-links{
  display:flex;
  align-items:center;
  gap:26px;
}

.footer-links a{
  font-family:"Montserrat", sans-serif;
  font-weight:300;
  font-size:12px;
  letter-spacing:2.5px;
  text-transform:uppercase;

  color:rgba(255,255,255,.72);
  text-decoration:none;
  transition:color .25s ease, opacity .25s ease;
}
.footer-links a:hover{ color:#fff; opacity:1; }

/* CENTER logo */
.footer-brand{
  display:flex;
  justify-content:center;
}
.footer-brand img{
  height:54px;   /* chỉnh theo logo của bạn */
  width:auto;
  opacity:.9;
}

/* RIGHT copyright */
.footer-copy{
  text-align:right;
  font-family:"Montserrat", sans-serif;
  font-weight:300;
  font-size:12px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
}

/* ===== Responsive ===== */
@media (max-width: 900px){
  .footer-bottom-inner{
    grid-template-columns:1fr;
    row-gap:18px;
    text-align:center;
  }
  .footer-links{
    justify-content:center;
    flex-wrap:wrap;
    gap:18px;
  }
  .footer-copy{
    text-align:center;
  }
}

#navigation h1{font-size:20px;font-weight:400;height:30px;margin-bottom:10px}
#pnavigation h1{font:600 18px Montserrat, sans-serif;margin:10px 0 10px 0;text-transform: uppercase;color: #A94B97;}
#comming {width:100%;padding:80px 0;font:400 14px/22px Montserrat, sans-serif;color:#454545;text-align:center;}
#page-result{margin:0;font:600 18px Montserrat, sans-serif;color:#3b5998;}

#mainintro, #mainintro p, #mainintro h1, #mainintro h2{text-align:justify;line-height:18px}
#imgintro {width:710px;height:260px;border:none;outline:none}

#herrormsg {width:100%;padding:20px 0 0;font:400 12px/12px Montserrat;color:#fff;text-align:center;}
.herrormsg-title {width:100%;padding:20px 0 0;font:400 12px/12px Montserrat, sans-serif;color:#fff;text-align:center;}

#errormsg {width:100%;padding-top:50px;padding-bottom:50px;font:400 14px/22px Montserrat, sans-serif;color:#454545;text-align:center;}
#errormsg p{margin:0;padding:5px 0;font:400 14px/22px Montserrat, sans-serif;color:#454545;text-align:center;}
#errormsg p.xacminh{margin:0;padding:5px 0;font:400 14px/22px Montserrat, sans-serif;color:#454545;}
#errormsg p.xacminh a{font:400 14px/22px Montserrat, sans-serif;color:#00759c;}
#errormsg p.xacminh a:hover{color:#ff0000;}
#errormsg span{font:700 14px/22px Montserrat, sans-serif;color:#454545;}

#errormsgb{width:100%;padding:0;font:400 14px/22px Montserrat, sans-serif;color:rgba(255,255,255,.65);}
#errormsgb p{margin:0;padding:5px 0;font:400 14px/22px Montserrat, sans-serif;color:rgba(255,255,255,.65);}
#errormsgb p.xacminh{margin:0;padding:5px 0;font:400 14px/22px Montserrat, sans-serif;color:rgba(255,255,255,.65);}
#errormsgb p.xacminh a{font:400 14px/22px Montserrat, sans-serif;color:rgba(255,255,255,.65);}
#errormsgb p.xacminh a:hover{color:#fff;}
#errormsgb span{font:700 14px/22px Montserrat, sans-serif;color:rgba(255,255,255,.65);}

.errormsg-title {width:100%;padding:30px 0 10px;font:700 15px/22px Montserrat, sans-serif;color:#444;text-align:center;text-transform:uppercase}
.errormsg-error{margin:0;padding:5px 0;font:700 15px/22px Montserrat, sans-serif;color:#222;text-align:left;}
.errormsg-message{margin:0;padding:5px 0 30px;font:400 14px/22px Montserrat, sans-serif;color:#ff0000;text-align:left;}

#bookmsg {width:100%;font:400 14px/22px Montserrat, sans-serif;color:#454545;
    background: #fff;
    margin: 0 0 25px 0;
	padding:25px;
	text-align:center;
	overflow:hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	}
#bookmsg h2{margin:0;padding:5px 0;font:400 18px/22px Montserrat, sans-serif;color:#222;}
#bookmsg p{margin:0;padding:5px 0;font:400 18px/22px Montserrat, sans-serif;color:#454545;}
#bookmsg p b{font-weight:400}
#bookmsg p a{font:400 18px/22px Montserrat, sans-serif;color:#15639b;}
#bookmsg p a:hover{text-decoration:none}
#bookmsg p span{color:#15639b;}
#bookmsg div{margin:0;padding:5px 0;font:400 18px/22px Montserrat, sans-serif;color:#454545;}
#bookmsg div span{display:inline-block;background:#000;padding:6px 15px 4px;font:400 20px/22px Montserrat, sans-serif;color:#15639b;}

#bookmsg iframe{position:initial !important;top:auto !important;left:auto !important;width:auto !important;height:auto !important;}

#mainlink{padding:35px 0;text-align:center;}
#mainlink a{display:inline-block;background:rgba(0,0,0,0);margin:0px 5px;padding:3px 0;cursor:pointer;border-radius:50%;overflow:hidden;
	font:400 18px/30px Montserrat, sans-serif;color:#222;
	min-width:36px;
    text-align:center;
	text-decoration:none;
	}
#mainlink a:hover{background:#7d1422;color:#fff;}
#mainlink a.active{display:inline-block;background:#7d1422;margin:0 5px;padding:3px 0;cursor:pointer;
	font:400 18px/30px Montserrat, sans-serif;color:#fff;
	min-width:36px;
    text-align:center;
	text-decoration:none;
	}
#mainlink a.active:hover{text-decoration:none;}

/* START MANG XH */
a.vs-social-link-t{display:inline-block;vertical-align:top;margin:0 0 0 20px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.vs-social-link-t i{font-size:18px;display:block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.vs-social-link-t{color:#fff;}
a.vs-social-link-t i{color: #fff;}
a.vs-social-link-t:hover{color:#ddb60f;}
a.vs-social-link-t:hover i{color:#ddb60f;}

a.vs-social-link {
	width:32px;
	display: inline-block;
	vertical-align:top;
	text-align: center;
	margin:0 4px 0 0;
	border:rgba(255,255,255,.85) 2px solid;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a.vs-social-link i {
	font-size:18px !important;
	color:rgba(255,255,255,.85);
	margin:0;
	padding:5px 0 !important;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a.vs-social-link:last-child{margin:0;}
a.vs-social-link:hover{border:rgba(33,150,245,1) 2px solid;}
a.vs-social-link:hover i{color:rgba(33,150,245,1);}
/* END MANG XH */

#top {
    position: fixed;
    bottom:18px;
    left:18px;
    background:#7d1422;
    font:400 14px/40px Montserrat;
	text-transform:uppercase;
	text-align:center;
	color:rgba(255,255,255,.55);
	text-decoration: none;
    padding:0;
	width:40px;
	height:40px;
    display: none;
    z-index: 9999;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	overflow:hidden;
}
#top img{display:block;width:32px;border:none;}
#top:hover{background:#7d1422;color:#fff;}

.fone {
    color: #ff0;
    font:600 18px/30px 'Montserrat', serif;
    padding:0 15px 0 50px;
    margin:3px 0;
}
.fone:hover{color:#fff;}
.fix_tel {position:fixed;bottom:10px;left:10px;z-index:999;}
.fix_tel a {text-decoration: none; display:block;}
.tel {background:#f00;width:auto;position:relative;overflow:hidden;border-radius:40px;border:solid 1px #f00;}
.ring-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: absolute;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important;
}
.ring-alo-phone.ring-alo-show {
    visibility: visible;
}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
    opacity: 1;
}
.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: 0.1;
    position: absolute;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #baf5a7;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
}
.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 0.1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 30px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}

.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 0px solid transparent;
    border-radius: 100%;
    height: 40px;
    left: 25px;
    opacity: 1;
    position: absolute;
    top: 25px;
    transform-origin: 50% 50% 0;
    width: 40px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: #f00;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #f68121;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #f00;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
}
@keyframes ring-alo-circle-anim {
	0% {
	    opacity: 0.1;
	    transform: rotate(0deg) scale(0.5) skew(1deg);
	}
	30% {
	    opacity: 0.5;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	100% {
	    opacity: 0.6;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}

@keyframes ring-alo-circle-img-anim {
	0% {
	    transform: rotate(0deg) 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(0deg) scale(1) skew(1deg);
	}
	100% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes ring-alo-circle-fill-anim {
	0% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	50% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
	.ring-alo-ph-img-circle a img {
	    padding: 2px 0 0 2px;
	    width: 38px;
	    position: relative;
	    top: -1px;
	}

/* Khung TOC */
.toc{
  border:1px solid #eee;
  border-radius:8px;
  background:#fafafa;
  margin:12px 0;
  padding:12px;
}

.toc .toc-title{font:450 18px/30px 'Montserrat', serif;color:#222;text-transform:uppercase;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:0 0 8px 0;
}

.toc .toc-toggle{
  appearance:none;
  border:0;
  background:transparent;
  color:#0073aa;
  text-decoration:underline;
  font:500 13px/1 system-ui, -apple-system, "Segoe UI", Montserrat, Arial, sans-serif;
  cursor:pointer;
  padding:2px 4px;
}

.toc .toc-body{
  overflow:hidden;
  transition:height 220ms ease, opacity 160ms ease;
}

.toc.is-collapsed .toc-body{
  height:0 !important;
  opacity:0;
  margin-top:0 !important;
}

.toc ol{ margin:5px !important;padding:0 !important; list-style: none !important;}
.toc li{ line-height:1.4; margin:2px 0; list-style: none !important;}
.toc .toc-level-2 a{margin:0;padding:5px 0;font:400 16px/22px 'Montserrat', serif;text-decoration:none;}
.toc .toc-level-3 a{margin:0;padding:5px 0;font:300 16px/22px 'Montserrat', serif;text-decoration:none;}
.toc .toc-level-4 a{margin:0;padding:5px 0;font:300 16px/22px 'Montserrat', serif;text-decoration:none;}
	
.toc a:hover{color:#f00;}
.toc a.active{color:#f00;}

/* ========== START FLOATING SHAKING PROMO BOX ========== */
.promo-bubble{
    position:fixed; right:22px; bottom:160px; z-index:9998;
    width:150px; max-width:40vw; aspect-ratio:1/1;
    display:none; opacity:0; transform:scale(.9);
    filter:drop-shadow(0 10px 24px rgba(0,0,0,.25));
    transition:opacity .4s ease, transform .4s ease;
	}
.promo-bubble.show{display:block; opacity:1; transform:scale(1);}
.promo-bubble .promo-link{display:block; width:100%; height:100%; position:relative;animation: promo-shake-pause 3s ease-in-out infinite;}
.promo-bubble:hover .promo-link{ animation-play-state:paused; }
.promo-bubble img{width:100%; height:100%; object-fit:cover; display:block;transform:translateZ(0);}
.promo-bubble .promo-close{
    position:absolute; right:-6px; top:-6px;
    width:26px; height:26px; border-radius:50%;
    border:none; cursor:pointer; color:#fff; font-weight:700;
    background:#7d1422; line-height:1; display:grid; place-items:center;
    box-shadow:0 4px 12px rgba(0,0,0,.25);
    transition:transform .15s ease;
	}
.promo-bubble .promo-close:hover{ transform:scale(1.05); }
.promo-bubble.hide{animation:none; opacity:0; visibility:hidden;transition:opacity .2s ease, visibility .2s ease;}
@keyframes promo-shake-pause{
    0%   { transform:translateY(0) rotate(0deg); }
    2%   { transform:translate(-2px,-4px) rotate(-6deg); }
    4%   { transform:translate( 2px,-3px) rotate( 6deg); }
    6%   { transform:translate(-3px, 0px)  rotate(-5deg); }
    8%   { transform:translate( 3px, 1px)  rotate( 5deg); }
    10%  { transform:translate(-2px, 0px)  rotate(-3deg); }
    12%  { transform:translate( 2px, 0px)  rotate( 3deg); }
    13%  { transform:translate(0,0) rotate(0deg); }
    100% { transform:translate(0,0) rotate(0deg); }
  	}
@media (max-width:576px){
    .promo-bubble{ width:120px; right:14px; bottom:96px; }
    @keyframes promo-shake-pause{
      0%   { transform:translateY(0) rotate(0deg); }
      2%   { transform:translate(-1px,-3px) rotate(-5deg); }
      4%   { transform:translate( 1px,-2px) rotate( 5deg); }
      6%   { transform:translate(-2px, 0)   rotate(-4deg); }
      8%   { transform:translate( 2px, 1px) rotate( 4deg); }
      10%  { transform:translate(-1px, 0)   rotate(-2deg); }
      12%  { transform:translate( 1px, 0)   rotate( 2deg); }
      13%  { transform:translate(0,0) rotate(0deg); }
      100% { transform:translate(0,0) rotate(0deg); }
	  }
	}
/* ========== END FLOATING SHAKING PROMO BOX ========== */

/* ========== START FLOAT CONTACT BUTTON + MENU + POPUPS ========== */
.fm-wrap{position:fixed;right:18px;bottom:18px;z-index:9999;font-family:Montserrat,Arial,sans-serif;}
.fm-toggle{
  width:60px;height:60px;border-radius:50%;border:0;outline:0;cursor:pointer;
  display:grid;place-items:center;color:#fff;background:#7d1422;position:relative;
  box-shadow:0 10px 28px rgba(0,0,0,.22);transition:transform .2s ease,background .2s ease;
  overflow:hidden;
}
.fm-toggle:hover{background:#7d1422;transform:translateY(-2px);}
.fm-toggle img#fmIcon{
  position:absolute;inset:0;margin:auto;width:28px;height:28px;object-fit:contain;
  z-index:1;transition:opacity .25s ease, transform .25s ease;
}
.fm-toggle img.hide{opacity:0;}
.fm-toggle .bar{
  position:absolute;left:50%;top:50%;width:24px;height:2px;background:#fff;border-radius:2px;
  transform:translate(-50%,-50%);transition:transform .25s ease,opacity .2s;z-index:2;
}
.fm-toggle .bar:nth-of-type(1){transform:translate(-50%,-50%) translateY(-8px);}
.fm-toggle .bar:nth-of-type(2){transform:translate(-50%,-50%);}
.fm-toggle .bar:nth-of-type(3){transform:translate(-50%,-50%) translateY(8px);}
.fm-wrap .bar{display:none;}
.fm-wrap.open .bar{display:block;}
.fm-wrap.open .fm-toggle img#fmIcon{opacity:0;transform:scale(.9);}
.fm-wrap.open .fm-toggle .bar:nth-of-type(1){transform:translate(-50%,-50%) rotate(45deg);}
.fm-wrap.open .fm-toggle .bar:nth-of-type(2){opacity:0;}
.fm-wrap.open .fm-toggle .bar:nth-of-type(3){transform:translate(-50%,-50%) rotate(-45deg);}
.fm-toggle::before,.fm-toggle::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(242,124,0,.4);animation:pulse 2s infinite;z-index:0;}
.fm-toggle::after{animation-delay:1s;}
@keyframes pulse{
  0%{transform:scale(1);opacity:1;}
  100%{transform:scale(1.8);opacity:0;}
}
.fm-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.25);backdrop-filter:blur(1px);opacity:0;visibility:hidden;transition:.2s;z-index:9998;}
.fm-backdrop.show{opacity:1;visibility:visible;}
.fm-menu{
  position:absolute;right:0;bottom:70px;width:260px;max-width:90vw;background:#fff;border-radius:14px;
  box-shadow:0 12px 36px rgba(0,0,0,.25);overflow:hidden;transform:translateY(10px);
  opacity:0;visibility:hidden;transition:.25s ease;
}
.fm-wrap.open .fm-menu{transform:none;opacity:1;visibility:visible;}
.fm-head{padding:10px 14px;font-weight:450;color:#fff;background:#7d1422;}
.fm-list{list-style:none;margin:0;padding:6px;}
.fm-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;color:#0b2239;text-decoration:none;transition:background .15s ease;}
.fm-item:hover{background:#fff4e8;}
.fm-ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;padding:10px;}
.fm-ico img{width:20px;height:20px;border-radius:50%;border:none;}
.ico-call{background:#7d1422;}
.ico-green{background:#22c55e;}
.ico-zalo{background:#2563eb;}
.ico-phone{background:#f00;}
.ico-facebook{background:#006aff;}
.fm-txt{display:flex;flex-direction:column;}
.fm-txt b{font-weight:450;font-size:14px;line-height:1.2;}
.fm-txt small{color:#64748b;font-size:12px;}
.popup{position:fixed;inset:0;display:grid;place-items:center;z-index:10000;visibility:hidden;opacity:0;transition:.2s;}
.popup.show{visibility:visible;opacity:1;}
.popup .mask{position:absolute;inset:0;background:rgba(0,0,0,.45);}
.popup .box{position:relative;width:min(92vw,460px);background:#fff;border-radius:16px;box-shadow:0 12px 36px rgba(0,0,0,.25);overflow:hidden;transform:translateY(8px);transition:.25s ease;}
.popup.show .box{transform:none;}
.pop-head{padding:18px 22px 0;display:flex;gap:12px;align-items:center;}
.pop-logo{width:52px;height:52px;border-radius:14px;background:#fff2e6;display:grid;place-items:center;color:#7d1422;font-size:22px;font-weight:700;}
.pop-title{font-weight:700;font-size:22px;color:#0f172a;}
.pop-desc{padding:6px 22px 14px;color:#444;font-size:14px;}
.pop-close{position:absolute;right:12px;top:10px;width:30px;height:30px;border:0;background:none;color:#7d1422;font-size:22px;cursor:pointer;}
.pop-body{padding:0 22px 16px;}
.pop-body input,.pop-body select,.pop-body textarea{width:100%;border:1px solid #d5dbe0;border-radius:8px;padding:11px 13px;margin-bottom:10px;font:500 14px/1.4 Montserrat,Arial;outline:none;transition:border-color .15s,box-shadow .15s;}
.pop-body input:focus,.pop-body select:focus,.pop-body textarea:focus{border-color:#7d1422;box-shadow:0 0 0 3px rgba(242,124,0,.2);}
.pop-body textarea{min-height:100px;resize:vertical;}
.pop-foot{display:flex;align-items:center;gap:14px;padding:12px 22px 18px;background:#fff5eb;justify-content:space-between;}
.btn-primary{border:0;background:#7d1422;color:#fff;padding:10px 18px;border-radius:22px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(242,124,0,.3);transition:transform .15s,background .15s;}
.btn-primary:hover{background:#d96f00;transform:translateY(-1px);}
.pop-foot .hotline{font-size:14px;color:#475569;}
.pop-foot .hotline a{color:#7d1422;text-decoration:none;font-weight:700;}
/* ========== END FLOAT CONTACT BUTTON + MENU + POPUPS ========== */

@media (max-width:1280px){

	header .box{width:98%;grid-template-columns:auto 1fr 50px;gap:25px;}
	
	.hero-swiper .swiper-slide .swiper-text .ibox,
	.benefit-swiper,
	#content div.home ul li.quytrinh section,
	#content div.home ul li.lydo section,
	#content div.home ul li.bieumau section,
	#content div.home ul li.tintuc section,
	#content div.home ul li.ykien section,
	#content div.home ul li.doitac section,
	#content div.home ul li.baochi section,
	footer .box,
	footer .box,
	#content .conbox,
	#navi .box-breadcrumb,
	#content .topcon,
	#content .genform,
	#content ul.gt li.gt0 .box,
	#content ul.gt li.gt1 .box,
	#content ul.gt li.gt21 .box,
	#content ul.gt li.gt2 .box,
	#content ul.gt li.gt22 .box,
	#content ul.gt li.gt3 .box,
	#content ul.gt li.gt4 .box,
	#content ul.gt li.gt5 .box,
	#content ul.gt li.gt6 .box,
	#content ul.gt li.gt7 .box,
	#content ul.gt li.gt8 .box,
	#content ul.gt li.gt9 .box,
	#content div.home ul li.overview .obox,
	#content div.home ul li.gallery section,
	#content div.home ul li.dichvu section,
	#content div.home ul li.kinhnghiem section,
	#content .groupsp{width:94%}
	
	#content div.home ul li.codong section{width:100%}
	#content div.home ul li.codong section .head{width:94%;}
	#content div.home ul li.codong section .obox .investor-box{max-width:94%}
	
}

@media (max-width:1024px){

	header .box{position:relative;width:100%;grid-template-columns:auto 1fr 50px;gap:25px;padding:10px 2%;}
	header .box .logo{position:relative;z-index:999;}
	header .box .logo img{height:60px;}
	header .box .hmnu{position:absolute;bottom:0;left:0;right:0;z-index:998;}

	header .box .search-toggle{right:80px;bottom:20px;}

	#boxanh,
	#bananh{padding:80px 0 0;}
	
	#content .conbox .album ul{grid-template-columns: repeat(3, minmax(0, 1fr));gap:15px;}

	#content div.home ul li.overview1 section .obox ul{grid-template-columns:repeat(1, minmax(0, 1fr));}
	#content div.home ul li.overview1 section .obox ul li:nth-child(odd) .card{flex-direction:row;}
	#content div.home ul li.overview1 section .obox ul li:nth-child(even) .card{flex-direction:row-reverse;}

	#content div.home ul li.codong section .obox .investor-box{flex-direction:column;}
	
}

@media (max-width:900px){

	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box{width:80%}

	#content div.home ul li.lydo section .obox ul{grid-template-columns: repeat(2, minmax(0, 1fr));gap:15px;}

	footer .box .mid{column-gap:25px;flex-direction: column;}
	footer .box .mid .left{width:100%;}
	footer .box .mid .right{width:100%;}
	footer .box .mid .right .head{padding:15px 0 10px;}
	
	footer .box .mid .left ul{grid-template-columns:repeat(3, 1fr);gap:15px;}
	footer .box .mid .left ul li.first{grid-column:1/-1;padding:0;}
	footer .box .mid .left ul li .head{padding:0 0 10px;}
	
}

@media (max-width:768px){
	
	#content div.home ul li.lydo section .obox ul{grid-template-columns: repeat(2, minmax(0, 1fr));gap:15px;}

	#navi .box-breadcrumb{overflow-x:scroll;}
	#navi .box-breadcrumb::-webkit-scrollbar {width:6px; height:6px;background:#f9f9f9;}
	#navi .box-breadcrumb::-webkit-scrollbar-thumb {width:6px;background-color:#c1c1c1;-webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px;}
	#navi .box-breadcrumb::-webkit-scrollbar-track {padding:6px;}	
	#navi .box-breadcrumb ul{white-space:nowrap;}
	#navi .box-breadcrumb ul li{font:400 14px/30px 'Montserrat', sans-serif;}

	#content .conbox{row-gap:25px;flex-direction:column;}
	#content .conbox .cleft{width:100%;}
	#content .conbox .cright{width:100%;}

	#content .conbox .list ul,
	#content .conbox .list-search ul{gap:15px;}
	
	#content .conbox .album ul{grid-template-columns: repeat(2, minmax(0, 1fr));gap:15px;}

	#content div.home ul li.linhvuc section .obox ul{grid-template-columns:repeat(1, minmax(0, 1fr));}
	#content div.home ul li.linhvuc section .obox ul li .card{display: flex;align-items: center;}
	#content div.home ul li.linhvuc section .obox ul li:nth-child(odd) .card{flex-direction:row;}
	#content div.home ul li.linhvuc section .obox ul li:nth-child(even) .card{flex-direction:row-reverse;}

	#content div.home ul li.dichvu section .obox ul,
	#content .conbox .gdichvu ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
	
	footer .box .hotline{width:100%;overflow-x:scroll;}
	footer .box .hotline::-webkit-scrollbar {width:6px; height:6px;background:#f9f9f9;}
	footer .box .hotline::-webkit-scrollbar-thumb {width:6px;background-color:#c1c1c1;-webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px;}
	footer .box .hotline::-webkit-scrollbar-track {padding:6px;}	
	footer .box .hotline ul{display:flex;column-gap:25px;white-space:nowrap;}
	footer .box .hotline ul li{width:auto;}
	
}

@media (max-width:640px){

  .hero-swiper{
    /*height: calc(100vh - 85px);*/
    aspect-ratio: auto;
  }

  /* Xếp dọc: text trước, xe sau */
  .hero-swiper .swiper-slide{
    display: flex;
    flex-direction: column;      /* text -> car */
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
  }

  /* Khối text: căn giữa, max-width thoáng */
  .hero-swiper .swiper-slide .swiper-text{
    position: static !important;
    order: 1;                    /* text đứng trước */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hero-swiper .swiper-slide .swiper-text .ibox{
    max-width: 92vw;             /* bề ngang vùng chữ */
    padding: 0;                  /* bỏ padding phải desktop */
    text-align: center;          /* chữ căn giữa */
  }

  /* Ảnh xe: đưa xuống dưới, bỏ absolute, chiếm 80% bề ngang màn hình */
  .hero-swiper img.car{
    position: static !important; /* bỏ right/bottom/absolute của desktop */
    order: 2;                    /* xe sau text */
    width: 80vw;                 /* 80% độ ngang màn hình */
    max-width: 640px;            /* tuỳ chọn: chặn trần */
    height: auto;
    margin-top:25px;
    transform: none !important;  /* tránh bị đẩy ra khỏi khung */
    opacity: 1 !important;
    object-fit: contain;
  }

  /* Ảnh nền/slide khác trong hero: phủ đủ vùng */
  .hero-swiper .swiper-slide > img:not(.car){
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* (tùy chọn) hiệu ứng nhẹ khi xe xuất hiện trên mobile */
  body.is-loaded .hero-swiper .swiper-slide-active img.car{
    animation: car-in-mobile 800ms ease-out 80ms both;
  }
  @keyframes car-in-mobile{
    from{ transform: translateY(24px); opacity: 0; }
    to  { transform: translateY(0);    opacity: 1; }
  }

	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .hero-buttons{padding:15px 0;
    display: flex;
    align-items: center;           /* căn giữa ngang */
    justify-content: center;
    gap: 12px;                     /* khoảng cách giữa hai nút */
    width: 100%;	
		}
	
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box{width:100%;}
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box{text-align:center;}
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail h1{padding:0 0 15px;font:450 28px/35px Montserrat;}
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail h1 span{font:450 28px/35px Montserrat !important;}
	
	/*.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-title{padding:0 0 10px;font: 400 12px/22px Montserrat;}
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail h1{padding:0 0 15px;font:450 22px/28px Montserrat;}
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail h1 span{font:450 22px/28px Montserrat !important;}
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail p{display:none;}*/
	
	#content div.home ul li.bieumau section{grid-template-columns: repeat(1, minmax(0, 1fr));gap:25px;}
	
	#content .bantab1{width:100%;margin: 0 0 25px;padding:0;overflow-x:scroll;}
	#content .bantab1::-webkit-scrollbar {width:6px; height:6px;background:#f9f9f9;}
	#content .bantab1::-webkit-scrollbar-thumb {width:6px;background-color:#c1c1c1;-webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px;}
	#content .bantab1::-webkit-scrollbar-track {padding:6px;}	
	#content .bantab1 ul{white-space:nowrap;}
	
	#content .bantab2{width:100%;margin: 0 0 25px;padding:0;overflow-x:scroll;}
	#content .bantab2::-webkit-scrollbar {width:6px; height:6px;background:#f9f9f9;}
	#content .bantab2::-webkit-scrollbar-thumb {width:6px;background-color:#c1c1c1;-webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px;}
	#content .bantab2::-webkit-scrollbar-track {padding:6px;}	
	#content .bantab2 ul{white-space:nowrap;}
	
	#content .conbox .lanhdao ul,
	#content .conbox .nhansu ul{grid-template-columns: repeat(2, minmax(0, 1fr));gap:15px;}
	
	#content div.home ul li.overview .obox .ovbox{gap:35px;}
	#content div.home ul li.overview .obox .ovbox .info{width:100%;}
	#content div.home ul li.overview .obox .ovbox .thumb{display:none;}
	
}

@media (max-width:580px){

	#content div.home ul li.overview1 section .head{padding:0 0 10px;}
	#content div.home ul li.overview1 section .obox ul li:nth-child(odd) .card,
	#content div.home ul li.overview1 section .obox ul li:nth-child(even) .card{flex-direction:column;}
	#content div.home ul li.overview1 section .obox ul li .info{flex:0 0 100%;max-width:100%;padding:15px;}
	#content div.home ul li.overview1 section .obox ul li .info .icon{display:none}
	#content div.home ul li.overview1 section .obox ul li .thumb{flex:0 0 100%;max-width:100%;}
	#content div.home ul li.overview1 section .obox ul li .thumb img{aspect-ratio:6/4;}

	#content div.home ul li.overview1 section .obox ul li .card:hover .info{background:none;color:#222;}
	#content div.home ul li.overview1 section .obox ul li .card:hover .info .title h3 a,
	#content div.home ul li.overview1 section .obox ul li .card:hover .info .desc a{color:#222;}
	
	#content div.home ul li.overview1 section .head h2,
	#content div.home ul li.quytrinh section .head h2,
	#content div.home ul li.lydo section .head h2,
	#content div.home ul li.bieumau section .head h3,
	#content div.home ul li.tintuc section .head h2,
	#content div.home ul li.ykien section .head h3,
	#content div.home ul li.doitac section .head h2,
	#content div.home ul li.bieumau section .head h2,
	#content div.home ul li.gallery section .head h2,
	#content div.home ul li.linhvuc section .head h1,
	#content div.home ul li.dichvu section .head h2{font:450 25px/30px 'Montserrat', sans-serif;}
	
	#content .topin .info h1,
	#content .conbox .lanhdao .head,
	#content .conbox .nhansu .head{font:450 25px/25px 'Montserrat', sans-serif;}

	#content div.home ul li.doitac section .head h3,
	#content div.home ul li.baochi section .head h3{font:450 25px/30px 'Montserrat', sans-serif;}
	
	#content div.home ul li.overview1 section .head,
	#content div.home ul li.quytrinh section .head,
	#content div.home ul li.lydo section .head,
	#content div.home ul li.bieumau section .head,
	#content div.home ul li.tintuc section .head,
	#content div.home ul li.ykien section .head,
	#content .topin .info{font:400 15px/22px 'Montserrat', sans-serif;}
	
	#navi .box-breadcrumb ul li{font:400 12px/30px 'Montserrat', sans-serif;}

	#content .groupsp ul{grid-template-columns: repeat(1, minmax(0, 1fr));}
	#content .conbox .list ul li .card{flex-direction:column;}
	#content .conbox .list ul li .card .thumb {flex: 100%;max-width: 100%;}
	#content .conbox .list ul li .card .info .desc{display:none;}
	
	#content .author .wtit .thumb{width:80px;height:80px;}
	#content .author .wtit .name a{font:400 16px/25px 'Montserrat', sans-serif;}
	#content .author .wtit .name span{font:400 15px/20px 'Montserrat', sans-serif;}
	#content .author .wbox {font:400 15px/25px 'Montserrat', sans-serif;}

	#content .lienhe .wbox{font:400 15px/25px 'Montserrat', sans-serif;}
	#content .lienhe .wbox h3{font:450 20px/30px 'Montserrat', serif;}
	
	#content .qna .title span {font:450 20px/30px Montserrat, sans-serif;}
	#content .qna ul li .questions-toggle-item-title{font:450 15px/25px 'Montserrat';}
	
	#content .conbox .feel .stitle div span{font:450 20px/30px Montserrat, sans-serif;}
	
	#content div.home ul li.dichvu section .obox ul,
	#content .conbox .gdichvu ul{grid-template-columns: repeat(1, minmax(0, 1fr));}
	
	#content .error404 .img img{max-width:90%;}
	
	#content div.home ul li.linhvuc section .obox ul li .info{padding:0 15px;}
	#content div.home ul li.linhvuc section .obox ul li .info .text .title h3{font:450 16px/22px Montserrat;}
	#content div.home ul li.linhvuc section .obox ul li .info .text .desc{font:400 15px/22px Montserrat;}

	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-title{padding:0 0 8px;font:400 12px/18px Montserrat;}
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail{font:400 14px/20px Montserrat;}
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail h1{padding:0 0 8px;font:450 18px/25px Montserrat;}
	
}

@media (max-width:480px){

	/*.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail h1{padding:0 0 15px;font:450 italic 18px/28px Montserrat;}
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail h1 span{font:450 italic 18px/28px Montserrat !important;}
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .hero-buttons{display:none;}*/
	
	#content div.home ul li.lydo section .obox ul{grid-template-columns: repeat(1, minmax(0, 1fr));gap:15px;}
	
	#content div.home ul li.overview .obox .ovbox{background:none;border:none;row-gap:25px;flex-direction:column;}
	#content div.home ul li.overview .obox .ovbox .thumb{width:80%;margin:0 auto;}
	#content div.home ul li.overview .obox .ovbox .info{width:100%;}
	
	#content div.home ul li.codong section .obox .investor-box .investor-left{flex-direction:column;}
	#content div.home ul li.codong section .obox .investor-box .investor-left .inv-price{width:100%;}
	#content div.home ul li.codong section .obox .investor-box .investor-left .inv-price .inv-email{padding:0 0 15px;}
	#content div.home ul li.codong section .obox .investor-box .investor-left .inv-meta{width:100%;}
	
	#content div.home ul li.codong section .obox .investor-box .investor-right ul li a .inv-row-meta{display:none}

	#content div.home ul li.dichvu section .head h2{font:450 25px/30px 'Montserrat', sans-serif;}
	
	footer .box .mid{padding: 25px 10px;}
	footer .box .mid .left ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
}

@media (max-width:420px){

	#content .conbox .list ul,
	#content .conbox .list-search ul{grid-template-columns: repeat(1, minmax(0, 1fr));}	
	
	#content .conbox .album ul{grid-template-columns: repeat(1, minmax(0, 1fr));gap:15px;}
	
}

@media (max-width:400px){

	#content div.home ul li.overview1 section .tuvan-buttons .btn{padding:10px 12px;min-width:140px;}
	
}

@media (max-width:380px){

	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .hero-buttons{padding:15px 0;
    display: flex;
    flex-direction: column;        /* xếp dọc hai nút */
    align-items: center;           /* căn giữa ngang */
    justify-content: center;
    gap: 12px;                     /* khoảng cách giữa hai nút */
    width: 100%;	
		}
	
}