@import url('/global/globalico.css');
@font-face {
    font-family: 'BeauSans';
    src: local('BeauSans Font'),
         url('/font/BT-BeauSans-Regular.woff2') format('woff2'),
         url('/font/BT-BeauSans-Regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

html,*{margin:0;padding:0}
body{color:#222;font:400 18px/25px BeauSans, 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;}
/* ========== MENU CHINH ========== */
.menu{display:inline-block;vertical-align:top;margin:0 auto;}
.menu ul, .menu ol{margin:0;padding:0;list-style:none;}
.menu ul{/*position:relative;*/}
.menu ul li{float:left;position:relative;text-align:left;}
.menu ul li.tmnu{display:none;}
.menu > ul > li a{display:block;position:relative;margin:0 20px;padding:5px 0;background:transparent;cursor:pointer;
	font:bold 15px/20px BeauSans, sans-serif;
	color:#fff;
	text-decoration:none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}

/* ========== HOVER & ACTIVE TOP MENU ========== */
.menu ul li:hover > a,
.menu ul li a:active,
.menu ul li.active a:active,
.menu > ul > li a:hover,
.menu > ul > li.current-menu-item > a,
.menu > ul > li.current-menu-ancestor > a {
    color: #d2b06f;
}

.menu ul > li i{padding-right:8px;font-size:15px;}
.menu ul > li i.mmn{display:none;position:absolute;right:0;top:0;padding:0;}
.menu ul li:last-child ul,
.menu ul li.right ul{right:0;}
.menu ul li.right ul ul{right:100%;left:auto;}
.menu ul li.right ul li:hover ul{right:100%;left:auto;top:0px;}

/* ========== DROPDOWN ========== */
.menu ul ul,
.menu .mega_menu {
    position: absolute;
    top:70px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 997;
    background:#000;
	padding:15px 25px;
    min-width: 220px;
    border:2px solid #d2b06f;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/* ========== MEGA MENU ========== */
.menu .mega_menu{}

/* ========== MŨI TÊN TAM GIÁC ========== */
nav.menu ul li ul.smn {}
nav.menu ul li ul.smn::before {
    content: "";
    position: absolute;
    top: -9px;
    left: 30px;
    width: 14px;
    height: 14px;
    background: #000;
    border-left:2px solid #d2b06f;
    border-top:2px solid #d2b06f;
    transform: rotate(45deg);
    z-index: 10;
}

/* ========== MỞ DROPDOWN KHI HOVER ========== */
.menu ul li:hover > ul,
.menu ul li:hover .mega_menu {
    top:calc(100% + 9px);
    visibility: visible;
    opacity: 1;
}

/* ========== LINKS TRONG DROPDOWN ========== */
.menu ul ul li{float:none;position:relative;}
.menu ul ul li a {
    display: block;
    position: relative;
    background:none;
    min-width: 220px;
    height: auto;
    margin: 0;
    padding:10px 0;
    font: 400 15px/30px BeauSans, sans-serif;
    color: #ccc;
    text-transform: none;
    border: none;
    border-bottom:#333 1px solid;
    white-space: nowrap;
    border-radius: 0;
    transition: all 0.3s ease;
}
.menu ul ul li a::after{display:none;}
.menu ul ul li:last-child a{border-bottom:none;}
.menu ul ul li a i{position:absolute;right:12px;}

/* ========== HOVER DROPDOWN ITEM ========== */
.menu ul ul li:hover > a{padding-left:10px;}

/* ========== DROPDOWN LVL 2,3,4 ========== */
.menu ul ul ul li:first-child a{}
.menu ul ul ul{
    left:100%;
    top:0;
    box-shadow: 2px 2px 6px rgba(50,50,50,.1);
    border: 1px solid #eee;
    border-top: 2px solid #d2b06f;
}
.menu ul ul li:hover ul{left:100%;top:0px;}
.menu ul ul ul li a{border-bottom:solid 1px #eee !important;}
.menu ul ul ul li:last-child a{border-bottom:none !important;}

/* ========== MEGA MENU LINKS ========== */
.menu .mega_menu a{}
.menu .mega_menu a:hover{color:#d2b06f;}

/* ========== HAMBURGER BUTTON ========== */
.menu input#dropdown, .menu label{
    display:none;
    position:absolute;
    bottom:15px;
    right:1%;
    width:50px;
    height:50px;
    background:rgba(255,255,255,.85);
    border:#a72c9a 1px solid;
    border-radius:50%;
    -webkit-transition: all ease .3s;
    transition: all ease .5s;
}
.menu label::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 rgba(242,124,32,1);
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0%   { transform: scale(1);   opacity: 0.8; }
    70%  { transform: scale(1.5); opacity: 0;   }
    100% { transform: scale(1);   opacity: 0;   }
}
.menu label:hover { transform: scale(1.1); }
.menu input#dropdown{opacity:0;}
.menu label{z-index:999;}
.menu label i{
    position:absolute;
    display:block;
    height:3px;
    background:#a72c9a;
    width:30px;
    left:10px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.menu label i:nth-child(1){top:14px;}
.menu label i:nth-child(2){top:22px;}
.menu label i:nth-child(3){top:30px;}
.menu label:hover{cursor:pointer;}
.menu input#dropdown:checked ~ label i{background:#a72c9a;}
.menu input#dropdown:checked ~ label i:nth-child(1){top:23px;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.menu input#dropdown:checked ~ label i:nth-child(2){background:transparent;}
.menu input#dropdown:checked ~ label i:nth-child(3){top:22px;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}

.menu input#dropdown:checked ~ ul{display:block;height:auto;background:#fff;overflow:hidden;}
.menu input#dropdown:checked ~ ul::-webkit-scrollbar{display:none}
.menu input#dropdown:checked ~ ul::-webkit-scrollbar-thumb{display:none}
.menu input#dropdown:checked ~ ul::-webkit-scrollbar-track{display:none}
.menu input#dropdown:checked ~ ul:before{
    background-image:radial-gradient(farthest-corner at -231px 176px,#f5f5f5 0,transparent 100%);
    transform:translateX(15%) skew(-30deg);
    position:absolute;
    opacity:1;
    display:block;
    height:100%;
    width:100%;
    top:0;left:0;
    content:'';
    padding:90px 0 0;
}
.menu div.dropdown{display:none;position:absolute;top:0;left:0;right:0;margin:0;}

/* ========== RESPONSIVE <= 1024px ========== */
@media only screen and (max-width: 1024px){
    .menu input, .menu label, .menu div.dropdown{display:block;}
    .menu div.flag{display:block;}
    .menu{width:100%;position:relative;}
    .menu ul{
        display:none;
        position:absolute;
        width:100%;
        top:-80px;
        margin:0;
        padding:80px 0 0;
        float:none;
        background:#f6f6f6;
        z-index:997;
    }
    .menu ul > li{float:none;position:relative;}
    .pinherit{position:relative !important;}
    .menu ul li:hover > a{background:rgba(0,0,0,0);}
    .menu ul li.active a{background:rgba(0,0,0,0);color:#7d7d7d;}
    .menu ul li.active:hover a{background:rgba(0,0,0,0);color:#d2b06f;}
    .menu > ul > li:first-child a{width:100%;background:rgba(0,0,0,0);min-width:auto;height:auto;}
    .menu > ul > li:first-child a span{display:block}
    .menu > ul > li:first-child a i{display:none}
    .menu ul li a{
        width:100%;
        background:rgba(0,0,0,0);
        min-width:auto;
        height:auto;
        margin:0;
        padding:10px 2% !important;
        font:400 18px/30px BeauSans, sans-serif !important;
        text-transform:uppercase;
        color:#7d7d7d;
        border-bottom:solid 1px #ccc;
        border-right:none;
        border-radius:0;
    }
    .menu ul > li > a:before{display:none;}
    .menu ul > li > a:hover:before{display:none;}
    .menu > ul > li a::after{bottom:-1px;transition:width 1s ease;}

    .menu ul > li i.mmn{display:block;position:absolute;right:0;top:0;color:#d2b06f;width:50px;height:50px;cursor:pointer;text-align:center;font-size:13px;}
    .menu ul > li i.mmn:hover{color:#d2b06f;}
    .menu ul > li i.mmn:before{width:50px;height:50px;line-height:50px;}

    .menu .mega_menu .portfolio li p{padding-bottom:0}
    .menu .mega_menu p, .menu .mega_menu .portfolio li p a{color:#222;border-bottom:none}
    .menu .mega_menu .portfolio li a{border-bottom:none}
    .menu ul > li > a div{display:inline-block;padding:0 0 0 5px;font:400 14px/14px BeauSans, sans-serif;text-transform:uppercase;color:#fff;}
    .menu ul li:hover > a,
    .menu ul li.active:hover > a{color:#222;transform:scale(1) !important;}
    .menu ul li:first-child:hover > a{color:#222;transform:scale(1) !important;}

    .menu ul ul, .menu .mega_menu{
        display:none;
        position:static;
        visibility:visible;
        opacity:1;
        margin:0;padding:0;
        font-size:0;
        overflow:hidden;
        border:none;
        border-top: 2px solid #d2b06f;
        box-shadow:none;
        background:none;
    }
    .smnac{display:block !important;visibility:visible !important;}

    .menu ul ul li{width:100%;float:left;}
    .menu ul ul li a{
        width:100%;
        min-width:auto;
        height:auto;
        padding:10px 20px !important;
        font:400 17px/28px BeauSans, sans-serif !important;
        text-transform:none;
        color:#666;
        background:none;
        border-bottom:#ccc 1px dotted;
        border-right:none;
    }
    .menu ul ul li:last-child a{border-bottom:#ccc 1px dotted;border-radius:0;}
    .menu ul ul li:hover a,
    .menu ul ul li:first-child:hover a{color:#d2b06f;}
    .menu ul ul ul, .menu ul ul li a i{display:none;}

    .menu .mega_menu .one,
    .menu .mega_menu .one_half,
    .menu .mega_menu .one_thirds,
    .menu .mega_menu .two_thirds,
    .menu .mega_menu .one_fourth,
    .menu .mega_menu .three_fourths{
        display:inline-block;
        vertical-align:top;
        padding:0 0 12px;
        float:none;
    }
    .menu .mega_menu{width:auto !important;}
    .menu .mega_menu .portfolio li,
    .menu .mega_menu .list{margin:0;width:48%;margin:0 1% 2%;}
}

/* ========== RESPONSIVE <= 750px ========== */
@media only screen and (max-width: 750px){
    .menu{width:100%}
}
	
.clearfix {
	clear: both;
}

/* START HEADER */

header{border-top:#f0deb5 5px solid;border-bottom:#f0deb5 5px solid;}
header .box{position:relative;
  width:1200px;      /* tuỳ site bạn */
  margin:0 auto;
  padding:20px 0;
  display: grid;
  grid-template-columns: auto 1fr 50px; /* logo | menu | search(300px) */
  align-items: center;
  gap:25px;
	}
#header.header-active .menu > ul > li a{color:#fff;}
#header.header-active .menu > ul > li a::after{background-color: #d2b06f;}
#header.header-active .menu ul li:hover > a{color:#d2b06f;}
#header.header-active .menu ul li a:active,
#header.header-active .menu ul li.active a:active{color:#d2b06f;}
#header.header-active .menu > ul > li a:hover{color:#d2b06f;}
#header.header-active .box .logo img{height:50px;filter:none;filter:brightness(0) invert(1) opacity(1);}

header .box .logo{display:block;padding:0;}
header .box .logo img{transition:all .3s;filter:brightness(0) invert(1) opacity(1);
  height:50px;
  width: auto;
  display: block;
	}
header .box .hmnu{position:relative;
  display: flex;
  justify-content: center; /* Căn giữa ngang */
  align-items: center;     /* Căn giữa dọc */
	}
header .box .search{ justify-self: end; width: 250px; }
header .box .search form{ position: relative; }
header .box .search form input{font:400 15px/36px BeauSans;
  width:100%;height:36px;padding:0 30px 0 15px;border:1px solid #ccc;
  border-radius:999px;color:#222;outline:none;
}
header .box .search form input::placeholder{color:#9ca3af}
header .box .search form button{
  position: absolute;
  top: 50%;
  right: 10px;           /* sát mép phải */
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  color: #f0deb5;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

  header .box .search{border-radius:0 0 0 10px;
    position:absolute !important;      /* bung dưới header */
    top: 100%;
    left: 0; right: 0;
    background: #fff;
    padding:5px 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    display: none;           /* ẩn mặc định */
    z-index: 1000 !important;
  }
  header .box .search input[type="text"]{
    width: 100%;
    height: 40px;
    border-radius: 20px;
    padding: 0 14px;
  }
  header .box .search button[type="submit"]{
    position: absolute;      /* nút ở mép phải input */
    right: 2px; top: 50%; transform: translateY(-50%);
    width: 36px; height: 36px; border-radius: 50%;
    border: none; background: #f0deb5; color:#fff; cursor:pointer;
  }
  header .box .search-toggle{position: absolute;right:-70px;bottom:-5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width:40px;height:40px;
    border: 1px solid #312f2f;
    border-radius: 50%;
    background: #fff; color:#312f2f;
    cursor: pointer; z-index: 1001; /* trên form */
    transition: transform .2s ease, background .2s ease, color .2s ease;
  }
  header .box .search-toggle:active{ transform: scale(.96); }
  header.search-open .search-toggle{border: 1px solid #f0deb5; background:#f0deb5; color:#fff; }
  header.search-open .search{ display: block; }
  .search-backdrop{
    position: fixed; inset: 0;
    background: rgba(0,0,0,.35);
    display: none;
    z-index: 999; /* dưới panel */
  }
  body.search-open .search-backdrop{ display: block; }

.fixed {position:fixed !important;top:0;
    -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;
	}
/* BOX ADS HOME */
#boxanh{padding:0;position:relative;}
.hero-wrap{position:relative;max-width:100%;margin:0 auto;}
/* ===== HERO mặc định desktop ===== */
.hero-swiper {
  position: relative;
  aspect-ratio: 1920/824;
  overflow: hidden;
}

/* ảnh nền phủ toàn khung */
.hero-swiper .swiper-slide > img:not(.car) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* xe desktop: góc phải, chạy vào */
.hero-swiper img.car {
  position: absolute;
  right: 50px;
  bottom: 100px;
  max-width: 40vw;
  height: auto;
	max-height:300px;
  object-fit: contain;
  transform: translateX(150%);
  opacity: 0;
  will-change: transform, opacity;
  z-index: 2;
}

body.is-loaded .hero-swiper .swiper-slide-active img.car {
  animation: car-in 1.2s cubic-bezier(.22,.61,.36,1) .15s both;
}
@keyframes car-in {
  from { transform: translateX(150%); opacity: 0; }
  to   { transform: translateX(0);    opacity: 1; }
}

.hero-swiper .swiper-slide .swiper-text{position:absolute;background:rgba(0, 0, 0, 0.5);top:0;bottom:0;left:0;right:0;z-index:1;display:flex;align-items:center;}
.hero-swiper .swiper-slide .swiper-text .ibox{display:block;position:relative;width:1200px;max-width:96%;margin:0 auto;padding:0;}
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box{position:relative;width:100%;margin:0;padding:0;}
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-title{display:block;width:100%;margin:0;padding:0 0 15px;font:400 14px/25px BeauSans;color:#fe9b44;}
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail{display:block;width:100%;font:400 18px/25px BeauSans;color:#f1f1f1;}
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail h1{margin:0;padding:0 0 5px;font:bold 30px/40px BeauSans;color:#f1f1f1;}
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail h2{margin:0;padding:0 0 5px;font:400 40px/50px BeauSans;color:#f1f1f1;letter-spacing:.05em;text-transform:uppercase;}
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail p,
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail div{margin:0;padding:5px 0;}
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .hero-buttons{display:flex;width:100%;margin:0;padding:15px 0 0;flex-wrap:wrap;gap:15px;justify-content:center;}
/* ====================== NÚT CHUNG ====================== */
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .hero-buttons .btn{position:relative;display:inline-block;padding:10px 25px;font:400 16px/20px BeauSans;color:#d0b175;text-transform:uppercase;text-decoration:none;
  border-radius:20px;
  text-align: center;
  min-width: 150px;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
  overflow:hidden;            /* để hiệu ứng ánh sáng không tràn */
  isolation:isolate;          /* giữ ánh sáng trong vùng nút */
  transition:all 0.3s ease;
  z-index:0;
}
/* ====================== NÚT CAM ====================== */
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .hero-buttons .btn.btn-orange{background:none;color:#d0b175;border:3px solid #d0b175;}
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .hero-buttons .btn.btn-orange:hover{border-color: #d0b175;}
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .hero-buttons .btn.btn-orange.is-loading{opacity: 0.7;cursor: wait;}
/* ====================== NÚT XÁM ====================== */
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .hero-buttons .btn.btn-gray{background:none;color:#fff;border:1px solid #ccc;}
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .hero-buttons .btn.btn-gray:hover{background:#f0deb5;color:#fff;border-color:#f0deb5;}

/* vệt sáng rộng + chạy trọn nút */
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .hero-buttons .btn::before{
  content:"";
  position:absolute;
  /* cao hơn nút để không lộ mép khi skew */
  top:-120%; bottom:-120%;
  /* bắt đầu ngoài bên trái khá xa */
  left:-60%;
  /* độ rộng vệt sáng (tăng lên để phủ tốt) */
  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;
}

.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .hero-buttons .btn:hover::before{
  animation: sheen 1.5s cubic-bezier(.4,0,.2,1) forwards;
  opacity:1;
}

/* đẩy vệt sáng ra khỏi mép phải “đến nơi đến chốn” */
@keyframes sheen{
  to { transform: skewX(-20deg) translateX(460%); }
}

/* ====================== HIỆU ỨNG NHẤC NHẸ ====================== */
.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .hero-buttons .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}

/* ====================== TỐI ƯU CHUYỂN ĐỘNG ====================== */
@media (prefers-rgba(255,255,255,1)uced-motion: rgba(255,255,255,1)uce){
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .hero-buttons .btn:hover::before{ animation:none; opacity:0; }
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .hero-buttons .btn:hover{ transform:none; box-shadow:0 2px 6px rgba(0,0,0,0.08); }
}

.swiper-pagination-bullet {
    background: rgba(255,255,255,.8);
    transition: all 0.3s ease;
  }
.swiper-pagination-bullet-active {
    background: #fff;
    transform: scale(1.2);
  }
.hero-caption {
    position: absolute;
    left: 4%;
    bottom: 10%;
    color: #fff;
    text-shadow: 0 2px 8px rgba(0,0,0,.35);
  }
.btn-hero {
    display: inline-block;
    margin-top: 10px;
    background: #ff4d4f;
    color: #fff;
    padding: 10px 16px;
    border-radius: 6px;
    text-decoration: none;
  }
.hero-toggle {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 25;
    background: rgba(0,0,0,.45);
    color: #fff;
    border: 0;
    padding: 6px 10px;
    border-radius: 6px;
  }
.swiper-button-prev,
.swiper-button-next {
    color:rgba(255,255,255,.65) !important;
    opacity: 0;
    transform: scale(0.9);
    transition: all 0.4s ease;
	background: none !important;
    border: none !important;
  }
.swiper-button-prev::after,
.swiper-button-next::after {
    font-size:28px !important;
    font-weight: 400;
  }
.swiper-button-prev {
    left: 10px;
    transform: translateX(-40px);
  }
.swiper-button-next {
    right: 10px;
    transform: translateX(40px);
  }
.hero-swiper:hover .swiper-button-prev,
.hero-swiper:hover .swiper-button-next {
    opacity: 0.9;
    transform: translateX(0) scale(1);
  }
.swiper-button-prev:hover,
.swiper-button-next:hover {
    opacity: 1;
    transform: scale(1.15);
    color: #b2e2ff;
  }
.swiper-lazy-preloader {
    transition: opacity 0.3s ease;
  }
.swiper-lazy-loaded + .swiper-lazy-preloader {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  @media (max-width: 768px) {
    .hero-swiper .swiper-slide {
      aspect-ratio: 6/4;
    }
    .swiper-button-prev::after,
    .swiper-button-next::after {
      font-size: 24px;
    }
  }

/* SLIDE DƯỚI BANNER*/
.benefit-wrapper {background:#f3f4f8;padding:10px 0;}
.benefit-swiper {max-width: 1300px;margin: 0 auto;overflow: hidden;}
.benefit-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: flex-start;  /* canh nội dung bắt đầu từ trái */
  gap: 15px;                    /* khoảng cách giữa ảnh và chữ */
  font-size: 13px;
  color: #333;
  padding: 6px 0;
}

/* ảnh icon cố định cao 30px, giữ tỷ lệ */
.benefit-swiper .swiper-slide img {
  height: 40px;
  width: auto;                  /* tự giãn ngang tùy ảnh */
  object-fit: contain;
  flex-shrink: 0;               /* không co lại khi thu hẹp */
}

/* chữ chiếm phần còn lại */
.benefit-swiper .swiper-slide span {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;      /* nếu quá dài sẽ có dấu “…” */
  font:400 13px/18px BeauSans;
}

/* mobile: có thể xếp dọc lại nếu cần */
@media (max-width: 575.98px){
  .benefit-swiper .swiper-slide {
    flex-direction: column;
    gap: 6px;
    text-align: center;
  }
  .benefit-swiper .swiper-slide span {
    flex: none;
    white-space: normal;
  }
}
.benefit-swiper:hover .swiper-wrapper{animation-play-state:paused !important;}

/* END HEADER */

main{}
#bananh{padding:0;}
#bananh img{display:block;width:100%;border:none;}
#bancolor{display:block;height:80px;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 'BeauSans', 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 'BeauSans', 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:#fff;}
#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 'BeauSans', sans-serif;}
#content .error404 .bth{margin:0;padding:0;font:450 22px/28px 'BeauSans', sans-serif;}
#content .error404 .bth a{position:relative;display:inline-block;padding:10px 25px;font:400 15px/20px BeauSans;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:#f0deb5;color:#fff;border:1px solid #f0deb5;}
#content .error404 .bth a.btn-orange:hover{border-color: #f0deb5;}
#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-rgba(255,255,255,1)uced-motion: rgba(255,255,255,1)uce){
	#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 'BeauSans', sans-serif;color:#444;}
#content .votebox div.vstar span{font-weight:500;color:#fff;}

.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 'BeauSans', 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 'BeauSans', 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:#fff;}
#content div.nfound ul li .box .head p{display:block;margin:0;padding:5px 0;font:400 18px/25px 'BeauSans', 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:#fff;}

#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 'BeauSans', 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 'BeauSans', 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{position:relative;padding:65px 0;border-bottom:#f0deb5 5px solid;}
#content div.home ul li.overview .obox{position:relative;width:1200px;margin:0 auto;padding:0;z-index:3;}
#content div.home ul li.overview .obox .ovbox{position:relative;width:100%;display:flex;align-items:center;column-gap:35px;}
/* ========== VIỀN VÀNG OFFSET CHO ẢNH ========== */
#content div.home ul li.overview .obox .ovbox .thumb {
    width:40%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding:30px 50px 0 0;
}

#content div.home ul li.overview .obox .ovbox .thumb img {
    display: block;
    width: 100%;
    border: none;
    position: relative;
    z-index: 2;
}

/* Viền vàng phía sau ảnh */
#content div.home ul li.overview .obox .ovbox .thumb::after {
    content: "";
    position: absolute;
    top:0;
    right:0;
    width: calc(100% - 50px);
    height: calc(100% - 30px);
    border: 2px solid #d2b06f;
    z-index: 1;
}

/* ========== INFO BÊN TRÁI CĂNG ĐỀU ========== */
#content div.home ul li.overview .obox .ovbox .info {
    width:60%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 40px 0 0;
    font: 18px/25px 'BeauSans', sans-serif;
}
#content div.home ul li.overview .obox .ovbox .info .head{}
#content div.home ul li.overview .obox .ovbox .info .head div{display:block;margin:0;padding:0;font:400 16px/25px BeauSans, sans-serif;text-transform:uppercase;}
#content div.home ul li.overview .obox .ovbox .info .head h2{display:block;margin:0;padding:5px 0 15px;font:450 35px/40px 'BeauSans', sans-serif;}
#content div.home ul li.overview .obox .ovbox .info .head h2 span{color:#d69a45;}
#content div.home ul li.overview .obox .ovbox .info .title{font:bold 40px/60px 'BeauSans', sans-serif;padding:0 0 25px;
    color:#d0b175;
    background:linear-gradient(
        90deg,
        #8f6c32 0%,
        #d0b175 25%,
        #fff1b8 50%,
        #d0b175 75%,
        #8f6c32 100%
    );
    background-size:200% auto;

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 0 18px rgba(208,177,117,0.25);

    animation:titleGoldMove 4s linear infinite;
}

@keyframes titleGoldMove{
    0%{
        background-position:0% center;
    }
    100%{
        background-position:200% center;
    }
}
#content div.home ul li.overview .obox .ovbox .info .ocon{padding:0;font:400 16px/25px 'BeauSans', sans-serif;text-align:justify;}
#content div.home ul li.overview .obox .ovbox .info .ocon h1{font:bold 20px/30px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.overview .obox .ovbox .info .ocon h2{font:bold 20px/30px 'BeauSans', sans-serif;padding:5px 0;text-align:left;}
#content div.home ul li.overview .obox .ovbox .info .ocon h3{font:bold 20px/30px 'BeauSans', sans-serif;padding:5px 0;text-align:left;}
#content div.home ul li.overview .obox .ovbox .info .ocon p,
#content div.home ul li.overview .obox .ovbox .info .ocon div{padding:5px 0;}
#content div.home ul li.overview .obox .ovbox .info .ocon b,
#content div.home ul li.overview .obox .ovbox .info .ocon strong{font:400 15px/22px 'BeauSans', sans-serif}
#content div.home ul li.overview .obox .ovbox .info .ocon a{text-decoration:none}
#content div.home ul li.overview .obox .ovbox .info .ocon a:hover{text-decoration:underline}
#content div.home ul li.overview .obox .ovbox .info .ocon img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content div.home ul li.overview .obox .ovbox .info .ocon ul{margin:5px 0;padding:18px 20px;list-style:none;border-radius:6px;border:1px solid #f0deb5;}
#content div.home ul li.overview .obox .ovbox .info .ocon ul li{position:relative;list-style:none;margin:0;padding:0 0 0 20px;}
#content div.home ul li.overview .obox .ovbox .info .ocon ul li::before{content:"✓";position:absolute;left:0;top:2px;font-size:14px;font-weight:700;color:#e53935;}
#content div.home ul li.overview .obox .ovbox .info .ocon ul li p{padding:0;}

#content div.home ul li.overview .obox .ovbox .info .more{display:flex;width:100%;margin:0;padding:25px 0 0;flex-wrap:wrap;gap:15px;}
/* ====================== NÚT CHUNG ====================== */
#content div.home ul li.overview .obox .ovbox .info .more a{position:relative;display:inline-block;padding:10px 25px;font:bold 16px/20px BeauSans;color:#d0b175;text-transform:uppercase;text-decoration:none;
  border-radius:20px;
  text-align: center;
  min-width: 150px;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
  overflow:hidden;            /* để hiệu ứng ánh sáng không tràn */
  isolation:isolate;          /* giữ ánh sáng trong vùng nút */
  transition:all 0.3s ease;
  z-index:0;
}
/* ====================== NÚT CAM ====================== */
#content div.home ul li.overview .obox .ovbox .info .more a{background:none;color:#d0b175;border:3px solid #d0b175;}
#content div.home ul li.overview .obox .ovbox .info .more a:hover{border-color: #d0b175;}
#content div.home ul li.overview .obox .ovbox .info .more a.is-loading{opacity: 0.7;cursor: wait;}

/* vệt sáng rộng + chạy trọn nút */
#content div.home ul li.overview .obox .ovbox .info .more a::before{
  content:"";
  position:absolute;
  /* cao hơn nút để không lộ mép khi skew */
  top:-120%; bottom:-120%;
  /* bắt đầu ngoài bên trái khá xa */
  left:-60%;
  /* độ rộng vệt sáng (tăng lên để phủ tốt) */
  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.overview .obox .ovbox .info .more a:hover::before{
  animation: sheen 1.5s cubic-bezier(.4,0,.2,1) forwards;
  opacity:1;
}

/* đẩy vệt sáng ra khỏi mép phải “đến nơi đến chốn” */
@keyframes sheen{
  to { transform: skewX(-20deg) translateX(460%); }
}

/* ====================== HIỆU ỨNG NHẤC NHẸ ====================== */
#content div.home ul li.overview .obox .ovbox .info .more a:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}

/* ====================== TỐI ƯU CHUYỂN ĐỘNG ====================== */
@media (prefers-rgba(255,255,255,1)uced-motion: rgba(255,255,255,1)uce){
	#content div.home ul li.overview .obox .ovbox .info .more a:hover::before{ animation:none; opacity:0; }
	#content div.home ul li.overview .obox .ovbox .info .more a:hover{ transform:none; box-shadow:0 2px 6px rgba(0,0,0,0.08); }
}


/* HOME > OVERVIEW 1 - DỊCH VỤ */
#content div.home ul li.overview1{position:relative;padding:65px 0;border-bottom:#f0deb5 5px solid;}
#content div.home ul li.overview1:before{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;content:"";background:linear-gradient(to left, rgba(0, 0, 0, 0.4) , rgb(0, 0, 0.2)) !important;}
#content div.home ul li.overview1 section{position:relative;width:1200px;margin:0 auto;padding:0;z-index:2;}

#content div.home ul li.overview1 section .title{font:bold 40px/60px 'BeauSans', sans-serif;color:#d2b06f;padding:0 0 15px;text-align:center;
    color:#d0b175;
    background:linear-gradient(
        90deg,
        #8f6c32 0%,
        #d0b175 25%,
        #fff1b8 50%,
        #d0b175 75%,
        #8f6c32 100%
    );
    background-size:200% auto;

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 0 18px rgba(208,177,117,0.25);

    animation:titleGoldMove 4s linear infinite;
}

@keyframes titleGoldMove{
    0%{
        background-position:0% center;
    }
    100%{
        background-position:200% center;
    }
}


#content div.home ul li.overview1 section .head{display:block;width:100%;margin:0 auto;padding:0 0 45px;font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.overview1 section .head h1{font:450 32px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.overview1 section .head h2{font:450 30px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.overview1 section .head h3{font:450 22px/30px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.overview1 section .head p,
#content div.home ul li.overview1 section .head div{padding:5px 0;}
#content div.home ul li.overview1 section .head b,
#content div.home ul li.overview1 section .head strong{font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.overview1 section .head a{text-decoration:none}
#content div.home ul li.overview1 section .head a:hover{text-decoration:underline}
#content div.home ul li.overview1 section .head img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}

#content div.home ul li.overview1 section .tuvan-buttons{}
#content div.home ul li.overview1 section .tuvan-buttons{display:flex;width:100%;margin:0;padding:25px 0 0;justify-content:center;flex-wrap:wrap;align-items:center;gap:15px;text-align:center;}
#content div.home ul li.overview1 section .tuvan-buttons .btn{position:relative;display:inline-block;padding:10px 15px;font:400 15px/20px BeauSans;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 div.home ul li.overview1 section .tuvan-buttons .btn.btn-orange{background:#f0deb5;color:#fff;border:1px solid #f0deb5;}
#content div.home ul li.overview1 section .tuvan-buttons .btn.btn-orange:hover{border-color: #f0deb5;}
#content div.home ul li.overview1 section .tuvan-buttons .btn.btn-gray{background:none;color:#f0deb5;border:1px solid #f0deb5;}
#content div.home ul li.overview1 section .tuvan-buttons .btn.btn-gray:hover{background:#f0deb5;color:#fff;border-color:#f0deb5;}
#content div.home ul li.overview1 section .tuvan-buttons .btn::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.overview1 section .tuvan-buttons .btn:hover::before{animation: sheen 1.5s cubic-bezier(.4,0,.2,1) forwards;opacity:1;}
#content div.home ul li.overview1 section .tuvan-buttons .btn:hover{transform: translateY(-2px);box-shadow: 0 6px 14px rgba(0,0,0,0.12);}
@media (prefers-rgba(255,255,255,1)uced-motion: rgba(255,255,255,1)uce){
	#content div.home ul li.overview1 section .tuvan-buttons .btn:hover::before{ animation:none; opacity:0; }
	#content div.home ul li.overview1 section .tuvan-buttons .btn:hover{ transform:none; box-shadow:0 2px 6px rgba(0,0,0,0.08); }
	}

#content div.home ul li.overview1 section .obox{}

#content div.home ul li.overview1 section .obox ul{
    display:grid;
    grid-template-columns:1.25fr .85fr;
    gap:22px;

    margin:0;
    padding:0;

    list-style:none;
}

#content div.home ul li.overview1 section .obox ul li{
    display:block;
    margin:0;
    padding:0;
    list-style:none;
}

#content div.home ul li.overview1 section .obox ul li:first-child{
    grid-row:span 2;
}

/* ================= CARD ================= */

#content div.home ul li.overview1 section .obox ul li .card{
    position:relative;
    display:block;

    overflow:hidden;

    border-radius:18px;

    background:rgba(15,15,15,.28);

    backdrop-filter:blur(8px);

    border:1px solid rgba(208,177,117,.35);

    box-shadow:
        0 18px 45px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.05);

    transition:all .45s ease;

    text-decoration:none;
}

/* ================= IMAGE ================= */

#content div.home ul li.overview1 section .obox ul li .thumb{
    position:relative;
    overflow:hidden;
}

#content div.home ul li.overview1 section .obox ul li .thumb img{
    width:100%;
    display:block;

    aspect-ratio:16/10;
    object-fit:cover;

    filter:brightness(.82);

    transition:
        transform .75s ease,
        filter .75s ease;
}

/* card lớn */

#content div.home ul li.overview1 section .obox ul li:first-child .thumb img{
    aspect-ratio:16/13;
}

/* ================= OVERLAY ================= */

#content div.home ul li.overview1 section .obox ul li .card:before{
    content:"";

    position:absolute;
    inset:0;

    z-index:1;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.05),
            rgba(0,0,0,.82)
        );

    pointer-events:none;
}

/* ================= INFO ================= */

#content div.home ul li.overview1 section .obox ul li .info{
    position:absolute;

    left:28px;
    right:28px;
    bottom:28px;

    z-index:3;

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

    text-align:center;

    transition:transform .45s ease;
}

/* ================= TITLE ================= */

#content div.home ul li.overview1 section .obox ul li .title{text-align:center;
    margin:0 0 10px;
    padding:0;

    font:700 42px/50px BeauSans,Arial,sans-serif;

    color:#f4dfae;

    text-transform:uppercase;
    letter-spacing:.5px;

    text-shadow:
        0 3px 15px rgba(0,0,0,.45);
}

/* card nhỏ */

#content div.home ul li.overview1 section .obox ul li:not(:first-child) .title{
    font-size:26px;
    line-height:34px;
}

/* ================= DESC ================= */

#content div.home ul li.overview1 section .obox ul li .desc{
    margin:0;
    padding:0;

    max-width:520px;

    font:500 16px/26px BeauSans,Arial,sans-serif;

    color:rgba(255,255,255,.92);
}

/* ẩn list dài */

#content div.home ul li.overview1 section .obox ul li .desc ul,
#content div.home ul li.overview1 section .obox ul li .desc li{
    display:none;
}

#content div.home ul li.overview1 section .obox ul li .desc p,
#content div.home ul li.overview1 section .obox ul li .desc div{
    margin:0;
    padding:0;
}

/* ================= BUTTON ================= */

#content div.home ul li.overview1 section .obox ul li .more{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    margin-top:18px;

    min-width:130px;
    height:44px;

    padding:0 26px;

    border:2px solid #d0b175;
    border-radius:28px;

    color:#fff;
    background:rgba(0,0,0,.15);

    font:700 13px/18px BeauSans,Arial,sans-serif;

    text-transform:uppercase;
    letter-spacing:.5px;

    transition:all .35s ease;
}

#content div.home ul li.overview1 section .obox ul li .card:hover .more{
    background:#d0b175;
    color:#111;
}

/* ================= HOVER ================= */

#content div.home ul li.overview1 section .obox ul li .card:hover{
    transform:translateY(-8px);

    border-color:#d0b175;

    box-shadow:
        0 30px 60px rgba(0,0,0,.55),
        0 0 30px rgba(208,177,117,.18);
}

#content div.home ul li.overview1 section .obox ul li .card:hover .thumb img{
    transform:scale(1.08);

    filter:
        brightness(.92)
        contrast(1.08);
}

#content div.home ul li.overview1 section .obox ul li .card:hover .info{
    transform:translateY(-10px);
}

/* ================= MOBILE ================= */

@media(max-width:900px){

    #content div.home ul li.overview1{
        padding:55px 0;
    }

    #content div.home ul li.overview1 section .obox ul{
        grid-template-columns:1fr;
    }

    #content div.home ul li.overview1 section .obox ul li:first-child{
        grid-row:auto;
    }

    #content div.home ul li.overview1 section .obox ul li .thumb img,
    #content div.home ul li.overview1 section .obox ul li:first-child .thumb img{
        aspect-ratio:16/11;
    }

    #content div.home ul li.overview1 section .obox ul li .info{
        left:20px;
        right:20px;
        bottom:22px;
    }

    #content div.home ul li.overview1 section .obox ul li .title,
    #content div.home ul li.overview1 section .obox ul li:not(:first-child) .title{
        font-size:24px;
        line-height:32px;
    }

    #content div.home ul li.overview1 section .obox ul li .desc{
        font-size:14px;
        line-height:22px;
    }

}

/* HOME > OVERVIEW 2 - DỊCH VỤ MẪU 2 */
#content div.home ul li.overview2{position:relative;padding:45px 0;}
#content div.home ul li.overview2 section{position:relative;width:1200px;margin:0 auto;padding:0;}
#content div.home ul li.overview2 section .head{display:block;width:100%;margin:0 auto;padding:0 0 15px;font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.overview2 section .head h1{font:450 32px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.overview2 section .head h2{font:450 30px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.overview2 section .head h3{font:450 22px/30px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.overview2 section .head p,
#content div.home ul li.overview2 section .head div{padding:5px 0;}
#content div.home ul li.overview2 section .head b,
#content div.home ul li.overview2 section .head strong{font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.overview2 section .head a{text-decoration:none}
#content div.home ul li.overview2 section .head a:hover{text-decoration:underline}
#content div.home ul li.overview2 section .head img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}

#content div.home ul li.overview2 section .tuvan-buttons{}
#content div.home ul li.overview2 section .tuvan-buttons{display:flex;width:100%;margin:0;padding:25px 0 0;justify-content:center;flex-wrap:wrap;align-items:center;gap:15px;text-align:center;}
#content div.home ul li.overview2 section .tuvan-buttons .btn{position:relative;display:inline-block;padding:10px 15px;font:400 15px/20px BeauSans;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 div.home ul li.overview2 section .tuvan-buttons .btn.btn-orange{background:#f0deb5;color:#fff;border:1px solid #f0deb5;}
#content div.home ul li.overview2 section .tuvan-buttons .btn.btn-orange:hover{border-color: #f0deb5;}
#content div.home ul li.overview2 section .tuvan-buttons .btn.btn-gray{background:none;color:#444;border:1px solid #ccc;}
#content div.home ul li.overview2 section .tuvan-buttons .btn.btn-gray:hover{background:#f0deb5;color:#fff;border-color:#f0deb5;}
#content div.home ul li.overview2 section .tuvan-buttons .btn::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 .tuvan-buttons .btn:hover::before{animation: sheen 1.5s cubic-bezier(.4,0,.2,1) forwards;opacity:1;}
#content div.home ul li.overview2 section .tuvan-buttons .btn:hover{transform: translateY(-2px);box-shadow: 0 6px 14px rgba(0,0,0,0.12);}
@media (prefers-rgba(255,255,255,1)uced-motion: rgba(255,255,255,1)uce){
	#content div.home ul li.overview2 section .tuvan-buttons .btn:hover::before{ animation:none; opacity:0; }
	#content div.home ul li.overview2 section .tuvan-buttons .btn:hover{ transform:none; box-shadow:0 2px 6px rgba(0,0,0,0.08); }
	}

#content div.home ul li.overview2 section .obox{}
/* CONTAINER */
#content div.home ul li.overview2 section .obox .service-swiper{
  position:relative;
  overflow:hidden;            /* <- để ở container, KHÔNG để ở wrapper */
  padding:0 2px;
}
/* KHÔNG set margin/overflow ở wrapper */
#content div.home ul li.overview2 section .obox .service-swiper .swiper-wrapper{
  /* bỏ margin/overflow ở đây */
}
/* SLIDE (card) */
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide{padding:5px 0;
  height:auto;                /* để Swiper auto tính */
}
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .card{
  display:block;
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:8px;
  overflow:hidden;
  transition: transform .65s ease, box-shadow .65s ease, background .65s ease, color .65s ease;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .card:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 2px rgba(0,0,0,.12);
  background:#f0deb5;
}
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .thumb{background:#fff;padding:5px;}
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .thumb img{
  width:100%; display:block; aspect-ratio:6/4; object-fit:cover;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden;
}
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .info{padding:15px 15px;}
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .title{margin:0 0 8px;font:450 18px/25px BeauSans;color:#222;text-transform:uppercase;}
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .desc{margin:0;font:400 15px/25px BeauSans;color:#444;text-align:justify;}
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .desc p,
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .desc div{margin:0;padding:3px 0;}
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .desc ul{margin:3px 0;padding:0;list-style-type:none;}
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .desc ul li{position: relative;list-style-type:none;margin:0;padding:3px 0 3px 20px;font:400 15px/22px BeauSans;}
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .desc ul li::before{content:"✔";position: absolute;left:0;top:3px;color:#f97316;font-weight:700;font-size:15px;}
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .desc ul li p,
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .desc ul li div{margin:0;padding:0;}
/* đổi chữ trắng khi hover */
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .card:hover .title,
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .card:hover .desc,
#content div.home ul li.overview2 section .obox .service-swiper .swiper-slide .card:hover .desc ul li::before{color:#fff; }
/* --- Nút điều hướng đẹp, ẩn hiện khi hover --- */
.service-button-prev, .service-button-next{
  position:absolute; top:50%;
  width:46px; height:46px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  color:#f0deb5;             /* màu mũi tên */
  z-index:20; cursor:pointer;
  opacity:0; visibility:hidden;
  transition:all .35s ease;
  backdrop-filter: blur(6px);
  pointer-events:auto;       /* chắc chắn click được */
}
/* bắt đầu lệch vào trong một chút để có cảm giác trượt vào */
.service-button-prev{ left:0;  transform:translate(-22px,-50%); }
.service-button-next{ right:0; transform:translate( 22px,-50%); }
/* Hover vùng slider -> hiện 2 nút trượt vào */
#content .home .overview2 .obox .service-swiper:hover .service-button-prev{
  opacity:.65; visibility:visible; transform:translate(22px,-50%);
}
#content .home .overview2 .obox .service-swiper:hover .service-button-next{
  opacity:.65; visibility:visible; transform:translate(-22px,-50%);
}
.service-button-prev:hover, .service-button-next:hover{
  background:#f0deb5; color:#fff; border-color:#f0deb5;
  box-shadow:0 6px 16px rgba(230,126,34,.4);
  transform:translateY(-50%) scale(1.08);
}

/* HOME > TIN TỨC */
#content div.home ul li.tintuc{position:relative;padding:65px 0;border-bottom:#f0deb5 5px solid;}
#content div.home ul li.tintuc section{position:relative;width:1200px;margin:0 auto;padding:0;z-index:3}
#content div.home ul li.tintuc section .title{font:bold 40px/60px 'BeauSans', sans-serif;color:#d2b06f;padding:0 0 25px;text-align:center;
    color:#d0b175;
    background:linear-gradient(
        90deg,
        #8f6c32 0%,
        #d0b175 25%,
        #fff1b8 50%,
        #d0b175 75%,
        #8f6c32 100%
    );
    background-size:200% auto;

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 0 18px rgba(208,177,117,0.25);

    animation:titleGoldMove 4s linear infinite;
}

@keyframes titleGoldMove{
    0%{
        background-position:0% center;
    }
    100%{
        background-position:200% center;
    }
}
#content div.home ul li.tintuc section .head{display:block;margin:0 auto;padding:0 0 35px;font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.tintuc section .head h1{font:450 32px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.tintuc section .head h2{font:450 30px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.tintuc section .head h3{font:450 22px/30px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.tintuc section .head p,
#content div.home ul li.tintuc section .head div{padding:5px 0;}
#content div.home ul li.tintuc section .head b,
#content div.home ul li.tintuc section .head strong{font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.tintuc section .head a{text-decoration:none}
#content div.home ul li.tintuc section .head a:hover{text-decoration:underline}
#content div.home ul li.tintuc section .head img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}

#content div.home ul li.tintuc section .xemall-buttons{
    display:flex;
    width:100%;
    margin:0;
    padding:35px 0 0;

    justify-content:center;
    align-items:center;

    position:relative;
    z-index:5;
}

/* nút */
#content div.home ul li.tintuc section .xemall-buttons .btn{
    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:220px;

    padding:14px 34px;

    font:400 16px/22px BeauSans, Arial, sans-serif;
    text-transform:uppercase;
    letter-spacing:.5px;

    text-decoration:none;

    color:#d0b175;

    border:2px solid rgba(208,177,117,.85);
    border-radius:40px;

    background:rgba(255,255,255,.02);

    backdrop-filter:blur(8px);

    overflow:hidden;
    isolation:isolate;

    transition:
        all .35s ease;

    box-shadow:
        0 10px 24px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.05);
}

/* shine */
#content div.home ul li.tintuc section .xemall-buttons .btn::before{
    content:"";

    position:absolute;

    top:-120%;
    bottom:-120%;
    left:-55%;

    width:42%;

    transform:skewX(-22deg);

    background:linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.18) 45%,
        rgba(255,255,255,.75) 50%,
        rgba(255,255,255,.18) 55%,
        rgba(255,255,255,0) 100%
    );

    opacity:0;

    pointer-events:none;
}

/* hover */
#content div.home ul li.tintuc section .xemall-buttons .btn:hover{
    transform:translateY(-4px);

    color:#fff3d1;

    border-color:#f0deb5;

    background:rgba(208,177,117,.08);

    box-shadow:
        0 18px 35px rgba(0,0,0,.45),
        0 0 25px rgba(208,177,117,.18);
}

#content div.home ul li.tintuc section .xemall-buttons .btn:hover::before{
    animation:sheenLuxury 1.4s ease forwards;
    opacity:1;
}

/* hiệu ứng sáng */
@keyframes sheenLuxury{
    to{
        transform:skewX(-22deg) translateX(420%);
    }
}

#content div.home ul li.tintuc section .obox{width:100%;overflow:hidden;}

/* swiper */
#content div.home ul li.tintuc section .obox .service-swiper{
    position:relative;
    overflow:visible !important;
    padding:10px 5px 20px;
}

#content div.home ul li.tintuc section .obox .service-swiper .swiper-wrapper{
    overflow:visible !important;
}

/* slide */
#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide{
    height:auto;
    padding:8px 0;
}

/* card */
#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .card{
    position:relative;

    display:flex;
    flex-direction:column;

    height:100%;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(208,177,117,.20);

    border-radius:22px;

    overflow:hidden;

    backdrop-filter:blur(12px);

    box-shadow:
        0 12px 35px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.05);

    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease,
        background .45s ease;
}

/* hover */
#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .card:hover{
    transform:translateY(-10px);

    border-color:rgba(208,177,117,.7);

    background:rgba(255,255,255,.06);

    box-shadow:
        0 25px 55px rgba(0,0,0,.6),
        0 0 28px rgba(208,177,117,.15);
}

/* shine */
#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .card:before{
    content:"";
    position:absolute;

    top:-120%;
    bottom:-120%;
    left:-40%;

    width:28%;

    transform:skewX(-20deg);

    background:linear-gradient(
        90deg,
        rgba(255,255,255,0),
        rgba(255,255,255,.12),
        rgba(255,255,255,0)
    );

    opacity:0;

    transition:all .8s ease;
}

#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .card:hover:before{
    left:135%;
    opacity:1;
}

/* ảnh */
#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .thumb{
    position:relative;
    overflow:hidden;

    aspect-ratio:6/4;
}

#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .thumb:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:40%;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.55),
        rgba(0,0,0,0)
    );
}

#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .thumb img{
    width:100%;
    height:100%;

    display:block;
    object-fit:cover;

    transition:transform 1s ease;
}

#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .card:hover .thumb img{
    transform:scale(1.06);
}

/* info */
#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .info{
    padding:22px 22px 24px;
}

/* title */
#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .title{
    margin:0 0 12px;

    font:600 21px/30px BeauSans, Arial, sans-serif;
}

#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .title a{
    color:#e8d2a2;
    text-decoration:none;

    transition:all .3s ease;
}

#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .title a:hover{
    color:#fff3d1;
}

/* meta */
#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .meta{
    display:flex;
    flex-wrap:wrap;
    gap:14px;

    margin-bottom:14px;

    font:400 13px/20px BeauSans, Arial, sans-serif;

    color:rgba(255,255,255,.55);
}

#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .meta .mitem{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .meta i{
    color:#d0b175;
}

#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .meta a{
    color:inherit;
    text-decoration:none;
}

/* desc */
#content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .desc{
    font:400 15px/27px BeauSans, Arial, sans-serif;

    color:rgba(255,255,255,.72);

    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;

    overflow:hidden;
}

#content div.home ul li.tintuc section .service-pagination.swiper-pagination{
    position:relative;
    margin-top:30px;
    margin-bottom:10px;
    z-index:2;
}

/* pagination */
#content div.home ul li.tintuc section .service-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;

    background:#d0b175;
    opacity:.25;

    transition:all .3s ease;
}

#content div.home ul li.tintuc section .service-pagination .swiper-pagination-bullet-active{
    width:30px;
    border-radius:20px;

    opacity:1;

    box-shadow:0 0 12px rgba(208,177,117,.55);
}

/* mobile */
@media(max-width:768px){

    #content div.home ul li.tintuc{
        padding:55px 0;
    }

    #content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .info{
        padding:18px;
    }

    #content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .title{
        font-size:18px;
        line-height:26px;
    }

    #content div.home ul li.tintuc section .obox .service-swiper .swiper-slide .desc{
        font-size:14px;
        line-height:24px;
    }

}

/* HOME > LĨNH VỰC HOẠT ĐỘNG */
#content div.home ul li.linhvuc{position:relative;padding:45px 0;}
#content div.home ul li.linhvuc section{position:relative;margin:0 auto;padding:0;}
#content div.home ul li.linhvuc section .head{display:block;width:100%;margin:0 auto;padding:0 0 25px;font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.linhvuc section .head h1{font:450 32px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.linhvuc section .head h2{font:450 30px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.linhvuc section .head h3{font:450 22px/30px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.linhvuc section .head p,
#content div.home ul li.linhvuc section .head div{padding:5px 0;}
#content div.home ul li.linhvuc section .head b,
#content div.home ul li.linhvuc section .head strong{font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.linhvuc section .head a{text-decoration:none}
#content div.home ul li.linhvuc section .head a:hover{text-decoration:underline}
#content div.home ul li.linhvuc section .head img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}

#content div.home ul li.linhvuc section .obox{width:100%;}
#content div.home ul li.linhvuc section .obox ul{display:block;margin:0;padding:0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap:0;
	list-style: none;
	}
#content div.home ul li.linhvuc section .obox ul li{position:relative;width:100%;display:block;margin:0;padding:0;list-style-type:none;}

#content div.home ul li.linhvuc section .obox ul li .card{display:flex;align-items:center;background:#fff;transition:background 0.3s ease, color 0.3s ease;}
#content div.home ul li.linhvuc section .obox ul li .info{flex:0 0 50%;max-width:50%;}
#content div.home ul li.linhvuc section .obox ul li .thumb{flex:0 0 50%;max-width:50%;overflow:hidden;position:relative;}
#content div.home ul li.linhvuc section .obox ul li .thumb img{width:100%;display:block;aspect-ratio:1/1; object-fit:cover;transition:transform .5s cubic-bezier(.22,.61,.36,1);}
#content div.home ul li.linhvuc section .obox ul li .info{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:45px 30px;color:#222;}
#content div.home ul li.linhvuc section .obox ul li .info .text{display:flex;flex-direction:column;gap:15px;}
#content div.home ul li.linhvuc section .obox ul li .info .text .title{display:block;margin:0;padding:0;}
#content div.home ul li.linhvuc section .obox ul li .info .text .title h3{margin:0;padding:0;font:450 20px/25px BeauSans;}
#content div.home ul li.linhvuc section .obox ul li .info .text .title h3 a{margin:0;font:450 20px/25px BeauSans;}
#content div.home ul li.linhvuc section .obox ul li .info .text .title h3 a:hover{color:#222;}
#content div.home ul li.linhvuc section .obox ul li .info .text .desc{margin:0;padding:0;font:400 16px/25px BeauSans;text-align:justify;}
#content div.home ul li.linhvuc section .obox ul li .info .text .desc p,
#content div.home ul li.linhvuc section .obox ul li .info .text .desc div{margin:0;padding:3px 0;}
#content div.home ul li.linhvuc section .obox ul li .info .text .desc a{color:#222;}
#content div.home ul li.linhvuc section .obox ul li .info .icon{}
#content div.home ul li.linhvuc section .obox ul li .info .icon img{display:block;height:45px;border:none;transition:filter .3s ease;}

#content div.home ul li.linhvuc section .obox ul li .card:hover{background:#f0deb5;}
#content div.home ul li.linhvuc section .obox ul li .card:hover .info{color:#fff;}
#content div.home ul li.linhvuc section .obox ul li .card:hover .info .title h3 a,
#content div.home ul li.linhvuc section .obox ul li .card:hover .info .desc a{color:#fff;}
#content div.home ul li.linhvuc section .obox ul li .card:hover .info .icon img{filter:brightness(0) invert(1);}
#content div.home ul li.linhvuc section .obox ul li .card:hover .thumb img{transform: scale(1.12);}

#content div.home ul li.linhvuc section .obox ul li:nth-child(3) .card,
#content div.home ul li.linhvuc section .obox ul li:nth-child(4) .card{flex-direction:row-reverse;}

/* HOME > DỊCH VỤ */
#content div.home ul li.dichvu{position:relative;padding:65px 0;border-bottom:#f0deb5 5px solid;}
#content div.home ul li.dichvu section{position:relative;width:1200px;margin:0 auto;padding:0;z-index:3}

#content div.home ul li.dichvu section .title{font:bold 40px/60px 'BeauSans', sans-serif;color:#d2b06f;padding:0 0 25px;text-align:center;
    color:#d0b175;
    background:linear-gradient(
        90deg,
        #8f6c32 0%,
        #d0b175 25%,
        #fff1b8 50%,
        #d0b175 75%,
        #8f6c32 100%
    );
    background-size:200% auto;

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 0 18px rgba(208,177,117,0.25);

    animation:titleGoldMove 4s linear infinite;
}

@keyframes titleGoldMove{
    0%{
        background-position:0% center;
    }
    100%{
        background-position:200% center;
    }
}

#content div.home ul li.dichvu section .head{display:block;width:100%;margin:0 auto;padding:0 0 35px;font:400 18px/25px 'BeauSans', sans-serif;}
#content div.home ul li.dichvu section .head h1{font:450 32px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.dichvu section .head h2{font:450 30px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.dichvu section .head h3{font:450 22px/30px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.dichvu section .head p,
#content div.home ul li.dichvu section .head div{padding:5px 0;}
#content div.home ul li.dichvu section .head b,
#content div.home ul li.dichvu section .head strong{font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.dichvu section .head a{text-decoration:none}
#content div.home ul li.dichvu section .head a:hover{text-decoration:underline}
#content div.home ul li.dichvu section .head img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}

/* ================= TAB BUTTON ================= */

#content div.home ul li.dichvu section .bantab{
    width:100%;
    text-align:center;
    margin-bottom:35px;
}

#content div.home ul li.dichvu section .bantab ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:12px;

    padding:0;
    margin:0;
    list-style:none;
}

#content div.home ul li.dichvu section .bantab ul li{
    display:block;
    padding:0;
    margin:0;
}

/* ================= NÚT TAB ================= */

#content div.home ul li.dichvu section .bantab ul li span{
    position:relative;
    display:inline-block;

    margin:0;
    padding:8px 22px;
    min-width:130px;

    font:700 16px/20px 'BeauSans', sans-serif;
    text-transform:uppercase;
    text-align:center;
    text-decoration:none;

    color:#d0b175;
    background:transparent;

    border:2px solid #d0b175;
    border-radius:24px;

    cursor:pointer;
    overflow:hidden;
    isolation:isolate;
    z-index:0;

    box-shadow:
        0 0 18px rgba(208,177,117,.08),
        inset 0 0 0 1px rgba(255,255,255,.03);

    transition:all .3s ease;
}

/* ================= VỆT SÁNG ================= */

#content div.home ul li.dichvu section .bantab ul li span: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,.30) 45%,
        rgba(255,255,255,.70) 50%,
        rgba(255,255,255,.30) 55%,
        rgba(255,255,255,0) 100%
    );

    opacity:0;
    pointer-events:none;
    z-index:1;
}

/* ================= HOVER ================= */

#content div.home ul li.dichvu section .bantab ul li span:hover{
    color:#fff1b8;
    background:rgba(208,177,117,.08);
    border-color:#d0b175;

    transform:translateY(-2px);

    box-shadow:
        0 0 18px rgba(208,177,117,.22),
        0 6px 14px rgba(0,0,0,.18);
}

#content div.home ul li.dichvu section .bantab ul li span:hover:before{
    animation:sheen 1.5s cubic-bezier(.4,0,.2,1) forwards;
    opacity:1;
}

/* ================= ACTIVE ================= */

#content div.home ul li.dichvu section .bantab ul li span.active{
    color:#fff;
    background:rgba(208,177,117,.16);
    border-color:#d0b175;

    box-shadow:
        0 0 18px rgba(208,177,117,.35),
        inset 0 0 14px rgba(208,177,117,.12);

    transform:translateY(-2px);
}

/* ================= ANIMATION ================= */

@keyframes sheen{
    to{
        transform:skewX(-20deg) translateX(460%);
    }
}

/* ================= MOBILE ================= */

@media(max-width:768px){

    #content div.home ul li.dichvu section .bantab{
        margin-top:18px;
    }

    #content div.home ul li.dichvu section .bantab ul{
        gap:8px;
    }

    #content div.home ul li.dichvu section .bantab ul li span{
        min-width:auto;
        padding:7px 16px;

        font-size:14px;
        line-height:18px;

        border-width:2px;
        border-radius:20px;
    }

    #content div.home ul li.dichvu section .bantab ul li span.active:after{
        bottom:3px;
        height:2px;
    }

}

#content div.home ul li.dichvu section .obox{width:100%;}
/* ===== Fade switch tab ===== */
#datab{
  opacity: 1;
  transition: opacity .25s ease;
  will-change: opacity;
}

#datab.is-switching{
  opacity: 0;
  pointer-events: none;
}

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

#content div.home ul li.dichvu section .obox ul li{
    display:block;
    margin:0;
    padding:0;
    list-style:none;
}

#content div.home ul li.dichvu section .obox ul li .card{
    position:relative;
    display:block;
    text-decoration:none;
    color:#fff;
    overflow:hidden;
}

#content div.home ul li.dichvu section .obox ul li .thumb{
    position:relative;
    display:block;
    overflow:hidden;
    border-radius:2px;
    background:#111;
}

#content div.home ul li.dichvu section .obox ul li .thumb:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(
        180deg,
        rgba(0,0,0,0) 55%,
        rgba(0,0,0,.38) 100%
    );
    opacity:.55;
    transition:opacity .45s ease;
}

#content div.home ul li.dichvu section .obox ul li .thumb img{
    display:block;
    width:100%;
    aspect-ratio:16/12;
    object-fit:cover;
    transform:scale(1);
    transition:transform .75s ease, filter .75s ease;
}

#content div.home ul li.dichvu section .obox ul li .info{
    position:relative;
    padding:16px 0 0;
    background:transparent;
    color:#fff;
}

#content div.home ul li.dichvu section .obox ul li .info h3{
    margin:0 0 6px;
    padding:0 34px 0 0;
    font:400 20px/28px BeauSans,Arial,sans-serif;
    text-transform:uppercase;
    letter-spacing:.2px;
    color:#d9bd7b;
    transition:color .35s ease;
}

#content div.home ul li.dichvu section .obox ul li .info div{
    margin:0;
    padding:0;
    font:600 14px/20px BeauSans,Arial,sans-serif;
    text-transform:uppercase;
    color:#fff;
    opacity:.95;
}

#content div.home ul li.dichvu section .obox ul li .info:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:52px;
    height:2px;
    background:#d0b175;
    box-shadow:0 0 12px rgba(208,177,117,.7);
}

#content div.home ul li.dichvu section .obox ul li .info:after{
    content:"↗";
    position:absolute;
    top:14px;
    right:0;
    width:28px;
    height:28px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#d0b175;
    border:1px solid rgba(208,177,117,.65);
    font:400 15px/28px Arial,sans-serif;
    transition:all .35s ease;
}

#content div.home ul li.dichvu section .obox ul li .card:hover .thumb img{
    transform:scale(1.08);
    filter:brightness(.88) contrast(1.08);
}

#content div.home ul li.dichvu section .obox ul li .card:hover .thumb:before{
    opacity:.85;
}

#content div.home ul li.dichvu section .obox ul li .card:hover .info h3{
    color:#fff1b8;
}

#content div.home ul li.dichvu section .obox ul li .card:hover .info:after{
    color:#050505;
    background:#d0b175;
    border-color:#d0b175;
    transform:rotate(45deg);
}

/* responsive */
@media(max-width:991px){
    #content div.home ul li.dichvu section .obox ul{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:32px 24px;
    }

    #content div.home ul li.dichvu section .obox ul li .info h3{
        font-size:18px;
        line-height:25px;
    }
}

@media(max-width:600px){
    #content div.home ul li.dichvu section .obox{
        margin-top:28px;
    }

    #content div.home ul li.dichvu section .obox ul{
        grid-template-columns:1fr;
        gap:28px;
    }

    #content div.home ul li.dichvu section .obox ul li .thumb img{
        aspect-ratio:16/11;
    }

    #content div.home ul li.dichvu section .obox ul li .info{
        padding-top:14px;
    }

    #content div.home ul li.dichvu section .obox ul li .info h3{
        font-size:17px;
        line-height:24px;
    }
}

/* HOME > KINH NGHIỆM */
#content div.home ul li.kinhnghiem{position:relative;padding:0 0 45px;}
#content div.home ul li.kinhnghiem section{position:relative;width:1200px;margin:0 auto;padding:0;}
#content div.home ul li.kinhnghiem section .obox{width:100%;}

/* HOME > CỔ ĐÔNG */
#content div.home ul li.codong{position:relative;padding:45px 0;}
#content div.home ul li.codong section{position:relative;width:96%;margin:0 auto;padding:0;}
#content div.home ul li.codong section .head{display:block;width:100%;margin:0 auto;padding:0 0 25px;font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.codong section .head h1{font:450 32px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.codong section .head h2{font:450 30px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.codong section .head h3{font:450 22px/30px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.codong section .head p,
#content div.home ul li.codong section .head div{padding:5px 0;}
#content div.home ul li.codong section .head b,
#content div.home ul li.codong section .head strong{font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.codong section .head a{text-decoration:none}
#content div.home ul li.codong section .head a:hover{text-decoration:underline}
#content div.home ul li.codong section .head img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}

#content div.home ul li.codong section .obox{}
#content div.home ul li.codong section .obox .investor-box{display:flex;margin:0 auto;max-width:1100px;justify-content:space-between}

/* LEFT: Giá cổ phiếu */
#content div.home ul li.codong section .obox .investor-box .investor-left{flex:0 0 50%;max-width:50%;padding:0;display:flex;flex-direction:row;justify-content:space-between;}
#content div.home ul li.codong section .obox .investor-box .investor-left .inv-price{width:50%;display:flex;flex-direction:column;justify-content:space-between;}
#content div.home ul li.codong section .obox .investor-box .investor-left .inv-price .inv-text{}
#content div.home ul li.codong section .obox .investor-box .investor-left .inv-price .inv-text .inv-price-value{display:block;font:450 40px/50px BeauSans;color:#0f9b4c;}
#content div.home ul li.codong section .obox .investor-box .investor-left .inv-price .inv-text .inv-price-change{display:block;font:450 14px/25px BeauSans;color:#0f9b4c;}
#content div.home ul li.codong section .obox .investor-box .investor-left .inv-price .inv-email{display:block;padding:0 0 25px;font:400 14px/25px BeauSans;color:#222;}

#content div.home ul li.codong section .obox .investor-box .investor-left .inv-meta{width:50%;}
#content div.home ul li.codong section .obox .investor-box .investor-left .inv-meta ul{display:block;margin:0;padding:0;list-style:none;}
#content div.home ul li.codong section .obox .investor-box .investor-left .inv-meta ul li{display:block;width:100%;list-style-type:none;}
#content div.home ul li.codong section .obox .investor-box .investor-left .inv-meta ul li p{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid #444;
    text-decoration:none;
    font:450 14px/20px BeauSans;color:#444;
	}
#content div.home ul li.codong section .obox .investor-box .investor-left .inv-meta ul li:last-child p{border-bottom:none;}
#content div.home ul li.codong section .obox .investor-box .investor-left .inv-meta ul li p .inv-row-title{font:450 14px/20px BeauSans;}
#content div.home ul li.codong section .obox .investor-box .investor-left .inv-meta ul li p .inv-row-meta{font:450 14px/20px BeauSans;}

/* RIGHT: Danh sách báo cáo */
#content div.home ul li.codong section .obox .investor-box .investor-right{flex:0 0 45%;max-width:45%;display:flex;flex-direction:column;}
#content div.home ul li.codong section .obox .investor-box .investor-right ul{display:block;margin:0;padding:0;list-style:none;}
#content div.home ul li.codong section .obox .investor-box .investor-right ul li{display:block;width:100%;list-style-type:none;}
#content div.home ul li.codong section .obox .investor-box .investor-right ul li a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid #444;
    text-decoration:none;
    font:450 14px/20px BeauSans;color:#444;
	}
#content div.home ul li.codong section .obox .investor-box .investor-right ul li:last-child a{border-bottom:none;}
#content div.home ul li.codong section .obox .investor-box .investor-right ul li a .inv-row-title{font:450 14px/20px BeauSans;}
#content div.home ul li.codong section .obox .investor-box .investor-right ul li a .inv-row-meta{font:450 14px/20px BeauSans;}
#content div.home ul li.codong section .obox .investor-box .investor-right ul li:hover a{color:#222;}

/* Nút Quan hệ cổ đông */
#content div.home ul li.codong section .obox .investor-box .inv-btn-wrap{padding:15px 0 0;text-align:right;}

#content div.home ul li.codong section .obox .investor-box .inv-btn {
    display: inline-block;
    padding:10px 28px;
    background: #f0deb5;
    color:#fff;
    text-decoration: none;
    border-radius:8px;
    font:450 14px/20px BeauSans;color:#fff;
    transition: background .25s ease, transform .25s ease;
}

#content div.home ul li.codong section .obox .investor-box .inv-btn:hover {
    background: #c51124;
    transform: translateY(-1px);
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
    #content div.home ul li.codong section .obox .investor-box .investor-box {
        flex-direction: column;
    }

    #content div.home ul li.codong section .obox .investor-box .investor-left,
    #content div.home ul li.codong section .obox .investor-box .investor-right {
        flex: 0 0 100%;
        max-width: 100%;
        border-left: none;
    }

    #content div.home ul li.codong section .obox .investor-box .investor-left {
        border-top: none;
    }
}

/* HOME > ĐỐI TÁC */
#content div.home ul li.doitac{position:relative;padding:45px 0 55px;}
#content div.home ul li.doitac section{position:relative;width:1200px;margin:0 auto;padding:0;}
#content div.home ul li.doitac section .head{display:block;width:100%;margin:0 auto;padding:0 0 15px;font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.doitac section .head h1{font:450 32px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.doitac section .head h2{font:450 30px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.doitac section .head h3{font:450 22px/30px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.doitac section .head p,
#content div.home ul li.doitac section .head div{padding:5px 0;}
#content div.home ul li.doitac section .head b,
#content div.home ul li.doitac section .head strong{font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.doitac section .head a{text-decoration:none}
#content div.home ul li.doitac section .head a:hover{text-decoration:underline}
#content div.home ul li.doitac section .head img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}

#content div.home ul li.doitac section .obox{}

#content div.home ul li.doitac section .obox .service-swiper{position:relative;overflow:hidden;padding:0 2px;}
#content div.home ul li.doitac section .obox .service-swiper .swiper-wrapper{}
#content div.home ul li.doitac section .obox .service-swiper .swiper-slide{padding:5px 0;height:auto;}
#content div.home ul li.doitac section .obox .card{
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:8px;
  padding:8px;
  box-shadow:0 3px 12px rgba(0,0,0,0.05);
  transition:transform .3s ease, box-shadow .3s ease;
  height:100%;
}
#content div.home ul li.doitac section .obox .card:hover {
  transform:translateY(-4px);
  box-shadow:0 6px 20px rgba(0,0,0,0.08);
}
#content div.home ul li.doitac section .obox .card .logo{
  height:60px;                /* khung cố định 40px */
  display:flex;
  align-items:center;         /* căn giữa theo chiều dọc */
  justify-content:center;     /* căn giữa theo chiều ngang */
  overflow:hidden;            /* đề phòng ảnh có viền trắng vượt khung */
}

#content div.home ul li.doitac section .obox .card .logo img {
  height:60px;                /* CHIỀU CAO CỐ ĐỊNH 40px */
  width:auto;                 /* giữ tỉ lệ */
  max-width:100%;             /* không vượt quá bề ngang khung */
  object-fit:contain;         /* phòng trường hợp ảnh có intrinsic ratio lạ */
  display:block;
}

/* --- Nút điều hướng đẹp, ẩn hiện khi hover --- */
#content div.home ul li.doitac section .obox .service-swiper .service-button-prev,
#content div.home ul li.doitac section .obox .service-swiper .service-button-next{
  position:absolute; top:50%;
  width:46px; height:46px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  color:#f0deb5;             /* màu mũi tên */
  z-index:20; cursor:pointer;
  opacity:0; visibility:hidden;
  transition:all .35s ease;
  backdrop-filter: blur(6px);
  pointer-events:auto;       /* chắc chắn click được */
}
/* bắt đầu lệch vào trong một chút để có cảm giác trượt vào */
#content div.home ul li.doitac section .obox .service-swiper .service-button-prev{ left:0;  transform:translate(-22px,-50%); }
#content div.home ul li.doitac section .obox .service-swiper .service-button-next{ right:0; transform:translate( 22px,-50%); }
/* Hover vùng slider -> hiện 2 nút trượt vào */
#content div.home ul li.doitac section .obox .service-swiper:hover .service-button-prev{
  opacity:.65; visibility:visible; transform:translate(22px,-50%);
}
#content div.home ul li.doitac section .obox .service-swiper:hover .service-button-next{
  opacity:.65; visibility:visible; transform:translate(-22px,-50%);
}
#content div.home ul li.doitac section .obox .service-swiper .service-button-prev:hover,
#content div.home ul li.doitac section .obox .service-swiper .service-button-next:hover{
  background:#f0deb5; color:#fff; border-color:#f0deb5;
  box-shadow:0 6px 16px rgba(230,126,34,.4);
  transform:translateY(-50%) scale(1.08);
}
/* ===== STYLE CHO DẤU CHẤM PHÂN TRANG (PAGINATION) ===== */
#content div.home ul li.doitac section .service-pagination.swiper-pagination {
  position: relative;
  text-align: center;
  margin-top:25px;      /* đẩy dấu chấm xuống dưới */
  z-index: 3;            /* nằm trên đường dot, dưới nút cam */
}
/* Màu chấm thường */
#content div.home ul li.doitac section .service-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #f0deb5;   /* cam nhạt */
  opacity: 1;
  margin: 0 6px !important;
  transition: all .3s ease;
}
/* Màu khi active */
#content div.home ul li.doitac section .service-pagination .swiper-pagination-bullet-active {
  background-color: #f0deb5;   /* cam đậm chủ đạo */
  transform: scale(1.3);
  box-shadow: 0 0 6px rgba(230,126,34,0.4);
}
/* Khi hover (optional) */
#content div.home ul li.doitac section .service-pagination .swiper-pagination-bullet:hover {
  background-color: #f0deb5;
  opacity: 0.9;
}

/* HOME > BÁO CHÍ */
#content div.home ul li.baochi{position:relative;padding:55px 0 65px;}
#content div.home ul li.baochi section{position:relative;width:1200px;margin:0 auto;padding:0;}
#content div.home ul li.baochi section .head{display:block;width:100%;margin:0 auto;padding:0 0 15px;font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.baochi section .head h1{font:450 32px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.baochi section .head h2{font:450 30px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.baochi section .head h3{font:450 22px/30px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.baochi section .head p,
#content div.home ul li.baochi section .head div{padding:5px 0;}
#content div.home ul li.baochi section .head b,
#content div.home ul li.baochi section .head strong{font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.baochi section .head a{text-decoration:none}
#content div.home ul li.baochi section .head a:hover{text-decoration:underline}
#content div.home ul li.baochi section .head img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}

#content div.home ul li.baochi section .obox{}

#content div.home ul li.baochi section .obox .service-swiper{position:relative;overflow:hidden;padding:0 2px;}
#content div.home ul li.baochi section .obox .service-swiper .swiper-wrapper{}
#content div.home ul li.baochi section .obox .service-swiper .swiper-slide{padding:5px 0;height:auto;}
#content div.home ul li.baochi section .obox .card{
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:8px;
  padding:8px;
  box-shadow:0 3px 12px rgba(0,0,0,0.05);
  transition:transform .3s ease, box-shadow .3s ease;
  height:100%;
}
#content div.home ul li.baochi section .obox .card:hover {
  transform:translateY(-4px);
  box-shadow:0 6px 20px rgba(0,0,0,0.08);
}
#content div.home ul li.baochi section .obox .card .logo{
  height:40px;                /* khung cố định 40px */
  display:flex;
  align-items:center;         /* căn giữa theo chiều dọc */
  justify-content:center;     /* căn giữa theo chiều ngang */
  overflow:hidden;            /* đề phòng ảnh có viền trắng vượt khung */
}

#content div.home ul li.baochi section .obox .card .logo img {
  height:40px;                /* CHIỀU CAO CỐ ĐỊNH 40px */
  width:auto;                 /* giữ tỉ lệ */
  max-width:100%;             /* không vượt quá bề ngang khung */
  object-fit:contain;         /* phòng trường hợp ảnh có intrinsic ratio lạ */
  display:block;
}

/* --- Nút điều hướng đẹp, ẩn hiện khi hover --- */
#content div.home ul li.baochi section .obox .service-swiper .service-button-prev,
#content div.home ul li.baochi section .obox .service-swiper .service-button-next{
  position:absolute; top:50%;
  width:46px; height:46px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  color:#f0deb5;             /* màu mũi tên */
  z-index:20; cursor:pointer;
  opacity:0; visibility:hidden;
  transition:all .35s ease;
  backdrop-filter: blur(6px);
  pointer-events:auto;       /* chắc chắn click được */
}
/* bắt đầu lệch vào trong một chút để có cảm giác trượt vào */
#content div.home ul li.baochi section .obox .service-swiper .service-button-prev{ left:0;  transform:translate(-22px,-50%); }
#content div.home ul li.baochi section .obox .service-swiper .service-button-next{ right:0; transform:translate( 22px,-50%); }
/* Hover vùng slider -> hiện 2 nút trượt vào */
#content div.home ul li.baochi section .obox .service-swiper:hover .service-button-prev{
  opacity:.65; visibility:visible; transform:translate(22px,-50%);
}
#content div.home ul li.baochi section .obox .service-swiper:hover .service-button-next{
  opacity:.65; visibility:visible; transform:translate(-22px,-50%);
}
#content div.home ul li.baochi section .obox .service-swiper .service-button-prev:hover,
#content div.home ul li.baochi section .obox .service-swiper .service-button-next:hover{
  background:#f0deb5; color:#fff; border-color:#f0deb5;
  box-shadow:0 6px 16px rgba(230,126,34,.4);
  transform:translateY(-50%) scale(1.08);
}
/* ===== STYLE CHO DẤU CHẤM PHÂN TRANG (PAGINATION) ===== */
#content div.home ul li.baochi section .service-pagination.swiper-pagination {
  position: relative;
  text-align: center;
  margin-top:25px;      /* đẩy dấu chấm xuống dưới */
  z-index: 3;            /* nằm trên đường dot, dưới nút cam */
}
/* Màu chấm thường */
#content div.home ul li.baochi section .service-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #f0deb5;   /* cam nhạt */
  opacity: 1;
  margin: 0 6px !important;
  transition: all .3s ease;
}
/* Màu khi active */
#content div.home ul li.baochi section .service-pagination .swiper-pagination-bullet-active {
  background-color: #f0deb5;   /* cam đậm chủ đạo */
  transform: scale(1.3);
  box-shadow: 0 0 6px rgba(230,126,34,0.4);
}
/* Khi hover (optional) */
#content div.home ul li.baochi section .service-pagination .swiper-pagination-bullet:hover {
  background-color: #f0deb5;
  opacity: 0.9;
}

/* HOME > Ý KIẾN */
/* ================= Ý KIẾN KHÁCH HÀNG ================= */

#content div.home ul li.ykien{position:relative;padding:65px 0;border-bottom:#f0deb5 5px solid;overflow:hidden;}

/* glow nền */
#content div.home ul li.ykien:before{
    content:"";
    position:absolute;
    left:50%;
    top:35%;
    width:760px;
    height:380px;
    transform:translate(-50%,-50%);
    background:
        radial-gradient(
            circle,
            rgba(208,177,117,.12),
            rgba(208,177,117,0) 68%
        );
    pointer-events:none;
}

/* viền trên dưới */
#content div.home ul li.ykien:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:2px;
    background:linear-gradient(
        90deg,
        rgba(208,177,117,0),
        rgba(208,177,117,.85),
        rgba(208,177,117,0)
    );
}

#content div.home ul li.ykien section{
    position:relative;
    z-index:2;
    width:1200px;
    max-width:calc(100% - 30px);
    margin:0 auto;
    padding:0;
}

/* ================= TITLE ================= */

#content div.home ul li.ykien section .title{
    margin:0;
    padding:0 0 38px;

    font:bold 42px/58px 'BeauSans', sans-serif;
    text-align:center;
    text-transform:uppercase;

    color:#d0b175;

    background:linear-gradient(
        90deg,
        #8f6c32 0%,
        #d0b175 25%,
        #fff1b8 50%,
        #d0b175 75%,
        #8f6c32 100%
    );

    background-size:200% auto;

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 0 18px rgba(208,177,117,.25);

    animation:titleGoldMove 4s linear infinite;
}

@keyframes titleGoldMove{
    0%{
        background-position:0% center;
    }
    100%{
        background-position:200% center;
    }
}

/* ================= HEAD ================= */

#content div.home ul li.ykien section .head{
    display:block;
    width:100%;
    margin:0 auto;
    padding:0 0 28px;

    font:400 16px/26px 'BeauSans', sans-serif;
    color:rgba(255,255,255,.72);

    text-align:center;
}

#content div.home ul li.ykien section .head p,
#content div.home ul li.ykien section .head div{
    padding:5px 0;
}

/* ================= SWIPER ================= */

#content div.home ul li.ykien section .obox{
    position:relative;
}

#content div.home ul li.ykien section .obox .service-swiper{
    position:relative;
    overflow:hidden;
    padding:8px 2px 12px;
}

#content div.home ul li.ykien section .obox .service-swiper .swiper-wrapper{
    align-items:stretch;
}

#content div.home ul li.ykien section .obox .service-swiper .swiper-slide{
    height:auto;
    padding:6px 0;
}

/* ================= CARD ================= */

#content div.home ul li.ykien section .obox .card{
    position:relative;

    height:100%;
    min-height:255px;

    padding:28px;

    background:rgba(255,255,255,.055);

    border:1px solid rgba(208,177,117,.32);
    border-radius:22px;

    backdrop-filter:blur(12px);

    box-shadow:
        0 18px 45px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.08);

    overflow:hidden;

    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease,
        background .45s ease;
}

/* glow hover */
#content div.home ul li.ykien section .obox .card:hover{
    transform:translateY(-10px);

    border-color:rgba(208,177,117,.8);

    background:rgba(255,255,255,.075);

    box-shadow:
        0 28px 60px rgba(0,0,0,.55),
        0 0 34px rgba(208,177,117,.18),
        inset 0 1px 0 rgba(255,255,255,.12);
}

/* shine */
#content div.home ul li.ykien section .obox .card:before{
    content:"";
    position:absolute;

    top:-120%;
    bottom:-120%;
    left:-40%;

    width:30%;

    transform:skewX(-20deg);

    background:linear-gradient(
        90deg,
        rgba(255,255,255,0),
        rgba(255,255,255,.16),
        rgba(255,255,255,0)
    );

    opacity:0;
    transition:all .7s ease;
}

#content div.home ul li.ykien section .obox .card:hover:before{
    left:130%;
    opacity:1;
}

/* quote */
#content div.home ul li.ykien section .obox .card:after{
    content:"“";
    position:absolute;
    right:18px;
    bottom:-22px;

    font:700 140px/1 Georgia, serif;

    color:rgba(208,177,117,.08);

    pointer-events:none;
}

/* ================= HEAD CARD ================= */

#content div.home ul li.ykien section .obox .card .feedback-head{
    display:flex;
    align-items:center;
    gap:14px;

    margin-bottom:14px;
}

#content div.home ul li.ykien section .obox .card .feedback-head .avatar{
    flex:0 0 62px;

    width:62px;
    height:62px;

    border-radius:50%;
    overflow:hidden;

    border:2px solid rgba(208,177,117,.5);

    box-shadow:0 6px 18px rgba(0,0,0,.22);
}

#content div.home ul li.ykien section .obox .card .feedback-head .avatar img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

#content div.home ul li.ykien section .obox .card .feedback-head .meta{
    flex:1;
    min-width:0;
}

#content div.home ul li.ykien section .obox .card .feedback-head .name{
    display:flex;
    align-items:center;
    gap:6px;

    font:700 18px/24px BeauSans, Arial, sans-serif;
    color:#fff;
}

#content div.home ul li.ykien section .obox .card .feedback-head .verify{
    width:16px;
    height:16px;
}

#content div.home ul li.ykien section .obox .card .feedback-head .role{
    margin-top:2px;

    font:400 14px/20px BeauSans, Arial, sans-serif;
    color:rgba(255,255,255,.58);

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#content div.home ul li.ykien section .obox .card .feedback-head .source{
    flex:0 0 auto;
}

#content div.home ul li.ykien section .obox .card .feedback-head .source img{
    width:24px;
    height:24px;
    display:block;
}

/* ================= RATING ================= */

#content div.home ul li.ykien section .obox .card .rating{
    display:flex;
    align-items:center;
    gap:4px;

    padding:0 0 12px;
}

#content div.home ul li.ykien section .obox .card .rating .fa-star{
    font-size:15px;
    color:rgba(255,255,255,.15);

    transition:all .3s ease;
}

#content div.home ul li.ykien section .obox .card .rating .fa-star.active{
    color:#d0b175;

    text-shadow:0 0 10px rgba(208,177,117,.35);
}

#content div.home ul li.ykien section .obox .card:hover .rating .fa-star.active{
    transform:translateY(-1px);
}

/* ================= COMMENT ================= */

#content div.home ul li.ykien section .obox .card .comment{
    position:relative;
    z-index:2;

    padding-top:16px;

    font:italic 400 15px/27px BeauSans, Arial, sans-serif;
    color:rgba(255,255,255,.82);
}

#content div.home ul li.ykien section .obox .card .comment:before{
    content:"";
    position:absolute;
    left:0;
    top:0;

    width:46px;
    height:2px;

    background:#d0b175;

    box-shadow:0 0 10px rgba(208,177,117,.55);
}

/* ================= PAGINATION ================= */

#content div.home ul li.ykien section .service-pagination.swiper-pagination{
    position:relative;
    text-align:center;

    margin-top:28px;
}

#content div.home ul li.ykien section .service-pagination .swiper-pagination-bullet{
    width:9px;
    height:9px;

    margin:0 6px !important;

    border-radius:20px;

    background:#d0b175;
    opacity:.25;

    transition:all .3s ease;
}

#content div.home ul li.ykien section .service-pagination .swiper-pagination-bullet-active{
    width:30px;

    opacity:1;

    box-shadow:0 0 14px rgba(208,177,117,.55);
}

#content div.home ul li.ykien section .service-pagination .swiper-pagination-bullet:hover{
    opacity:.8;
}

/* ================= BUTTON PREV NEXT ================= */

#content div.home ul li.ykien section .obox .service-swiper .service-button-prev,
#content div.home ul li.ykien section .obox .service-swiper .service-button-next{
    position:absolute;
    top:50%;

    width:48px;
    height:48px;

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

    border-radius:50%;

    background:rgba(0,0,0,.42);

    border:1px solid rgba(208,177,117,.55);

    color:#fff;

    backdrop-filter:blur(8px);

    z-index:10;

    opacity:0;
    visibility:hidden;

    cursor:pointer;

    transition:all .35s ease;
}

#content div.home ul li.ykien section .obox .service-swiper .service-button-prev{
    left:0;
    transform:translate(-24px,-50%);
}

#content div.home ul li.ykien section .obox .service-swiper .service-button-next{
    right:0;
    transform:translate(24px,-50%);
}

#content div.home ul li.ykien section .obox .service-swiper:hover .service-button-prev{
    opacity:1;
    visibility:visible;

    transform:translate(16px,-50%);
}

#content div.home ul li.ykien section .obox .service-swiper:hover .service-button-next{
    opacity:1;
    visibility:visible;

    transform:translate(-16px,-50%);
}

#content div.home ul li.ykien section .obox .service-swiper .service-button-prev:hover,
#content div.home ul li.ykien section .obox .service-swiper .service-button-next:hover{
    background:#d0b175;
    color:#111;

    border-color:#d0b175;

    box-shadow:0 0 24px rgba(208,177,117,.45);
}

/* ================= MOBILE ================= */

@media(max-width:768px){

    #content div.home ul li.ykien{
        padding:50px 0;
    }

    #content div.home ul li.ykien section{
        width:100%;
    }

    #content div.home ul li.ykien section .title{
        font-size:28px;
        line-height:38px;

        padding-bottom:28px;
    }

    #content div.home ul li.ykien section .head{
        font-size:14px;
        line-height:24px;
        padding-bottom:20px;
    }

    #content div.home ul li.ykien section .obox .card{
        min-height:auto;
        padding:22px 20px;
        border-radius:18px;
    }

    #content div.home ul li.ykien section .obox .card .feedback-head{
        gap:12px;
    }

    #content div.home ul li.ykien section .obox .card .feedback-head .avatar{
        flex-basis:54px;

        width:54px;
        height:54px;
    }

    #content div.home ul li.ykien section .obox .card .feedback-head .name{
        font-size:16px;
        line-height:22px;
    }

    #content div.home ul li.ykien section .obox .card .feedback-head .role{
        font-size:13px;
    }

    #content div.home ul li.ykien section .obox .card .comment{
        font-size:14px;
        line-height:24px;
    }

}

/* HOME > QUY TRÌNH */
#content div.home ul li.quytrinh{position:relative;padding:45px 0 165px;}
#content div.home ul li.quytrinh section{position:relative;width:1200px;margin:0 auto;padding:0;}
#content div.home ul li.quytrinh section .head{position:relative;display:block;width:100%;margin:0 auto;padding:0 0 25px;font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.quytrinh section .head h1{font:450 32px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.quytrinh section .head h2{font:450 30px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.quytrinh section .head h3{font:450 22px/30px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.quytrinh section .head p,
#content div.home ul li.quytrinh section .head div{padding:5px 0;}
#content div.home ul li.quytrinh section .head b,
#content div.home ul li.quytrinh section .head strong{font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.quytrinh section .head a{text-decoration:none}
#content div.home ul li.quytrinh section .head a:hover{text-decoration:underline}
#content div.home ul li.quytrinh section .head img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}

#content div.home ul li.quytrinh section .tuvan-buttons{}
#content div.home ul li.quytrinh section .tuvan-buttons{display:flex;width:100%;margin:0;padding:25px 0 0;justify-content:center;flex-wrap:wrap;align-items:center;gap:15px;text-align:center;}
#content div.home ul li.quytrinh section .tuvan-buttons .btn{position:relative;display:inline-block;padding:10px 15px;font:400 15px/20px BeauSans;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 div.home ul li.quytrinh section .tuvan-buttons .btn.btn-orange{background:#f0deb5;color:#fff;border:1px solid #f0deb5;}
#content div.home ul li.quytrinh section .tuvan-buttons .btn.btn-orange:hover{border-color: #f0deb5;}
#content div.home ul li.quytrinh section .tuvan-buttons .btn.btn-gray{background:none;color:#444;border:1px solid #ccc;}
#content div.home ul li.quytrinh section .tuvan-buttons .btn.btn-gray:hover{background:#f0deb5;color:#fff;border-color:#f0deb5;}
#content div.home ul li.quytrinh section .tuvan-buttons .btn::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.quytrinh section .tuvan-buttons .btn:hover::before{animation: sheen 1.5s cubic-bezier(.4,0,.2,1) forwards;opacity:1;}
#content div.home ul li.quytrinh section .tuvan-buttons .btn:hover{transform: translateY(-2px);box-shadow: 0 6px 14px rgba(0,0,0,0.12);}
@media (prefers-rgba(255,255,255,1)uced-motion: rgba(255,255,255,1)uce){
	#content div.home ul li.quytrinh section .tuvan-buttons .btn:hover::before{ animation:none; opacity:0; }
	#content div.home ul li.quytrinh section .tuvan-buttons .btn:hover{ transform:none; box-shadow:0 2px 6px rgba(0,0,0,0.08); }
	}

#content div.home ul li.quytrinh section .obox{position:relative;z-index:1;}

.procedure-rail{
  position:absolute;
  left:0; right:0;
  top:0; height:120px;
  pointer-events:none;
  z-index:0;
}
.procedure-rail svg{ width:100%; height:100%; display:block; }

/* Nền mờ nhẹ */
.procedure-rail .rail-base{
  fill:none;
  stroke:#f0deb5;
  stroke-width:2;
  stroke-linecap:round;
  stroke-dasharray:1 12;   /* chấm nhỏ hơn */
  opacity:.3;
}

/* Chấm cam chạy mượt */
.procedure-rail .rail-dots{
  fill:none;
  stroke:#f0deb5;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-dasharray:1 12;   /* chấm nhỏ + đều */
  vector-effect:non-scaling-stroke;
  animation: railMove 3s linear infinite;
}

/* Vệt sáng nhẹ chạy qua */
.procedure-rail .rail-glow{
  fill:none;
  stroke:#ffb679;
  stroke-width:3.5;
  stroke-linecap:round;
  stroke-dasharray:8 120;
  opacity:.5;
  filter:url(#dotGlow);
  animation: glowMove 3s linear infinite;
}

/* Chạy mượt không giật */
@keyframes railMove{ from{stroke-dashoffset:0;} to{stroke-dashoffset:-13;} }
@keyframes glowMove{ from{stroke-dashoffset:0;} to{stroke-dashoffset:-128;} }

/* KHÔNG set margin/overflow ở wrapper */
#content div.home ul li.quytrinh section .obox .procedure-swiper .swiper-wrapper{
  /* bỏ margin/overflow ở đây */
}
/* SLIDE (card) */
#content div.home ul li.quytrinh section .obox .procedure-swiper .swiper-slide{padding:25px 0 5px;
  height:auto;                /* để Swiper auto tính */
}
#content div.home ul li.quytrinh section .obox .procedure-swiper .swiper-slide .card{display:block;overflow:hidden;}
#content div.home ul li.quytrinh section .obox .procedure-swiper .swiper-slide .thumb{width:100px;background:#fff;margin:0 auto;padding:15px;border:#fd892a 1px solid;border-radius:50%;overflow:hidden;}
#content div.home ul li.quytrinh section .obox .procedure-swiper .swiper-slide .thumb img{width:100%; display:block; aspect-ratio:1/1; object-fit:cover;}
#content div.home ul li.quytrinh section .obox .procedure-swiper .swiper-slide .info{padding:25px 15px 0;text-align:center}
#content div.home ul li.quytrinh section .obox .procedure-swiper .swiper-slide .title{margin:0 0 5px;font:450 17px/22px BeauSans;color:#222;}
#content div.home ul li.quytrinh section .obox .procedure-swiper .swiper-slide .desc{margin:0;font:400 15px/22px BeauSans;color:#444;}
#content div.home ul li.quytrinh section .obox .procedure-swiper .swiper-slide .desc p,
#content div.home ul li.quytrinh section .obox .procedure-swiper .swiper-slide .desc div{margin:0;padding:3px 0;}

/* --- Nút điều hướng đẹp, ẩn hiện khi hover --- */
#content div.home ul li.quytrinh section .obox .procedure-swiper .procedure-button-prev,
#content div.home ul li.quytrinh section .obox .procedure-swiper .procedure-button-next{display:none !important;pointer-events:none !important;
  position:absolute; top:50%;
  width:46px; height:46px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  color:#f0deb5;             /* màu mũi tên */
  z-index:20; cursor:pointer;
  opacity:0; visibility:hidden;
  transition:all .35s ease;
  backdrop-filter: blur(6px);
  pointer-events:auto;       /* chắc chắn click được */
}
/* bắt đầu lệch vào trong một chút để có cảm giác trượt vào */
#content div.home ul li.quytrinh section .obox .procedure-swiper .procedure-button-prev{ left:0;  transform:translate(-22px,-50%); }
#content div.home ul li.quytrinh section .obox .procedure-swiper .procedure-button-next{ right:0; transform:translate( 22px,-50%); }
/* Hover vùng slider -> hiện 2 nút trượt vào */
#content div.home ul li.quytrinh section .obox .procedure-swiper:hover .procedure-button-prev{
  opacity:.65; visibility:visible; transform:translate(22px,-50%);
}
#content div.home ul li.quytrinh section .obox .procedure-swiper:hover .procedure-button-next{
  opacity:.65; visibility:visible; transform:translate(-22px,-50%);
}
#content div.home ul li.quytrinh section .obox .procedure-swiper .procedure-button-prev:hover,
#content div.home ul li.quytrinh section .obox .procedure-swiper .procedure-button-next:hover{
  background:#f0deb5; color:#fff; border-color:#f0deb5;
  box-shadow:0 6px 16px rgba(230,126,34,.4);
  transform:translateY(-50%) scale(1.08);
}

/* ===== STYLE CHO DẤU CHẤM PHÂN TRANG (PAGINATION) ===== */
.procedure-pagination.swiper-pagination {
  position: relative;
  text-align: center;
  margin-top:25px;      /* đẩy dấu chấm xuống dưới */
  z-index: 3;            /* nằm trên đường dot, dưới nút cam */
}

/* Màu chấm thường */
.procedure-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #f0deb5;   /* cam nhạt */
  opacity: 1;
  margin: 0 6px !important;
  transition: all .3s ease;
}

/* Màu khi active */
.procedure-pagination .swiper-pagination-bullet-active {
  background-color: #f0deb5;   /* cam đậm chủ đạo */
  transform: scale(1.3);
  box-shadow: 0 0 6px rgba(230,126,34,0.4);
}

/* Khi hover (optional) */
.procedure-pagination .swiper-pagination-bullet:hover {
  background-color: #f0deb5;
  opacity: 0.9;
}

/* ===== START - QUY TRINH XE CHẠY ===== */
.footer-road{
  position:absolute; bottom:0; left:0; right:0;
  width:100%; height:135px;
  overflow:hidden; pointer-events:none; isolation:isolate;
}

/* (tuỳ chọn) nền & mặt đường nếu bạn có ảnh */
.footer-road .skyline{ position:absolute; inset:0; z-index:1; }
.footer-road .road{ position:absolute; left:0; right:0; bottom:-6px; height:140px; z-index:2; }

/* KHUNG xe (wrapper) — chỉ nhận animation tịnh tiến */
.footer-road .car{
  position:absolute; bottom:6px; /* tuỳ chỉnh cao thấp */
  display:inline-block;
  will-change:transform;
  z-index:3;
}

/* ẢNH xe — lật hướng ở đây, không lẫn vào keyframes */
.footer-road img{
  max-height:50px; width:auto; object-fit:contain; display:block;
  filter: drop-shadow(0 3px 2px rgba(0,0,0,.15));
  transform-origin:center bottom;
}

/* Trái → phải */
@keyframes move-ltr {
  0%   { transform: translateX(-20vw); }
  100% { transform: translateX(120vw); }
}

/* Phải → trái (KHÔNG chứa scaleX) */
@keyframes move-rtl {
  0%   { transform: translateX(120vw); }
  100% { transform: translateX(-20vw); }
}

/* Áp tốc độ / trễ từng xe */
.footer-road .car-a{ bottom:5px;  animation: move-rtl 12s linear infinite; animation-delay:-1s;}
.footer-road .car-b{ bottom:5px;  animation: move-ltr 10s linear infinite; }
.footer-road .car-c{ bottom:5px;  animation: move-rtl 16s linear infinite; animation-delay:-10s;  }

/* Lật mặt xe khi chạy phải → trái */
.footer-road .car.rtl img{ transform: scaleX(-1); }

/* Người dùng hạn chế chuyển động */
@media (prefers-rgba(255,255,255,1)uced-motion: rgba(255,255,255,1)uce){
  /*.footer-road .car{ animation:none; }*/
}
/* ===== END - QUY TRINH XE CHẠY ===== */

/* HOME > GALLERY */
#content div.home ul li.gallery{position:relative;padding:65px 0;border-bottom:#f0deb5 5px solid;overflow:hidden;}
#content div.home ul li.gallery:before{
    content:"";
    position:absolute;
    left:50%;
    top:45%;
    width:680px;
    height:360px;
    transform:translate(-50%,-50%);
    background:radial-gradient(circle, rgba(208,177,117,.18), rgba(208,177,117,0) 65%);
    pointer-events:none;
    z-index:0;
}

#content div.home ul li.gallery section{position:relative;width:1200px;margin:0 auto;padding:0;z-index:3}

#content div.home ul li.gallery section .title{font:bold 40px/60px 'BeauSans', sans-serif;color:#d2b06f;padding:0 0 25px;text-align:center;
    color:#d0b175;
    background:linear-gradient(
        90deg,
        #8f6c32 0%,
        #d0b175 25%,
        #fff1b8 50%,
        #d0b175 75%,
        #8f6c32 100%
    );
    background-size:200% auto;

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 0 18px rgba(208,177,117,0.25);

    animation:titleGoldMove 4s linear infinite;
}

@keyframes titleGoldMove{
    0%{
        background-position:0% center;
    }
    100%{
        background-position:200% center;
    }
}

#content div.home ul li.gallery section .head{position:relative;display:block;width:100%;margin:0 auto;padding:0 0 35px;font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.gallery section .head h1{font:450 32px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.gallery section .head h2{font:450 30px/35px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.gallery section .head h3{font:450 22px/30px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.gallery section .head p,
#content div.home ul li.gallery section .head div{padding:5px 0;}
#content div.home ul li.gallery section .head b,
#content div.home ul li.gallery section .head strong{font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.gallery section .head a{text-decoration:none}
#content div.home ul li.gallery section .head a:hover{text-decoration:underline}
#content div.home ul li.gallery section .head img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}

#content div.home ul li.gallery section .gallery-swiper{
    position:relative;
    z-index:2;
    overflow:visible;
    padding:10px 0 55px;
}

#content div.home ul li.gallery section .gallery-swiper .swiper-wrapper{
    align-items:center;
}

/* slide thường */
#content div.home ul li.gallery section .gallery-swiper .swiper-slide{
    width:58%;
    height:auto;
    padding:0;

    transform:scale(.74);
    opacity:.36;
    filter:blur(1px);

    transition:
        transform .55s ease,
        opacity .55s ease,
        filter .55s ease;
}

/* slide cạnh */
#content div.home ul li.gallery section .gallery-swiper .swiper-slide.swiper-slide-prev,
#content div.home ul li.gallery section .gallery-swiper .swiper-slide.swiper-slide-next{
    transform:scale(.82);
    opacity:.62;
    filter:blur(.4px);
}

/* slide active */
#content div.home ul li.gallery section .gallery-swiper .swiper-slide.swiper-slide-active{
    transform:scale(1);
    opacity:1;
    filter:blur(0);
    z-index:5;
}

/* card */
#content div.home ul li.gallery section .gallery-swiper .card{
    position:relative;
    display:block;
    overflow:hidden;

    border-radius:20px;
    background:#111;

    border:1px solid rgba(208,177,117,.35);

    box-shadow:
        0 25px 70px rgba(0,0,0,.55),
        0 0 35px rgba(208,177,117,.12);

    transition:all .45s ease;
}

#content div.home ul li.gallery section .gallery-swiper .card a{
    display:block;
    position:relative;
    color:#fff;
    text-decoration:none;
}

/* ảnh */
#content div.home ul li.gallery section .gallery-swiper .card img{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;

    filter:brightness(.82) contrast(1.04);

    transition:
        transform .75s ease,
        filter .75s ease;
}

/* overlay */
#content div.home ul li.gallery section .gallery-swiper .card a:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;

    background:
        linear-gradient(180deg, rgba(0,0,0,.05) 35%, rgba(0,0,0,.78) 100%),
        linear-gradient(90deg, rgba(0,0,0,.35), rgba(0,0,0,0) 55%);

    pointer-events:none;
}

/* caption */
#content div.home ul li.gallery section .gallery-swiper .v-caption{
    position:absolute;
    left:28px;
    right:28px;
    bottom:24px;
    z-index:3;

    color:#fff;
}

#content div.home ul li.gallery section .gallery-swiper .v-caption:before{
    content:"VIDEO DỰ ÁN";
    display:inline-block;

    margin-bottom:10px;
    padding:5px 12px;

    border:1px solid rgba(208,177,117,.65);
    border-radius:20px;

    color:#d0b175;
    background:rgba(0,0,0,.18);

    font:700 11px/15px BeauSans,Arial,sans-serif;
    letter-spacing:.8px;
}

#content div.home ul li.gallery section .gallery-swiper .v-caption h3{
    margin:0 0 6px;
    padding:0;

    font:700 24px/32px BeauSans,Arial,sans-serif;
    color:#fff;
    text-transform:uppercase;

    text-shadow:0 4px 18px rgba(0,0,0,.5);
}

#content div.home ul li.gallery section .gallery-swiper .v-caption p{
    margin:0;
    padding:0;

    max-width:680px;

    font:400 15px/23px BeauSans,Arial,sans-serif;
    color:rgba(255,255,255,.82);
}

/* play */
#content div.home ul li.gallery section .gallery-swiper .play-wrap{
    position:absolute;
    top:50%;
    left:50%;
    z-index:4;

    width:76px;
    height:76px;

    transform:translate(-50%,-50%);

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

    cursor:pointer;
}

#content div.home ul li.gallery section .gallery-swiper .play-ring{
    position:absolute;
    inset:0;

    border-radius:50%;

    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.45);

    backdrop-filter:blur(8px);

    box-shadow:
        0 0 0 8px rgba(255,255,255,.05),
        0 0 30px rgba(208,177,117,.28);

    transition:all .35s ease;
}

#content div.home ul li.gallery section .gallery-swiper .play-icon{
    position:relative;
    z-index:2;

    width:0;
    height:0;

    border-style:solid;
    border-width:13px 0 13px 21px;
    border-color:transparent transparent transparent #fff;

    margin-left:5px;

    filter:drop-shadow(0 2px 8px rgba(0,0,0,.45));
}

/* hover */
#content div.home ul li.gallery section .gallery-swiper .card:hover{
    border-color:#d0b175;

    box-shadow:
        0 32px 85px rgba(0,0,0,.65),
        0 0 45px rgba(208,177,117,.22);
}

#content div.home ul li.gallery section .gallery-swiper .card:hover img{
    transform:scale(1.055);
    filter:brightness(.92) contrast(1.08);
}

#content div.home ul li.gallery section .gallery-swiper .card:hover .play-ring{
    background:#d0b175;
    border-color:#d0b175;

    box-shadow:
        0 0 0 10px rgba(208,177,117,.12),
        0 0 38px rgba(208,177,117,.55);
}

/* nút prev/next */
#content div.home ul li.gallery section .gallery-swiper .gallery-button-prev,
#content div.home ul li.gallery section .gallery-swiper .gallery-button-next{
    position:absolute;
    top:50%;
    z-index:20;

    width:52px;
    height:52px;

    border-radius:50%;
    border:1px solid rgba(208,177,117,.55);

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

    color:#fff;
    background:rgba(0,0,0,.28);

    backdrop-filter:blur(8px);

    cursor:pointer;

    transition:all .35s ease;
}

#content div.home ul li.gallery section .gallery-swiper .gallery-button-prev{
    left:18%;
    transform:translate(-50%,-50%);
}

#content div.home ul li.gallery section .gallery-swiper .gallery-button-next{
    right:18%;
    transform:translate(50%,-50%);
}

#content div.home ul li.gallery section .gallery-swiper .gallery-button-prev:hover,
#content div.home ul li.gallery section .gallery-swiper .gallery-button-next:hover{
    background:#d0b175;
    color:#111;
    border-color:#d0b175;
    box-shadow:0 0 24px rgba(208,177,117,.45);
}

/* pagination */
.gallery-pagination.swiper-pagination{
    position:relative;
    text-align:center;
    margin-top:8px;
    z-index:5;
}

.gallery-pagination .swiper-pagination-bullet{
    width:9px;
    height:9px;
    margin:0 6px !important;

    background:#d0b175;
    opacity:.35;

    transition:all .3s ease;
}

.gallery-pagination .swiper-pagination-bullet-active{
    width:26px;
    border-radius:20px;
    opacity:1;

    box-shadow:0 0 14px rgba(208,177,117,.55);
}

/* mobile */
@media(max-width:768px){

    #content div.home ul li.gallery section .obox{
        margin-top:28px;
    }

    #content div.home ul li.gallery section .gallery-swiper{
        overflow:hidden;
        padding-bottom:38px;
    }

    #content div.home ul li.gallery section .gallery-swiper .swiper-slide,
    #content div.home ul li.gallery section .gallery-swiper .swiper-slide.swiper-slide-prev,
    #content div.home ul li.gallery section .gallery-swiper .swiper-slide.swiper-slide-next,
    #content div.home ul li.gallery section .gallery-swiper .swiper-slide.swiper-slide-active{
        width:100%;
        transform:scale(1);
        opacity:1;
        filter:none;
    }

    #content div.home ul li.gallery section .gallery-swiper .card{
        border-radius:16px;
    }

    #content div.home ul li.gallery section .gallery-swiper .v-caption{
        left:18px;
        right:18px;
        bottom:18px;
    }

    #content div.home ul li.gallery section .gallery-swiper .v-caption h3{
        font-size:18px;
        line-height:25px;
    }

    #content div.home ul li.gallery section .gallery-swiper .v-caption p{
        display:none;
    }

    #content div.home ul li.gallery section .gallery-swiper .play-wrap{
        width:62px;
        height:62px;
    }

    #content div.home ul li.gallery section .gallery-swiper .gallery-button-prev,
    #content div.home ul li.gallery section .gallery-swiper .gallery-button-next{
        display:none;
    }
}

/* HOME > LÝ DO CHỌN */
#content div.home ul li.lydo{position:relative;padding:65px 0;border-bottom:#f0deb5 5px solid;}
#content div.home ul li.lydo:before{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;content:"";background:linear-gradient(to right, rgba(0, 0, 0, 0.3), rgb(0, 0, 0)) !important;}
#content div.home ul li.lydo section{position:relative;width:1200px;margin:0 auto;padding:0;z-index:2;}
#content div.home ul li.lydo section .title{font:bold 40px/60px 'BeauSans', sans-serif;padding:0 0 25px;
    color:#d0b175;
    background:linear-gradient(
        90deg,
        #8f6c32 0%,
        #d0b175 25%,
        #fff1b8 50%,
        #d0b175 75%,
        #8f6c32 100%
    );
    background-size:200% auto;

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 0 18px rgba(208,177,117,0.25);

    animation:titleGoldMove 4s linear infinite;
}

@keyframes titleGoldMove{
    0%{
        background-position:0% center;
    }
    100%{
        background-position:200% center;
    }
}

#content div.home ul li.lydo section .head{position:relative;display:block;width:100%;margin:0 auto;padding:0 0 35px;font:400 18px/25px 'BeauSans', sans-serif;}
#content div.home ul li.lydo section .head h1{font:bold 20px/30px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.lydo section .head h2{font:bold 20px/30px 'BeauSans', sans-serif;padding:5px 0;text-align:left;}
#content div.home ul li.lydo section .head h3{font:bold 20px/30px 'BeauSans', sans-serif;padding:5px 0;text-align:left;}
#content div.home ul li.lydo section .head p,
#content div.home ul li.lydo section .head div{padding:5px 0;}
#content div.home ul li.lydo section .head b,
#content div.home ul li.lydo section .head strong{font:400 15px/22px 'BeauSans', sans-serif}
#content div.home ul li.lydo section .head a{text-decoration:none}
#content div.home ul li.lydo section .head a:hover{text-decoration:underline}
#content div.home ul li.lydo section .head img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content div.home ul li.lydo section .head ul{margin:5px 0;padding:18px 20px;list-style:none;border-radius:6px;border:1px solid #f0deb5;}
#content div.home ul li.lydo section .head ul li{position:relative;list-style:none;margin:0;padding:0 0 0 20px;}
#content div.home ul li.lydo section .head ul li::before{content:"✓";position:absolute;left:0;top:2px;font-size:14px;font-weight:700;color:#e53935;}
#content div.home ul li.lydo section .head ul li p{padding:0;}

#content div.home ul li.lydo section .obox{position:relative;}
#content div.home ul li.lydo section .obox ul{display:block;margin:0;padding:0;display: grid;grid-template-columns: repeat(2, minmax(0,1fr));gap:45px;list-style: none;}
#content div.home ul li.lydo section .obox ul li{position:relative;width:100%;display:block;margin:0;padding:0;list-style-type:none;}
#content div.home ul li.lydo section .obox ul li .card{
    display:flex;
    flex-direction:column;
    gap:15px;
    transition:all .3s ease;
}

#content div.home ul li.lydo section .obox ul li .card:hover{
    transform:translateY(-2px);
}

#content div.home ul li.lydo section .obox ul li .card .card-head{
    display:flex;
    align-items:center;
    gap:18px;
}

#content div.home ul li.lydo section .obox ul li .card .thumb{
    width:85px;
    height:85px;
    flex:0 0 85px;

    display:flex;
    align-items:center;
    justify-content:center;
}

#content div.home ul li.lydo section .obox ul li .card .thumb img{
    max-width:100%;
    max-height:100%;
    display:block;
}

#content div.home ul li.lydo section .obox ul li .card .title{
    margin:0;padding:0;
    font:bold 25px/35px 'BeauSans', sans-serif;
    text-transform:uppercase;

    background:linear-gradient(90deg,#f5d78e,#caa55d,#f5d78e);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

#content div.home ul li.lydo section .obox ul li .card .desc{
    margin:0;
    font:400 18px/25px BeauSans;
    color:#fff;
}
#content div.home ul li.lydo section .obox ul li .card .desc p,
#content div.home ul li.lydo section .obox ul li .card .desc div{margin:0;padding:3px 0;}
#content div.home ul li.lydo section .obox ul li .card .desc ul{display:block;width:100%;margin:0;padding:0;list-style-type:none;}
#content div.home ul li.lydo section .obox ul li .card .desc ul li{position:relative;display:block;width:100%;list-style-type:none;margin:0;padding:3px 0 3px 20px;}
#content div.home ul li.lydo section .obox ul li .card .desc ul li::before{content:"✔";position: absolute;left:0;top:3px;color:#f97316;font-weight:700;font-size:13px;}
#content div.home ul li.lydo section .obox ul li .card .desc ul li p,
#content div.home ul li.lydo section .obox ul li .card .desc ul li div{margin:0;padding:0;}

#content div.home ul li.lydo section .tuvan-buttons{
    display:flex;
    width:100%;
    margin:0;
    padding:35px 0 0;
    justify-content:center;
    flex-wrap:wrap;
    align-items:center;
    gap:15px;
}

/* ====================== NÚT CHUNG ====================== */
#content div.home ul li.lydo section .tuvan-buttons .btn{
    position:relative;
    display:inline-block;
    padding:10px 25px;
    font:400 16px/20px BeauSans;
    text-transform:uppercase;
    text-decoration:none;

    border-radius:20px;
    text-align:center;
    min-width:150px;

    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    overflow:hidden;
    isolation:isolate;
    transition:all .3s ease;
    z-index:0;
}

/* ====================== STYLE NÚT ====================== */
#content div.home ul li.lydo section .tuvan-buttons .btn.btn-orange{
    background:none;
    color:#d0b175;
    border:3px solid #d0b175;
}

#content div.home ul li.lydo section .tuvan-buttons .btn.btn-orange:hover{
    border-color:#d0b175;
}

#content div.home ul li.lydo section .tuvan-buttons .btn.btn-gray{
    background:none;
    color:#d0b175;
    border:3px solid #d0b175;
}

/* ====================== VỆT SÁNG ====================== */
#content div.home ul li.lydo section .tuvan-buttons .btn::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.lydo section .tuvan-buttons .btn:hover::before{
    animation:sheen 1.5s cubic-bezier(.4,0,.2,1) forwards;
    opacity:1;
}

/* chạy hết nút */
@keyframes sheen{
    to { transform:skewX(-20deg) translateX(460%); }
}

/* ====================== HOVER ====================== */
#content div.home ul li.lydo section .tuvan-buttons .btn:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 14px rgba(0,0,0,0.12);
}

/* ====================== TỐI ƯU ====================== */
@media (prefers-rgba(255,255,255,1)uced-motion: rgba(255,255,255,1)uce){
    #content div.home ul li.lydo section .tuvan-buttons .btn:hover::before{
        animation:none;
        opacity:0;
    }
    #content div.home ul li.lydo section .tuvan-buttons .btn:hover{
        transform:none;
        box-shadow:0 2px 6px rgba(0,0,0,0.08);
    }
}

/* HOME > BIỂU MẪU */
#content div.home ul li.bieumau{position:relative;padding:65px 0;border-bottom:#f0deb5 5px solid;}
/* overlay ảnh nền */
#content div.home ul li.bieumau::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.55),
            rgba(0,0,0,.78)
        );

    z-index:1;
    pointer-events:none;
}

/* glow nhẹ */
#content div.home ul li.bieumau::after{
    content:"";
    position:absolute;
    left:50%;
    top:42%;

    width:860px;
    height:360px;

    transform:translate(-50%,-50%);

    background:
        radial-gradient(
            circle,
            rgba(208,177,117,.16),
            rgba(208,177,117,0) 68%
        );

    z-index:1;
    pointer-events:none;
}

#content div.home ul li.bieumau section{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:1fr;
    gap:35px;

    align-items:center;

    width:1200px;
    max-width:calc(100% - 30px);

    margin:0 auto;
    padding:0;

    text-align:center;
}

/* ================= HEAD ================= */

#content div.home ul li.bieumau section .head{
    position:relative;
    display:block;
    width:100%;
    max-width:820px;

    margin:0 auto;
    padding:0;

    font:400 17px/28px 'BeauSans', sans-serif;
    color:rgba(255,255,255,.82);
}

#content div.home ul li.bieumau section .head h1,
#content div.home ul li.bieumau section .head h2,
#content div.home ul li.bieumau section .head h3{
    margin:0;
    padding:0 0 14px;

    font:700 40px/50px 'BeauSans', sans-serif;
    text-transform:capitalize;

    color:#d0b175;

    background:linear-gradient(
        90deg,
        #8f6c32 0%,
        #d0b175 25%,
        #fff1b8 50%,
        #d0b175 75%,
        #8f6c32 100%
    );

    background-size:200% auto;

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 0 18px rgba(208,177,117,.25);

    animation:titleGoldMove 4s linear infinite;
}

#content div.home ul li.bieumau section .head p,
#content div.home ul li.bieumau section .head div{
    padding:4px 0;
    margin:0;
}

#content div.home ul li.bieumau section .head b,
#content div.home ul li.bieumau section .head strong{
    font:600 17px/28px 'BeauSans', sans-serif;
    color:#fff;
}

#content div.home ul li.bieumau section .head a{
    color:#d0b175;
    text-decoration:none;
}

#content div.home ul li.bieumau section .head a:hover{
    text-decoration:underline;
}

#content div.home ul li.bieumau section .head img{
    display:inline-block;
    margin:5px 0;
    max-width:100%;
    height:auto !important;
    border:none;
}

#content div.home ul li.bieumau section .head .thumb{
    display:block;
    margin:0;
    padding:15px 10% 0;
}

#content div.home ul li.bieumau section .head .thumb img{
    display:block;
    width:100%;
    height:auto !important;
    border:none;
}

/* ================= BUTTON WRAP ================= */

#content div.home ul li.bieumau section .obox{
    position:relative;
    display:block;
    width:100%;
}

#content div.home ul li.bieumau section .obox .tuvan-buttons{
    display:flex;
    width:100%;

    margin:0;
    padding:8px 0 0;

    justify-content:center;
    flex-wrap:wrap;
    align-items:center;

    gap:16px;
    text-align:center;

    position:relative;
    z-index:3;
}

/* ================= BUTTON ================= */

#content div.home ul li.bieumau section .obox .tuvan-buttons .btn{
    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:210px;

    padding:14px 34px;

    font:400 16px/22px BeauSans, Arial, sans-serif;
    text-transform:uppercase;
    letter-spacing:.5px;

    text-decoration:none;

    border-radius:40px;

    overflow:hidden;
    isolation:isolate;

    transition:all .35s ease;

    box-shadow:
        0 10px 24px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.05);
}

/* nút chính */
#content div.home ul li.bieumau section .obox .tuvan-buttons .btn.btn-orange{
    color:#111;
    background:#d0b175;
    border:2px solid #d0b175;
}

/* nút phụ */
#content div.home ul li.bieumau section .obox .tuvan-buttons .btn.btn-gray{
    color:#d0b175;
    background:rgba(255,255,255,.02);
    border:2px solid rgba(208,177,117,.85);

    backdrop-filter:blur(8px);
}

/* shine */
#content div.home ul li.bieumau section .obox .tuvan-buttons .btn::before{
    content:"";

    position:absolute;

    top:-120%;
    bottom:-120%;
    left:-55%;

    width:42%;

    transform:skewX(-22deg);

    background:linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.18) 45%,
        rgba(255,255,255,.75) 50%,
        rgba(255,255,255,.18) 55%,
        rgba(255,255,255,0) 100%
    );

    opacity:0;

    pointer-events:none;
    z-index:1;
}

/* hover */
#content div.home ul li.bieumau section .obox .tuvan-buttons .btn:hover{
    transform:translateY(-4px);

    box-shadow:
        0 18px 35px rgba(0,0,0,.45),
        0 0 25px rgba(208,177,117,.18);
}

#content div.home ul li.bieumau section .obox .tuvan-buttons .btn.btn-orange:hover{
    color:#fff3d1;
    background:rgba(208,177,117,.12);
    border-color:#f0deb5;
}

#content div.home ul li.bieumau section .obox .tuvan-buttons .btn.btn-gray:hover{
    color:#fff3d1;
    background:rgba(208,177,117,.08);
    border-color:#f0deb5;
}

#content div.home ul li.bieumau section .obox .tuvan-buttons .btn:hover::before{
    animation:sheenLuxury 1.4s ease forwards;
    opacity:1;
}

/* ================= ANIMATION ================= */

@keyframes sheenLuxury{
    to{
        transform:skewX(-22deg) translateX(420%);
    }
}

@keyframes titleGoldMove{
    0%{
        background-position:0% center;
    }
    100%{
        background-position:200% center;
    }
}

/* ================= MOBILE ================= */

@media(max-width:768px){

    #content div.home ul li.bieumau{
        padding:60px 0;
    }

    #content div.home ul li.bieumau section{
        gap:25px;
    }

    #content div.home ul li.bieumau section .head{
        font-size:15px;
        line-height:25px;
    }

    #content div.home ul li.bieumau section .head h1,
    #content div.home ul li.bieumau section .head h2,
    #content div.home ul li.bieumau section .head h3{
        font-size:28px;
        line-height:38px;
    }

    #content div.home ul li.bieumau section .obox .tuvan-buttons{
        gap:12px;
    }

    #content div.home ul li.bieumau section .obox .tuvan-buttons .btn{
        min-width:180px;
        padding:12px 24px;

        font-size:14px;
        line-height:20px;
    }

}

@media (prefers-rgba(255,255,255,1)uced-motion: rgba(255,255,255,1)uce){

    #content div.home ul li.bieumau section .obox .tuvan-buttons .btn:hover::before{
        animation:none;
        opacity:0;
    }

    #content div.home ul li.bieumau section .obox .tuvan-buttons .btn:hover{
        transform:none;
    }

}

/* START GIỚI THIỆU */
#content ul.gt{display:block;margin:0;padding:0;list-style:none;}
#content ul.gt li{list-style:none;}

#content ul.gt li.gt0{padding:15px 0;}
#content ul.gt li.gt0 .box{position:relative;width:1200px;margin:0 auto;padding:0;}
#content ul.gt li.gt0 .box .txt{}
#content ul.gt li.gt0 .box .txt .title{padding:0 0 10px;}
#content ul.gt li.gt0 .box .txt .title h2{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0;font:600 20px/30px BeauSans, sans-serif;color:#f0deb5;}
#content ul.gt li.gt0 .box .txt .ibox{}

#content ul.gt li.gt0 .box .subbox{padding:25px 0 0;color:#222;}

#content ul.gt li.gt1{}
#content ul.gt li.gt1 .box{position:relative;display:flex;width:1200px;margin:0 auto;padding:0;align-items:center;}
#content ul.gt li.gt1 .box .txt{width:50%;padding:25px 45px;}
#content ul.gt li.gt1 .box .txt .title{padding:0 0 15px;}
#content ul.gt li.gt1 .box .txt .title h2{margin:0;padding:0;font:450 25px/30px BeauSans, sans-serif;color:#f0deb5;}
#content ul.gt li.gt1 .box .txt .ibox{}
#content ul.gt li.gt1 .box .thumb{width:50%;}
#content ul.gt li.gt1 .box .thumb img{display:block;width:100%;border:none;}

#content ul.gt li.gt2{}
#content ul.gt li.gt2 .box{position:relative;display:flex;width:1200px;margin:0 auto;padding:0;align-items:center;flex-direction:row-reverse;}
#content ul.gt li.gt2 .box .txt{width:50%;padding:25px 45px;}
#content ul.gt li.gt2 .box .txt .title{padding:0 0 15px;}
#content ul.gt li.gt2 .box .txt .title h2{margin:0;padding:0;font:450 25px/30px BeauSans, sans-serif;color:#f0deb5;}
#content ul.gt li.gt2 .box .txt .ibox{}
#content ul.gt li.gt2 .box .thumb{width:50%;}
#content ul.gt li.gt2 .box .thumb img{display:block;width:100%;border:none;}

#content ul.gt li.gt3{background:#fff;padding:15px 0;}
#content ul.gt li.gt3 .box{position:relative;width:1200px;margin:0 auto;padding:0;}
#content ul.gt li.gt3 .box .title{padding:0 0 25px;text-align:center;}
#content ul.gt li.gt3 .box .title h2{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0;font:600 20px/30px BeauSans, sans-serif;color:#f0deb5;}
#content ul.gt li.gt3 .box ul{display:block;margin:0;padding:0;list-style:none;}
#content ul.gt li.gt3 .box ul li{width:25%;display:inline-block;vertical-align:top;margin:0;padding:0;}
#content ul.gt li.gt3 .box ul li:first-child,
#content ul.gt li.gt3 .box ul li:nth-child(5){margin-left:0;}
#content ul.gt li.gt3 .box ul li .thumb{display:block;position:relative;text-align:center;width:100%;margin:0 auto;padding:0;overflow:hidden;background-repeat:no-repeat !important;background-size:cover !important;background-position:center !important;}
#content ul.gt li.gt3 .box ul li .thumb img{display:block;width:100%;border:none;}

#content ul.gt li.gt4{background:#fff;padding:15px 0;}
#content ul.gt li.gt4 .box{position:relative;width:1200px;margin:0 auto;padding:0;}
#content ul.gt li.gt4 .box .title{padding:0 0 20px;}
#content ul.gt li.gt4 .box .title h2{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0;font:600 20px/30px BeauSans, sans-serif;color:#f0deb5;}
#content ul.gt li.gt4 .box ul{position:relative;display:grid;margin:0;padding:0;list-style:none;
	grid-auto-rows:minmax(min-content, max-content);
	grid-template-columns:repeat(4,minmax(0,1fr));
	column-gap:10px;
	row-gap:10px;
	}
#content ul.gt li.gt4 .box ul li{display:flex;align-items:center;border-radius:10px;column-gap:15px;margin:0;padding:0 15px;list-style:none;
    border:1px solid #dedede;
    background:#f7f6f9;
	flex-direction: column;
}
#content ul.gt li.gt4 .box ul li .n1{display:block;width:100%;margin:0;padding:10px 0;font:600 22px/30px BeauSans, sans-serif;color:#f0deb5;border-bottom:1px solid #dedede;}
#content ul.gt li.gt4 .box ul li .n2{display:block;width:100%;margin:0;padding:10px 0 15px;font:400 16px/25px BeauSans, sans-serif;color:#f0deb5;}
#content ul.gt li.gt4 .box ul li .n3{display:block;width:100%;margin:0;padding:10px 0;font:400 14px/22px BeauSans, sans-serif;color:#222;}

#content ul.gt li.gt5{background:#fff;padding:15px 0;}
#content ul.gt li.gt5 .box{position:relative;width:1200px;margin:0 auto;padding:0;}

#content ul.gt li.gt5 .box .head{padding:0 0 30px;}
#content ul.gt li.gt5 .box .head div{position:relative;display:inline-block;vertical-align:top;background:#f0deb5;margin:0;padding:10px 25px;font:600 22px/30px BeauSans, sans-serif;color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
	}

#content ul.gt li.gt5 .box .title{padding:0 0 20px;}
#content ul.gt li.gt5 .box .title h2{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0;font:600 20px/30px BeauSans, sans-serif;color:#f0deb5;}

#content ul.gt li.gt5 .box ul{position:relative;display:grid;margin:0;padding:0;list-style:none;
	grid-auto-rows:minmax(min-content, max-content);
	grid-template-columns:repeat(4,minmax(0,1fr));
	column-gap:10px;
	row-gap:10px;
	}
#content ul.gt li.gt5 .box ul li{display:flex;align-items:center;border-radius:10px;column-gap:15px;margin:0;padding:0 15px;list-style:none;
    border:1px solid #dedede;
    background:#f7f6f9;
	flex-direction: column;
}
#content ul.gt li.gt5 .box ul li .n1{display:block;width:100%;margin:0;padding:10px 0;font:450 22px/30px BeauSans, sans-serif;color:#222;border-bottom:1px solid #dedede;}
#content ul.gt li.gt5 .box ul li .n2{display:block;width:100%;margin:0;padding:10px 0;font:400 16px/25px BeauSans, sans-serif;color:#222;}

#content ul.gt li.gt6{background:#fff;padding:15px 0;}
#content ul.gt li.gt6 .box{position:relative;width:1200px;margin:0 auto;padding:0;}

#content ul.gt li.gt6 .box .head{padding:0 0 30px;}
#content ul.gt li.gt6 .box .head div{position:relative;display:inline-block;vertical-align:top;background:#f0deb5;margin:0;padding:10px 25px;font:600 22px/30px BeauSans, sans-serif;color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
	}

#content ul.gt li.gt6 .box .title{padding:0 0 20px;}
#content ul.gt li.gt6 .box .title h2{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0;font:600 20px/30px BeauSans, sans-serif;color:#f0deb5;}

#content ul.gt li.gt6 .box ul{position:relative;display:grid;margin:0;padding:0;list-style:none;
	grid-auto-rows:minmax(min-content, max-content);
	grid-template-columns:repeat(4,minmax(0,1fr));
	column-gap:10px;
	row-gap:10px;
	}
#content ul.gt li.gt6 .box ul li{display:flex;align-items:center;border-radius:10px;column-gap:15px;margin:0;padding:0 15px;list-style:none;
    border:1px solid #dedede;
    background:#f7f6f9;
	flex-direction: column;
}
#content ul.gt li.gt6 .box ul li .n1{display:block;width:100%;margin:0;padding:10px 0;font:450 22px/30px BeauSans, sans-serif;color:#222;border-bottom:1px solid #dedede;}
#content ul.gt li.gt6 .box ul li .n1 img{inline-block;vertical-align:top;height:50px;border:none;}
#content ul.gt li.gt6 .box ul li .n2{display:block;width:100%;margin:0;padding:15px 0 10px;font:600 20px/30px BeauSans, sans-serif;color:#f0deb5;}
#content ul.gt li.gt6 .box ul li .n3{display:block;width:100%;margin:0;padding:10px 0;font:400 16px/25px BeauSans, sans-serif;color:#222;}

/* START QUY TRINH*/
#content ul.gt li.gt7{background:#fff;padding:15px 0;}
#content ul.gt li.gt7 .box{position:relative;width:1200px;margin:0 auto;padding:0;}

#content ul.gt li.gt7 .box .head{width:100%;margin:0 auto;padding:0 0 30px;}
#content ul.gt li.gt7 .box .head div{position:relative;display:inline-block;vertical-align:top;background:#f0deb5;margin:0;padding:10px 25px;font:600 22px/30px BeauSans, sans-serif;color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
	}

#content ul.gt li.gt7 .box .title{width:100%;margin:0 auto;padding:0 0 20px;}
#content ul.gt li.gt7 .box .title h2{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0;font:600 20px/30px BeauSans, sans-serif;color:#f0deb5;}

#content ul.gt li.gt7 .box .ibox{display:block;position:relative;overflow:hidden;padding:5px 0;}
#content ul.gt li.gt7 .box .ibox .service-swiper{
  position:relative;
  overflow:visible !important;
  padding:0 2px;
}

/* Wrapper không chặn tràn */
#content ul.gt li.gt7 .box .ibox .service-swiper .swiper-wrapper{
  overflow:visible !important;
}

/* Card đứng, bo góc & đổ bóng */
#content ul.gt li.gt7 .box .ibox .service-swiper .swiper-slide .card{padding:8px;border-radius:8px;
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
	box-shadow: 0 0 5px rgba(230, 126, 34, 0.5);
}

/* Ảnh dọc */
#content ul.gt li.gt7 .box .ibox .service-swiper .swiper-slide .thumb{width:100%;aspect-ratio:6/4;overflow:hidden;border-radius:8px 8px 0 0;}
#content ul.gt li.gt7 .box .ibox .service-swiper .swiper-slide .thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1);
  transition: transform .45s ease;
	will-change: transform;
	transform-origin:center center;
}
#content ul.gt li.gt7 .box .ibox .service-swiper .swiper-slide:hover .thumb img{
  transform: scale(1.12);
}
/* Phần info dưới ảnh */
#content ul.gt li.gt7 .box .ibox .service-swiper .swiper-slide .info{background:#fff;
	padding:15px 5px;
	display: flex;
	flex-direction: column;
}

/* Tiêu đề */
#content ul.gt li.gt7 .box .ibox .service-swiper .swiper-slide info h5{
  margin:0 0 8px;
  font:500 16px/1.35 BeauSans, "Be Vietnam Pro", system-ui;
  color:#222;
}

/* Nút điều hướng 2 bên – hiện khi hover cả vùng slider */
#content ul.gt li.gt7 .box .ibox .service-swiper .service-button-prev,
#content ul.gt li.gt7 .box .ibox .service-swiper .service-button-next{
  position:absolute;
  top:50%;
  width:46px; height:46px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  color:#f0deb5;
  z-index:20;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transition:all .35s ease;
  backdrop-filter:blur(6px);
  pointer-events:auto;
}
#content ul.gt li.gt7 .box .ibox .service-swiper .service-button-prev{
  left:0;
  transform:translate(-22px,-50%);
}
#content ul.gt li.gt7 .box .ibox .service-swiper .service-button-next{
  right:0;
  transform:translate(22px,-50%);
}
#content ul.gt li.gt7 .box .ibox .service-swiper:hover .service-button-prev{
  opacity:.65; visibility:visible; transform:translate(22px,-50%);
}
#content ul.gt li.gt7 .box .ibox .service-swiper:hover .service-button-next{
  opacity:.65; visibility:visible; transform:translate(-22px,-50%);
}
#content ul.gt li.gt7 .box .ibox .service-swiper .service-button-prev:hover,
#content ul.gt li.gt7 .box .ibox .service-swiper .service-button-next:hover{
  background:#f0deb5; color:#fff; border-color:#f0deb5;
  box-shadow:0 6px 16px rgba(230,126,34,.4);
  transform:translateY(-50%) scale(1.08);
}

/* Pagination (dấu chấm) */
#content ul.gt li.gt7 .box .ibox .service-pagination.swiper-pagination{
  position:relative;
  text-align:center;
  margin-top:25px;
  z-index:3;
}
#content ul.gt li.gt7 .box .ibox .service-pagination .swiper-pagination-bullet{
  width:10px;
  height:10px;
  background-color:#f0deb5;
  opacity:1;
  margin:0 6px !important;
  transition:all .3s ease;
}
#content ul.gt li.gt7 .box .ibox .service-pagination .swiper-pagination-bullet-active{
  background-color:#f0deb5;
  transform:scale(1.3);
  box-shadow:0 0 6px rgba(230,126,34,0.4);
}
#content ul.gt li.gt7 .box .ibox .service-pagination .swiper-pagination-bullet:hover{
  background-color:#f0deb5;
  opacity:.9;
}

/* Mobile: slide rộng hơn chút cho dễ xem */
@media (max-width: 767px){
  #content ul.gt li.gt7 .box .ibox .obox .service-swiper .swiper-slide{
    width:80% !important;
  }
}


#content ul.gt li.gt7 .box .subbox{display:block;padding:25px 0 0;}

/* END QUY TRINH*/
#content ul.gt li.gt8{background:#fff;padding:15px 0;}
#content ul.gt li.gt8 .box{position:relative;width:1200px;margin:0 auto;padding:0;}

#content ul.gt li.gt8 .box .head{width:100%;margin:0 auto;padding:0 0 30px;}
#content ul.gt li.gt8 .box .head div{position:relative;display:inline-block;vertical-align:top;background:#f0deb5;margin:0;padding:10px 25px;font:600 22px/30px BeauSans, sans-serif;color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
	}

#content ul.gt li.gt8 .box .title{width:100%;margin:0 auto;padding:0 0 20px;}
#content ul.gt li.gt8 .box .title h2{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0;font:600 20px/30px BeauSans, sans-serif;color:#f0deb5;}

#content ul.gt li.gt8 .box .ibox{position:relative;}
#content ul.gt li.gt8 .box .ibox .gt8view{width:100%;padding:0;overflow:hidden;}
#content ul.gt li.gt8 .box .ibox .gt8view .util-wrapper-holder {
    overflow: hidden;
    position: relative;
    width: -moz-calc(100% ) !important;
    width: -webkit-calc(100% ) !important;
    width: -o-calc(100% ) !important;
    width: calc(100% ) !important;
	padding:0 !important;
}
#content ul.gt li.gt8 .box .ibox .gt8view .item{background:#f1f1f1;margin:0;padding:0;}
#content ul.gt li.gt8 .box .ibox .gt8view .item .thumb{position:relative;display:block;width:100%;margin:0 auto;background-size:cover !important;background-position:50% 50% !important;}
#content ul.gt li.gt8 .box .ibox .gt8view .item .thumb:before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";background:rgba(0,0,0,.25);z-index:1}
#content ul.gt li.gt8 .box .ibox .gt8view .item .thumb img{display:block;width:100%;border:none;}

#content ul.gt li.gt8 .box .ibox .gt8view .item .thumb .info{position:absolute;bottom:-165px;left:0;right:0;padding:10px 15px;color:#fff;z-index:2;
    -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;
	}
#content ul.gt li.gt8 .box .ibox .gt8view .item:hover .thumb .info{position:absolute;bottom:0;left:0;right:0;padding:10px 15px;}
#content ul.gt li.gt8 .box .ibox .gt8view .item .thumb .info h2,
#content ul.gt li.gt8 .box .ibox .gt8view .item .thumb .info h5{display:block;height:40px;margin:0 0 15px;padding:0 0 10px;font:450 22px/30px 'BeauSans', sans-serif;
    overflow: hidden;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
	border-bottom:#fff 2px solid;
	}
#content ul.gt li.gt8 .box .ibox .gt8view .item .thumb .info .desc{display:block;height:100px;margin:0;padding:0;font:400 16px/25px 'BeauSans', sans-serif;
    overflow: hidden;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
	}
#content ul.gt li.gt8 .box .ibox .gt8view .item .thumb .info .more{padding:15px 0 10px;}
#content ul.gt li.gt8 .box .ibox .gt8view .item .thumb .info .more a{width:auto;background-color:#f0deb5;display:inline-block;vertical-align:top;padding:5px 15px;
	font:450 15px/20px 'BeauSans', sans-serif;
	color:rgba(255,255,255,1);
	text-decoration:none;
	-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);
	}
#content ul.gt li.gt8 .box .ibox .gt8view .item .thumb .info .more a:hover{background-color:#f0deb5;text-decoration:none;}

#content ul.gt li.gt9{background:#fff;padding:15px 0;}
#content ul.gt li.gt9 .box{position:relative;width:1200px;margin:0 auto;padding:0;}

#content ul.gt li.gt9 .box .head{padding:0 0 30px;}
#content ul.gt li.gt9 .box .head div{position:relative;display:inline-block;vertical-align:top;background:#f0deb5;margin:0;padding:10px 25px;font:600 22px/30px BeauSans, sans-serif;color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
	}

#content ul.gt li.gt9 .box .title{padding:0 0 5px;}
#content ul.gt li.gt9 .box .title h2{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0;font:600 20px/30px BeauSans, sans-serif;color:#f0deb5;}

#content ul.gt li.gt9 .box .ibox{position:relative;width:100%;display:flex;align-items:start;column-gap:45px;row-gap:35px;color:#222;border:none;}

#content ul.gt li.gt9 .box .ibox .info{width:65%;display:inline-block;vertical-align:top;padding:0 0 75px;font:400 16px/25px 'BeauSans', sans-serif;text-align:justify;}
#content ul.gt li.gt9 .box .ibox .info h1{font:450 22px/28px 'BeauSans', sans-serif;padding:5px 0;}
#content ul.gt li.gt9 .box .ibox .info h2{font:450 22px/28px 'BeauSans', sans-serif;padding:5px 0;}
#content ul.gt li.gt9 .box .ibox .info h3{font:450 22px/28px 'BeauSans', sans-serif;padding:5px 0;}
#content ul.gt li.gt9 .box .ibox .info p,
#content ul.gt li.gt9 .box .ibox .info div{padding:5px 0;}
#content ul.gt li.gt9 .box .ibox .info b,
#content ul.gt li.gt9 .box .ibox .info strong{font:400 16px/25px 'BeauSans', sans-serif;}
#content ul.gt li.gt9 .box .ibox .info a{text-decoration:none}
#content ul.gt li.gt9 .box .ibox .info a:hover{text-decoration:underline}
#content ul.gt li.gt9 .box .ibox .info img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content ul.gt li.gt9 .box .ibox .info .more {position: absolute;left:0;bottom:20px;padding:0;}
#content ul.gt li.gt9 .box .ibox .info .more a.a1,
#content ul.gt li.gt9 .box .ibox .info .more a.a2{width:auto;background-color:#ff3131;display:inline-block;vertical-align:top;padding:10px 25px;
	font:450 15px/20px 'BeauSans', 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);
	}
#content ul.gt li.gt9 .box .ibox .info .more a.a1{background-color:#ff3131;}
#content ul.gt li.gt9 .box .ibox .info .more a.a2{margin-left:10px;background-color:#f0deb5;}
#content ul.gt li.gt9 .box .ibox .info .more a.a1:hover,
#content ul.gt li.gt9 .box .ibox .info .more a.a2:hover{background-color:#ff3131;text-decoration:none;}

#content ul.gt li.gt9 .box .ibox .info .more a.mxh{text-decoration:none !important;
	width:40px;
	display: inline-block;
	vertical-align:top;
	text-align: center;
	margin:0 4px 0 0;
	background:#f0deb5;
	border:#f0deb5 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;
	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);
}
#content ul.gt li.gt9 .box .ibox .info .more a.mxh i {
	font-size:22px !important;
	color:rgba(255,255,255,1);
	margin:0;
	padding:7px 0 !important;
	display: block;
	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;
}
#content ul.gt li.gt9 .box .ibox .info .more a.mxh:last-child{margin:0;}
#content ul.gt li.gt9 .box .ibox .info .more a.mxh:hover{background:#f0deb5;border:#f0deb5 2px solid;}
#content ul.gt li.gt9 .box .ibox .info .more a.mxh:hover i{color:#fff;}

#content ul.gt li.gt9 .box .ibox .thumb{width:35%;display:inline-block;vertical-align:top;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	overflow: hidden;
	}
#content ul.gt li.gt9 .box .ibox .thumb img{display:block;width:100%;border:none}
#content ul.gt li.gt9 .box .ibox .thumb .ytbox{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin:0;
	}
#content ul.gt li.gt9 .box .ibox .thumb .ytbox iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
	}

/* HOME > NHÂN VIÊN */
#content div.home ul li.nhanvien{position:relative;padding:0;}
#content div.home ul li.nhanvien .nvbox{position:relative;width:100%;margin:0 auto;}
#content div.home ul li.nhanvien .nvbox .head{width:1200px;margin:0 auto;padding:25px 0 15px;}
#content div.home ul li.nhanvien .nvbox .head h2{display:block;margin:0;padding:0;font:450 22px/30px 'BeauSans', sans-serif;text-transform:uppercase;}
#content div.home ul li.nhanvien .nvbox .head h2 span{}
#content div.home ul li.nhanvien .nvbox .nvtab{background:#2196f5;}
#content div.home ul li.nhanvien .nvbox .nvtab .tabbox{width:1200px;margin:0 auto;}
#content div.home ul li.nhanvien .nvbox .nvtab .tabbox ul{display:inline-block;vertical-align:top;margin:0;padding:0;list-style-type:none;}
#content div.home ul li.nhanvien .nvbox .nvtab .tabbox ul li{display:inline-block;vertical-align:top;list-style-type:none;margin:0;padding:5px;}
#content div.home ul li.nhanvien .nvbox .nvtab .tabbox ul li span,
#content div.home ul li.nhanvien .nvbox .nvtab .tabbox ul li a{display:block;position:relative;overflow:hidden;padding:5px 15px;background-color:transparent;cursor:pointer;
	border:1px solid rgba(255,255,255,0);
	font:450 13px/25px 'BeauSans', sans-serif;
	color:rgba(255,255,255,1);
	text-transform:uppercase;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
    -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;
	}
#content div.home ul li.nhanvien .nvbox .nvtab .tabbox ul li span.active{border:1px solid #004AAD;background-color:#004AAD;}
#content div.home ul li.nhanvien .nvbox .nvtab .tabbox ul li span:hover,
#content div.home ul li.nhanvien .nvbox .nvtab .tabbox ul li a:hover{border:1px solid #004AAD;background-color:#004AAD;}

#content div.home ul li.nhanvien .nvbox .tabcon{width:1200px;margin:0 auto;padding:25px 0;display:flex;column-gap:45px;}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox{position:relative;width:100%;display:flex;align-items:center;column-gap:45px;color:#222;
	border:none;
	padding:20px 25px;
	background:#ECEDEE;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	overflow: hidden;
	}

#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info{width:65%;display:inline-block;vertical-align:top;padding:0 0 75px;font:400 16px/25px 'BeauSans', sans-serif;text-align:justify;}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info h1{font:450 22px/28px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info h2{font:450 22px/28px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info h3{font:450 22px/28px 'BeauSans', sans-serif;padding:5px 0;}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info p,
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info div{padding:5px 0;}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info b,
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info strong{font:400 16px/25px 'BeauSans', sans-serif;}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info a{text-decoration:none}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info a:hover{text-decoration:underline}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info .more {position: absolute;left:25px;bottom:20px;padding:0;}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info .more a.a1,
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info .more a.a2{width:auto;background-color:#ff3131;display:inline-block;vertical-align:top;padding:10px 25px;
	font:450 15px/20px 'BeauSans', 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);
	}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info .more a.a1{background-color:#ff3131;}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info .more a.a2{margin-left:10px;background-color:#2196f5;}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info .more a.a1:hover,
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info .more a.a2:hover{background-color:#ff3131;text-decoration:none;}

#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info .more a.mxh{text-decoration:none !important;
	width:40px;
	display: inline-block;
	vertical-align:top;
	text-align: center;
	margin:0 4px 0 0;
	background:rgba(33,150,245,1);
	border:rgba(33,150,245,1) 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;
	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);
}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info .more a.mxh i {
	font-size:22px !important;
	color:rgba(255,255,255,1);
	margin:0;
	padding:7px 0 !important;
	display: block;
	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;
}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info .more a.mxh:last-child{margin:0;}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info .more a.mxh:hover{background:#004aad;border:#004aad 2px solid;}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .info .more a.mxh:hover i{color:#fff;}

#content div.home ul li.nhanvien .nvbox .tabcon .ibox .thumb{width:35%;display:inline-block;vertical-align:top;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	overflow: hidden;
	}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .thumb img{display:block;width:100%;border:none}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .thumb .ytbox{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin:0;
	}
#content div.home ul li.nhanvien .nvbox .tabcon .ibox .thumb .ytbox iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
	}

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

#content .conbox{display:block;width:1200px;margin:0 auto;padding:35px 0;}
#content .conbox.flex{display:flex !important;gap:35px;}
#content .conbox.flexR{display:flex !important;gap:35px;flex-direction:row-reverse;}
#content .conbox.t20{padding-top:20px;}
#content .conbox.pad0{padding-top:0;}
#content .conbox.nopad{padding:0;}
#content .conbox.full{width:96% !important;}

#content .booking{width:640px;margin:0 auto;padding:45px 0;}

.bg1{background:url('/images/global/bg-gt.png');}

.padt15{padding:0 !important;}
.padb15{padding-bottom:15px !important;}

#content .bantab1{padding:0 0 25px;border-bottom:0px solid rgba(0, 0, 0, .15);text-align:center;}
#content .bantab1 ul{width:auto !important;display:inline-block !important;vertical-align:top !important;margin:0 !important;padding:0 !important;list-style-type:none;}
#content .bantab1 ul li{width:auto !important;display:inline-block !important;vertical-align:top;list-style-type:none;margin:0 !important;padding:5px !important;border:none !important;}
#content .bantab1 ul li span,
#content .bantab1 ul li h2{display:block;margin:0;padding:0;}
#content .bantab1 ul li span a,
#content .bantab1 ul li div a{display:block;position:relative;overflow:hidden;padding:5px 15px;background-color:transparent;cursor:pointer;
	border:1px solid rgba(0,0,0,.15);
	font:600 13px/20px 'BeauSans', sans-serif;
	color:rgba(0,0,0,.65);
	text-transform:uppercase;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
    -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;
	}
#content .bantab1 ul li span.active a,
#content .bantab1 ul li div.active a{border:1px solid #f0deb5;background-color:#f0deb5;color:#fff;}
#content .bantab1 ul li span:hover a,
#content .bantab1 ul li div:hover a{border:1px solid #f0deb5;background-color:#f0deb5;color:#fff;}

#content .bantab2{padding:0 0 25px;border-bottom:0px solid rgba(0, 0, 0, .15);text-align:center;}
#content .bantab2 ul{width:auto !important;display:inline-block !important;vertical-align:top !important;margin:0 !important;padding:0 !important;list-style-type:none;}
#content .bantab2 ul li{width:auto !important;display:inline-block !important;vertical-align:top;list-style-type:none;margin:0 !important;padding:5px !important;border:none !important;}
#content .bantab2 ul li div,
#content .bantab2 ul li span{display:block;margin:0;padding:0;}
#content .bantab2 ul li div a,
#content .bantab2 ul li span a{display:block;position:relative;overflow:hidden;padding:5px 15px;background-color:transparent;cursor:pointer;
	border:1px solid rgba(0,0,0,.15);
	font:600 13px/20px 'BeauSans', sans-serif;
	color:rgba(0,0,0,.65);
	text-transform:uppercase;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
    -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;
	}
#content .bantab2 ul li div.active a,
#content .bantab2 ul li span.active a{border:1px solid #f0deb5;background-color:#f0deb5;color:#fff;}
#content .bantab2 ul li div:hover a,
#content .bantab2 ul li span:hover a{border:1px solid #f0deb5;background-color:#f0deb5;color:#fff;}

#content .conbox .cleft{width:72%;display:inline-block;vertical-align:top;}
#content .conbox .cright{width:28%;display:inline-block;vertical-align:top;}
#content .conbox .cright aside{}

#content .conbox .cright .form{background:#f3f5f8;margin:0 0 25px;padding:35px 25px;}
#content .conbox .cright .form .head{padding:0 0 15px;font:400 14px/20px 'BeauSans', sans-serif;text-align:center;}
#content .conbox .cright .form .head h1{font:600 24px/28px 'BeauSans', sans-serif;padding:5px 0;}
#content .conbox .cright .form .head h2{font:600 22px/28px 'BeauSans', sans-serif;padding:5px 0;}
#content .conbox .cright .form .head h3{font:600 20px/28px 'BeauSans', sans-serif;padding:5px 0;}
#content .conbox .cright .form .head p,
#content .conbox .cright .form .head div{padding:5px 0;}
#content .conbox .cright .form .head a{color:#222;text-decoration:none}
#content .conbox .cright .form .head a:hover{color:rgba(255,255,255,1);text-decoration:underline}
#content .conbox .cright .form .head img{display:inline-block;vertical-align:top;margin:5px 0;max-width:100%;height:auto !important;border:none}

#content .conbox .cright .form ul{width:100%;margin:0 auto;padding:0;list-style:none;}
#content .conbox .cright .form ul li{width:100%;display:inline-block;vertical-align:top;margin:0;padding:3px 0;font:400 13px/18px 'BeauSans', sans-serif;color:rgba(255,255,255,.85);list-style:none;}
#content .conbox .cright .form ul li:first-child{padding:5px 0 8px;font:400 13px/18px 'BeauSans', sans-serif;color:rgba(255,255,255,.65);}
#content .conbox .cright .form ul li span{display:block;padding:5px 0 0 5px;font:400 12px 'BeauSans', sans-serif;color:#fff;}
#content .conbox .cright .form ul li a{font:400 13px/18px 'BeauSans', sans-serif;text-decoration:none}
#content .conbox .cright .form ul li a:hover{color:#fff;}
#content .conbox .cright .form ul li input[type="text"],
#content .conbox .cright .form ul li textarea {display:inline-block;vertical-align:top;
	width:100%;
    -webkit-appearance: none;
    background:none;
    border:rgba(131,131,131,.5) 1px solid;
    outline: 0;
    margin: 0;
    padding:5px 10px;
	font:400 15px/30px 'BeauSans', sans-serif;
	color:rgba(0,0,0,.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-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 .conbox .cright .form ul li input[type="text"]::-moz-placeholder,
#content .conbox .cright .form ul li textarea::-moz-placeholder{font-size:15px;color:rgba(0,0,0,.65);opacity: 1;}
#content .conbox .cright .form ul li input[type="text"]::-webkit-input-placeholder,
#content .conbox .cright .form ul li textarea::-webkit-input-placeholder{font-size:15px;color:rgba(0,0,0,.65);}
#content .conbox .cright .form ul li input[type="text"]:-ms-input-placeholder,
#content .conbox .cright .form ul li textarea:-ms-input-placeholder{font-size:15px;color:rgba(0,0,0,.65);}
#content .conbox .cright .form ul li input[type="text"]:-moz-placeholder,
#content .conbox .cright .form ul li textarea:-moz-placeholder{font-size:15px;color:rgba(0,0,0,.65);}
#content .conbox .cright .form ul li input[type="button"] {
	display:block;
	width:100%;
	background:#fff;
	border:#fff 1px solid;
	margin:0;
	padding:5px 25px;
	font:400 16px/30px 'BeauSans', sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	outline:none;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-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 .conbox .cright .form ul li select:hover,
#content .conbox .cright .form ul li input[type="text"]:hover,
#content .conbox .cright .form ul li textarea:hover,
#content .conbox .cright .form ul li input[type="radio"]:hover {
    -webkit-box-shadow: #004395 0 0 5px 0;
    -moz-box-shadow: #004395 0 0 5px 0;
    box-shadow: #004395 0 0 5px 0;
}
#content .conbox .cright .form ul li input[type="button"]:hover {
    -webkit-box-shadow: #fff 0 0 5px 0;
    -moz-box-shadow: #fff 0 0 5px 0;
    box-shadow: #004395 0 0 5px 0;	
	}
	
#content .conbox .cright .cmnu{background:#fff;margin:0 0 15px;padding:0;border-radius:8px;}
#content .conbox .cright .cmnu ul{display:block;width:100%;padding:0;margin:0;list-style:none;}
#content .conbox .cright .cmnu ul li{position:relative;display:block;width:100%;padding:0;margin:0;list-style:none;}
#content .conbox .cright .cmnu ul li .c2{display:block;width:100%;border-bottom:rgba(0,0,0,.05) 1px solid;}
#content .conbox .cright .cmnu ul li .c2 a{display:block;width:100%;margin:0;padding:7px 15px 5px;font:450 16px/30px BeauSans, sans-serif;color:#004aad;text-transform:uppercase;}
#content .conbox .cright .cmnu ul li .c2 a:hover{color:#ff3131;}

#content .conbox .cright .cmnu ul li ul{display:block;width:100%;padding:0;margin:8px 0;list-style:none;}
#content .conbox .cright .cmnu ul li ul li{display:block;width:100%;padding:0;margin:0;list-style:none;}
#content .conbox .cright .cmnu ul li ul li div{margin:0;padding:0;}
#content .conbox .cright .cmnu ul li ul li div a{display:block;width:100%;margin:0;padding:5px 15px;font:400 18px/30px 'BeauSans', sans-serif;color:#222;}
#content .conbox .cright .cmnu ul li ul li a:hover{color:#ff3131;}
#content .conbox .cright .cmnu ul li ul li i.sub{position:absolute;right:0;top:12px;height:25px;width:25px;font-size:18px;line-height:25px;text-align:center;cursor:pointer;}
#content .conbox .cright .cmnu ul li ul li i.arr{font-size:18px;line-height:25px;}

#content .conbox .cright .cmnu ul li ul li ul{display:none;width:100%;padding:0;margin:0;list-style:none;}
#content .conbox .cright .cmnu ul li ul li ul li{display:block;width:100%;padding:0;margin:0;list-style:none;}
#content .conbox .cright .cmnu ul li ul li ul li a{display:block;width:100%;margin:0;padding:10px 0;font:400 16px/22px 'BeauSans', sans-serif;color:#222;}
#content .conbox .cright .cmnu ul li ul li ul li a:hover{color:#ff3131;}
#content .conbox .cright .cmnu ul li ul li ul li i.sub{position:absolute;right:0;top:12px;height:22px;width:22px;font-size:16px;line-height:22px;text-align:center;cursor:pointer;}
#content .conbox .cright .cmnu ul li ul li ul li i.arr{font-size:16px;line-height:22px;padding-right:8px;}

#content .conbox .cright .cbox{background:#fff;margin:0 0 15px;padding:15px 25px;border-radius:8px;overflow:hidden;}
#content .conbox .cright .cbox .head{margin:0;padding:5px 0 15px;font:400 30px/35px 'BeauSans', sans-serif;color:#222;text-align:center;}

#content .conbox .cright .cbox ul{display:block;width:100%;padding:0;margin:0;list-style:none;}
#content .conbox .cright .cbox ul li{position:relative;display:block;width:100%;padding:0;margin:0;list-style:none;border-bottom:rgba(0,0,0,.15) 1px solid}
#content .conbox .cright .cbox ul li:last-child{border-bottom:rgba(0,0,0,.15) 0px solid}
#content .conbox .cright .cbox ul li div{display:block;width:100%;border-bottom:rgba(0,0,0,.15) 1px solid;}
#content .conbox .cright .cbox ul li div span{display:block;width:100%;margin:0;padding:7px 15px 5px;font:450 16px/30px BeauSans, sans-serif;color:#004aad;text-transform:uppercase;}

#content .conbox .cright .cbox ul li.youtube{padding:10px 15px;}
#content .conbox .cright .cbox ul li.youtube .ytbox{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .conbox .cright .cbox ul li.youtube .ytbox iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
#content .conbox .cright .cbox ul li.youtube p{display:block;width:100%;margin:0;padding:10px 0 0;font:450 14px/20px 'BeauSans', sans-serif;color:#444;letter-spacing:-.3px;}

#content .conbox .cright .cbox ul li.article{padding:10px 0;}
#content .conbox .cright .cbox ul li.article .thumb{position:relative;display:block;background-repeat:no-repeat !important;background-size:cover !important;background-position:top left !important;overflow:hidden;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	}
#content .conbox .cright .cbox ul li.article .thumb img{display:block;width:100%;border:none;transition:all 500ms;}
#content .conbox .cright .cbox ul li.article h3{margin:0;padding:0;}
#content .conbox .cright .cbox ul li.article h3 a{display:block;width:100%;margin:0;padding:0;font:400 18px/25px 'BeauSans', sans-serif;color:#444;}
#content .conbox .cright .cbox ul li.article h3 a:hover{color:#ff3131;}

#content .conbox .cright .fabox{background:#fff;margin:0 0 15px;padding:10px;border:rgba(0,0,0,.15) 1px solid;}

#content .conbox .cright .abox{}
#content .conbox .cright .abox ul{display:block;width:100%;padding:0;margin:0;list-style:none}
#content .conbox .cright .abox ul li{display:block;width:100%;margin:0;padding:0 0 15px;list-style-type:none;}
#content .conbox .cright .abox ul li:last-child{padding-bottom:0;}
#content .conbox .cright .abox ul li img{display:block;width:100%;height:auto;border:none}

#content .conbox .cright .nvbox{background:#fff;margin:0 0 15px;padding:25px 25px;border:#ecf2f4 1px solid;
	-webkit-box-shadow: 0 2px 16px 0 rgb(170 170 170 / 20%);
    box-shadow: 0 2px 16px 0 rgb(170 170 170 / 20%);
    border: solid 1px rgba(204,204,204,.4);
	}
#content .conbox .cright .nvbox .head{display:block;width:100%;margin:0;padding:0;font:400 28px/32px "BeauSans", Times, serif;color:#222;letter-spacing:-1px;}
#content .conbox .cright .nvbox .ibox{display:flex;width:100%;margin:0;padding:25px 0;align-items:center;}
#content .conbox .cright .nvbox .ibox .thumb{width:28%;display:inline-block;vertical-align:top;margin:0 auto;padding:0;background-size:cover !important;background-position:50% 50% !important;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	overflow:hidden;
	}
#content .conbox .cright .nvbox .ibox .thumb img{display:block;width:100%;border:none;}
#content .conbox .cright .nvbox .ibox .info{width:72%;display:inline-block;vertical-align:top;padding:0 0 0 25px;}
#content .conbox .cright .nvbox .ibox .info h2{margin:0;padding:0;font:400 18px/25px 'BeauSans', sans-serif;color:#222;}
#content .conbox .cright .nvbox .ibox .info p{margin:0;padding:0;font:400 16px/25px 'BeauSans', sans-serif;color:#666;}

#content .conbox .cright .nvbox .hotline{display:block;width:100%;margin:0;padding:0;}
#content .conbox .cright .nvbox .hotline a{display:block;position:relative;overflow:hidden;padding:5px 25px 6px;background:rgba(255,0,0,1);cursor:pointer;
	font:400 18px/30px 'BeauSans', sans-serif;
	color:rgba(255,255,255,.95);
	text-align:center;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
    -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;
	}
#content .conbox .cright .nvbox .hotline a i{padding-right:8px;}
#content .conbox .cright .nvbox .hotline a:hover{background:rgba(0,67,149,1)}

#content .conbox .cright .nvbox .dangky{display:block;width:100%;margin:0;padding:15px 0 0;}
#content .conbox .cright .nvbox .dangky a{display:block;position:relative;overflow:hidden;padding:5px 25px 6px;background:rgba(0,67,149,1);cursor:pointer;
	font:400 18px/30px 'BeauSans', sans-serif;
	color:rgba(255,255,255,.95);
	text-align:center;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
    -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;
	}
#content .conbox .cright .nvbox .dangky a i{padding-right:8px;}
#content .conbox .cright .nvbox .dangky a:hover{background:rgba(255,0,0,.95)}

#content .conbox .maingen{}

.w80{width:800px !important;}
.w85{width:850px !important;}
.w90{width:900px !important;}
.w95{width:9500px !important;}
.w100{width:1000px !important;}

#content .topin{width:100%;margin:0 auto;padding:0 0 10px;}
#content .topin .info{position:relative;padding:0;font:400 16px/25px 'BeauSans', sans-serif;color:#222;text-align:justify;}
#content .topin .info h1{font:600 26px/30px 'BeauSans', sans-serif;color:#222;padding:5px 0;}
#content .topin .info h2{font:600 24px/28px 'BeauSans', sans-serif;color:#222;padding:5px 0;}
#content .topin .info h3{font:600 22px/28px 'BeauSans', sans-serif;color:#222;padding:5px 0;}
#content .topin .info h4{font:600 20px/28px 'BeauSans', sans-serif;color:#222;padding:5px 0;}
#content .topin .info p,
#content .topin .info div{padding:5px 0;}
#content .topin .info a{color:#222;text-decoration:none}
#content .topin .info a:hover{color:rgba(255,255,255,1);text-decoration:underline}
#content .topin .info img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}

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

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

#content .topin .info table.bang2n td{display:inline-block;vertical-align:top;width:50%;margin:0;padding:10px 15px;border:#ababab 1px solid;}
#content .topin .info table.bang2n td{display:inline-block;vertical-align:top;width:48%;margin:0 0 0 4%;padding:0;border:#ababab 0px solid;}
#content .topin .info table.bang2n td:first-child{margin-left:0;}

#content .topin .info table.bang3 td{display:inline-block;vertical-align:top;width:33.33333%;margin:0;padding:10px 15px;border:#ababab 1px solid;}
#content .topin .info table.bang3n td{display:inline-block;vertical-align:top;width:30.66666%;margin:0 0 0 4%;padding:0;border:#ababab 0px solid;}
#content .topin .info table.bang3n td:first-child{margin-left:0;}

#content .topin .info table.bang4 td{display:inline-block;vertical-align:top;width:25%;margin:0;padding:10px 15px;border:#ababab 1px solid;}
#content .topin .info table.bang4n td{display:inline-block;vertical-align:top;width:22%;margin:0 0 0 4%;padding:0;border:#ababab 0px solid;}
#content .topin .info table.bang4n td:first-child{margin-left:0;}

#content .topin .info table td h1{position:relative;font:600 22px/28px 'BeauSans', sans-serif;color:#222;margin:0 0 10px;padding:5px 0;text-transform:uppercase;}
#content .topin .info table td h2{position:relative;font:600 20px/28px 'BeauSans', sans-serif;color:#222;margin:0 0 10px;padding:5px 0;text-transform:uppercase;}
#content .topin .info table td h3{position:relative;font:600 18px/28px 'BeauSans', sans-serif;color:#222;margin:0 0 10px;padding:5px 0;text-transform:uppercase;}
#content .topin .info table td h1:before,
#content .topin .info table td h2:before,
#content .topin .info table td h3:before{position:absolute;left:0;bottom:0;height:2px;width:50px;content:'';background:#ddb60f;}

#content .topin .info ul{margin:5px 0;padding:0;list-style-type:square;}
#content .topin .info ul li{list-style-type:square;margin:0 0 0 20px;padding:5px 0;}
#content .topin .info .youtube{padding:15px 0;}
#content .topin .info .youtube .ytbox{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .topin .info .youtube .ytbox iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
#content .topin .info .video{padding:10px 0;}
#content .topin .info .video p{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .topin .info .video p iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

#content .bopin{width:100%;margin:0 auto;padding:10px 0 0;}
#content .bopin .info{position:relative;padding:0;font:400 16px/25px 'BeauSans', sans-serif;color:#222;text-align:justify;}
#content .bopin .info h1{font:600 26px/30px 'BeauSans', sans-serif;color:#222;padding:5px 0;}
#content .bopin .info h2{font:600 24px/28px 'BeauSans', sans-serif;color:#222;padding:5px 0;}
#content .bopin .info h3{font:600 22px/28px 'BeauSans', sans-serif;color:#222;padding:5px 0;}
#content .bopin .info h4{font:600 20px/28px 'BeauSans', sans-serif;color:#222;padding:5px 0;}
#content .bopin .info p,
#content .bopin .info div{padding:5px 0;}
#content .bopin .info a{color:#222;text-decoration:none}
#content .bopin .info a:hover{color:rgba(255,255,255,1);text-decoration:underline}
#content .bopin .info img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}

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

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

#content .bopin .info table.bang2n td{display:inline-block;vertical-align:top;width:50%;margin:0;padding:10px 15px;border:#ababab 1px solid;}
#content .bopin .info table.bang2n td{display:inline-block;vertical-align:top;width:48%;margin:0 0 0 4%;padding:0;border:#ababab 0px solid;}
#content .bopin .info table.bang2n td:first-child{margin-left:0;}

#content .bopin .info table.bang3 td{display:inline-block;vertical-align:top;width:33.33333%;margin:0;padding:10px 15px;border:#ababab 1px solid;}
#content .bopin .info table.bang3n td{display:inline-block;vertical-align:top;width:30.66666%;margin:0 0 0 4%;padding:0;border:#ababab 0px solid;}
#content .bopin .info table.bang3n td:first-child{margin-left:0;}

#content .bopin .info table.bang4 td{display:inline-block;vertical-align:top;width:25%;margin:0;padding:10px 15px;border:#ababab 1px solid;}
#content .bopin .info table.bang4n td{display:inline-block;vertical-align:top;width:22%;margin:0 0 0 4%;padding:0;border:#ababab 0px solid;}
#content .bopin .info table.bang4n td:first-child{margin-left:0;}

#content .bopin .info table td h1{position:relative;font:600 22px/28px 'BeauSans', sans-serif;color:#222;margin:0 0 10px;padding:5px 0;text-transform:uppercase;}
#content .bopin .info table td h2{position:relative;font:600 20px/28px 'BeauSans', sans-serif;color:#222;margin:0 0 10px;padding:5px 0;text-transform:uppercase;}
#content .bopin .info table td h3{position:relative;font:600 18px/28px 'BeauSans', sans-serif;color:#222;margin:0 0 10px;padding:5px 0;text-transform:uppercase;}
#content .bopin .info table td h1:before,
#content .bopin .info table td h2:before,
#content .bopin .info table td h3:before{position:absolute;left:0;bottom:0;height:2px;width:50px;content:'';background:#ddb60f;}

#content .bopin .info ul{margin:5px 0;padding:0;list-style-type:square;}
#content .bopin .info ul li{list-style-type:square;margin:0 0 0 20px;padding:5px 0;}
#content .bopin .info .youtube{padding:15px 0;}
#content .bopin .info .youtube .ytbox{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .bopin .info .youtube .ytbox iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
#content .bopin .info .video{padding:10px 0;}
#content .bopin .info .video p{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .bopin .info .video p iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/* CON > ALBUM */
#content .conbox .album{display:block;padding:0 0 25px;}
#content .conbox .album ul{display:block;margin:0;padding:0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	gap:25px;
	list-style: none;
	}
#content .conbox .album ul li{position:relative;width:100%;display:block;margin:0;padding:0;list-style-type:none;}
#content .conbox .album ul li .card{
  display:block;
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:8px;
  overflow:hidden;
  transition: transform .65s ease, box-shadow .65s ease, background .65s ease, color .65s ease;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
#content .conbox .album ul li .card:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 2px rgba(0,0,0,.12);
}
#content .conbox .album ul li .card .thumb{background:#fff;padding:5px;}
#content .conbox .album ul li .card .thumb img{
  width:100%; display:block; aspect-ratio:4/3; object-fit:cover;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden;
}
#content .conbox .album ul li .card .info{padding:15px 15px;}
#content .conbox .album ul li .card .info .title{margin:0;font:450 15px/20px BeauSans;color:#222;}
#content .conbox .album ul li .card .info .title a{color:#222;}
#content .conbox .album ul li .card .info .title a:hover{color:#f0deb5;}
#content .conbox .album ul li .card .info .meta{
  display:flex; gap:18px; align-items:center;
  margin:0;padding:8px 0;font:400 14px/20px BeauSans;
  color:#6b7280;
}
#content .conbox .album ul li .card .info .meta .mitem{
  display:inline-flex; align-items:baseline; gap:6px; white-space:nowrap;
}
#content .conbox .album ul li .card .info .meta i{
  font-size:14px; color:#f0deb5; /* icon cam như thiết kế */
}
#content .conbox .album ul li .card .info .meta a{color:inherit; text-decoration:none; }
#content .conbox .album ul li .card .info .meta a:hover{ color:#222; }
#content .conbox .album ul li .card .info .desc{margin:0;font:400 14px/20px BeauSans;color:#444;text-align:justify;}

/* CON > NHÓM SẢN PHẨM */
#content .groupsp{width:1200px;margin:0 auto;padding:15px;}
#content .groupsp ul{display:block;margin:0;padding:0;
	display: grid;
	grid-template-columns:repeat(2, minmax(0,1fr));
	gap:15px;
	list-style: none;
	}
#content .groupsp ul li{position:relative;width:100%;display:block;margin:0;padding:0;list-style-type:none;}
#content .groupsp ul li a{position:relative;display:block;overflow:hidden;}
#content .groupsp ul li a img{width:100%;display:block;aspect-ratio:6/4;object-fit:cover;transition:transform .4s ease;transform-origin:center center;}
#content .groupsp ul li a::after{z-index:-1;
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.15);
    opacity: 0;
    transition: opacity .3s ease;
	}
#content .groupsp ul li a:hover::after{opacity:1;}
#content .groupsp ul li a .title{position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,.85);margin:0;padding:10px 15px;font:450 20px/30px BeauSans;color:#222;text-align:center;text-transform:uppercase;transition: all 0.5s ease;}
#content .groupsp ul li a:hover img{transform:scale(1.12);}
#content .groupsp ul li a:hover .title{color:#f0deb5;}

/* CON > LIST DỰ ÁN */
#content .listda{padding:25px 0;}
#content .listda ul{display:block;margin:0;padding:0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	gap:24px;
	list-style: none;
	}
#content .listda ul li{position:relative;width:100%;display:block;margin:0;padding:0;list-style-type:none;}
#content .listda ul li .card{
  display:block;
  background:#fff;padding:5px;
  border-radius:8px;
  overflow:hidden;
  transition: transform .65s ease, box-shadow .65s ease, background .65s ease, color .65s ease;
  box-shadow:0 5px 10px rgba(0,0,0,.2);
}
#content .listda ul li .card:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 10px rgba(0,0,0,.5);
  background:#f0deb5;
}
#content .listda ul li .thumb{position:relative;display:block;padding:0;border-radius:5px;overflow:hidden;}
#content .listda ul li .thumb img{width:100%; display:block; aspect-ratio:6/4; object-fit:cover;}
#content .listda ul li .info{position:absolute;bottom:0;left:0;right:0;padding:10px 15px;background:rgba(0,0,0,.25);color:#fff;}
#content .listda ul li .info h3{margin:0 0 8px;font:450 16px/25px BeauSans;text-transform:uppercase;}
#content .listda ul li .info div{margin:0;padding:0;font:400 14px/20px BeauSans;}
/* đổi chữ trắng khi hover */
#content .listda ul li .card:hover .info h3,
#content .listda ul li .card:hover .info div::before{color:#fff; }

/* CON > DỊCH VỤ */
#content .conbox .dichvu{padding:65px 0;border-bottom:#f0deb5 5px solid;}

/* ===== BLOCK LAYOUT ===== */
.service-block{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap:28px;
}

/* ===== IMAGE LEFT ===== */
.service-image{
  width: 100%;
  aspect-ratio: 4 / 3;      /* 600x450 */
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.service-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:opacity .2s ease, transform .2s ease;
}

.service-image img.fade{
  opacity:0.25;
  transform:scale(1.01);
}

/* ===== LIST RIGHT ===== */
.service-list{
  background:#ffffff;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,0.06);
}

/* ITEM */
.service-item{
  padding:16px 18px;
  cursor:pointer;
  border-bottom:1px solid #eeeeee;
  transition:background .2s ease;
}

.service-item:last-child{
  border-bottom:none;
}

.service-item h3{
  margin:0;
  font-size:16px;
  font-weight:600;
  color:#1f2937;
}

/* DESC ẨN MẶC ĐỊNH */
.service-item .desc{
  display:none;
  margin-top:6px;
  font-size:14px;
  line-height:1.5;
  color:#4b5563;
}

/* HOVER */
.service-item:hover{
  background:#eef4ff;
}

.service-item:hover .desc{
  display:block;
}

/* ACTIVE */
.service-item.active{
  background:#cfe0f5;
}

.service-item.active .desc{
  display:block;
}

/* RESPONSIVE */
@media (max-width:900px){
  .service-block{
    grid-template-columns:1fr;
  }
}

/* CON > CÔNG BỐ THÔNG TIN */
#content .conbox .congbothongtin{padding:0 0 25px;}
#content .conbox .congbothongtin ul{list-style:none;margin:0;padding:0 10px;border:rgba(0, 0, 0, .15) 1px solid;border-radius:8px;}
#content .conbox .congbothongtin ul li{border-bottom:1px solid #e5e5e5;}
#content .conbox .congbothongtin ul li:last-child{border-bottom:none;}
#content .conbox .congbothongtin ul .item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;text-decoration:none;color:#222;}
#content .conbox .congbothongtin ul .item:hover{background:#fafafa;}
#content .conbox .congbothongtin ul .item .item-left{display:flex;align-items:center;gap:12px;min-width:0;}
#content .conbox .congbothongtin ul .item .item-left i{color:#c4161c;font-size:18px;flex-shrink:0;}
#content .conbox .congbothongtin ul .item .item-title{font:450 16px/25px BeauSans;color:#222;}
#content .conbox .congbothongtin ul .item .item-title:hover{color:#c4161c;}
#content .conbox .congbothongtin ul .item .item-date{font:450 14px/25px BeauSans;color:#777;white-space:nowrap;}

/* CON > TIN TỨC */
#content .conbox .list{padding:0;}
#content .conbox .list .head{padding:35px 0;}
#content .conbox .list .head span{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0 0 6px;font:600 25px/35px BeauSans, sans-serif;color:#222;text-transform:uppercase;}
#content .conbox .list .head span:before{position:absolute;display:block;background:#004395;width:80px;height:2px;bottom:0;left:0;content:'';}

/* =========================
   NEWS GRID (card đều nhau + nội dung liền nhau)
   Áp dụng cho: #content .conbox .list ul li .card
========================= */

/* GRID */
#content .conbox .list ul{
  margin:0;
  padding:0;
  list-style:none;

  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:15px;
}

/* mỗi item stretch để cao bằng nhau */
#content .conbox .list ul li{
  position:relative;
  width:100%;
  margin:0;
  padding:0;
  list-style:none;

  display:flex;
}

/* CARD */
#content .conbox .list ul li .card{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;

  background:#fff;
  border:1px solid #e9ecef;
  border-radius:8px;
  overflow:hidden;

  transition: transform .65s ease, box-shadow .65s ease, background .65s ease, color .65s ease;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}

#content .conbox .list ul li .card:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 22px rgba(0,0,0,.12);
}

/* THUMB */
#content .conbox .list ul li .card .thumb{
  background:#fff;
  padding:5px;
  flex:0 0 auto;
}

#content .conbox .list ul li .card .thumb img{
  width:100%;
  height:auto;
  display:block;

  aspect-ratio:6/4;
  object-fit:cover;

  border-top-left-radius:5px;
  border-top-right-radius:5px;
  overflow:hidden;
}

/* INFO (nội dung liền nhau, không bị dãn meta) */
#content .conbox .list ul li .card .info{
  padding:15px;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
}

/* TITLE */
#content .conbox .list ul li .card .info .title{
  margin:0 0 6px;
  font:450 18px/22px BeauSans;
  color:#222;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

#content .conbox .list ul li .card .info .title a{color:#222;}
#content .conbox .list ul li .card .info .title a:hover{color:#f0deb5;}

/* META: ngay dưới title */
#content .conbox .list ul li .card .info .meta{
  margin:0 0 6px;
  padding:0;

  display:flex;
  gap:14px;
  align-items:center;

  font:400 14px/20px BeauSans;
  color:#6b7280;
}

#content .conbox .list ul li .card .info .meta .mitem{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}

#content .conbox .list ul li .card .info .meta i{
  font-size:14px;
  color:#f0deb5;
}

#content .conbox .list ul li .card .info .meta a{color:inherit; text-decoration:none;}
#content .conbox .list ul li .card .info .meta a:hover{color:#222;}

/* DESC: giãn để các card cao bằng nhau */
#content .conbox .list ul li .card .info .desc{
  margin:0;
  font:400 15px/22px BeauSans;
  color:#444;
  text-align:justify;

  flex:1 1 auto;
  min-height:0;

  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width:1024px){
  #content .conbox .list ul{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:18px;
  }
}

@media (max-width:640px){
  #content .conbox .list ul{
    grid-template-columns:1fr;
    gap:14px;
  }
  #content .conbox .list ul li .card .info{
    padding:12px;
  }
  #content .conbox .list ul li .card .info .title{
    font:450 16px/20px BeauSans;
  }
}


/* CON > TIN TỨC SEARCH */
#content .conbox .list-search{padding:0 0 25px;}
#content .conbox .list-search ul{display:block;margin:0;padding:0;
	display: grid;box-sizing: border-box;
	grid-template-columns:repeat(3, minmax(0,1fr));
	gap:15px;
	list-style: none;
	}
#content .conbox .list-search ul li{position:relative;width:100%;display:block;margin:0;padding:0;list-style-type:none;}
#content .conbox .list-search ul li .card{
  display:block;
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:8px;
  overflow:hidden;
  transition: transform .65s ease, box-shadow .65s ease, background .65s ease, color .65s ease;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
#content .conbox .list-search ul li .card:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 2px rgba(0,0,0,.12);
}
#content .conbox .list-search ul li .card .thumb{background:#fff;padding:5px;}
#content .conbox .list-search ul li .card .thumb img{
  width:100%; display:block; aspect-ratio:6/4; object-fit:cover;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden;
}
#content .conbox .list-search ul li .card .info{padding:15px 15px;}
#content .conbox .list-search ul li .card .info .title{margin:0;font:450 15px/20px BeauSans;color:#222;}
#content .conbox .list-search ul li .card .info .title a{color:#222;}
#content .conbox .list-search ul li .card .info .title a:hover{color:#f0deb5;}
#content .conbox .list-search ul li .card .info .meta{
  display:flex; gap:18px; align-items:center;
  margin:0;padding:8px 0;font:400 14px/20px BeauSans;
  color:#6b7280;
}
#content .conbox .list-search ul li .card .info .meta .mitem{
  display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
}
#content .conbox .list-search ul li .card .info .meta i{
  font-size:14px; color:#f0deb5; /* icon cam như thiết kế */
}
#content .conbox .list-search ul li .card .info .meta a{color:inherit; text-decoration:none; }
#content .conbox .list-search ul li .card .info .meta a:hover{ color:#222; }
#content .conbox .list-search ul li .card .info .desc{margin:0;font:400 14px/20px BeauSans;color:#444;text-align:justify;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
	}

/* CON > NHÂN SỰ */
#content .conbox .lanhdao{display:block;width:100%;padding:0 0 25px;}
#content .conbox .lanhdao .head{margin:0;padding:0 0 25px;font:450 25px/35px BeauSans;color:#222;text-transform:uppercase;text-align:center;}
#content .conbox .lanhdao ul{width:100%;margin:0;padding:0;
	display:grid;
	grid-template-columns: repeat(4, minmax(0,1fr));
	gap:25px;
	list-style: none;
	}
#content .conbox .lanhdao ul li{position:relative;width:100%;display:block;margin:0;padding:0;list-style-type:none;}
#content .conbox .lanhdao ul li .card{display:block;}
#content .conbox .lanhdao ul li .card .thumb{width:80%;background:#fff;margin:0 auto;padding:5px;}
#content .conbox .lanhdao ul li .card .thumb img{
	width:100%; display:block; aspect-ratio:1/1; object-fit:cover;
	border-radius:50%;
	overflow: hidden;
}
#content .conbox .lanhdao ul li .card .info{padding:15px 0;text-align:center;}
#content .conbox .lanhdao ul li .card .info .title{margin:0;padding:0 0 5px;font:450 15px/20px BeauSans;color:#222;}
#content .conbox .lanhdao ul li .card .info .title a{color:#222;}
#content .conbox .lanhdao ul li .card .info .title a:hover{color:#f0deb5;}
#content .conbox .lanhdao ul li .card .info .chucdanh{margin:0;font:400 14px/20px BeauSans;color:#666;}

#content .conbox .nhansu{display:block;width:100%;padding:0 0 25px;}
#content .conbox .nhansu .head{margin:0;padding:0 0 25px;font:450 25px/35px BeauSans;color:#222;text-transform:uppercase;}
#content .conbox .nhansu ul{width:100%;margin:0;padding:0;
	display:grid;
	grid-template-columns: repeat(4, minmax(0,1fr));
	gap:25px;
	list-style: none;
	}
#content .conbox .nhansu ul li{position:relative;width:100%;display:block;margin:0;padding:0;list-style-type:none;}
#content .conbox .nhansu ul li .card{display:block;}
#content .conbox .nhansu ul li .card .thumb{width:80%;background:#fff;margin:0 auto;padding:5px;}
#content .conbox .nhansu ul li .card .thumb img{
	width:100%; display:block; aspect-ratio:1/1; object-fit:cover;
	border-radius:50%;
	overflow: hidden;
}
#content .conbox .nhansu ul li .card .info{padding:15px 0;text-align:center;}
#content .conbox .nhansu ul li .card .info .title{margin:0;padding:0 0 5px;font:450 15px/20px BeauSans;color:#222;}
#content .conbox .nhansu ul li .card .info .title a{color:#222;}
#content .conbox .nhansu ul li .card .info .title a:hover{color:#f0deb5;}
#content .conbox .nhansu ul li .card .info .chucdanh{margin:0;font:400 14px/20px BeauSans;color:#666;}


#content .conbox .feel{padding:0 0 35px}
#content .conbox .feel .title{}
#content .conbox .feel .title div{padding:0 0 25px;}
#content .conbox .feel .title div span{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0px;font:450 22px/30px BeauSans, sans-serif;color:#222;text-transform:uppercase;}

#content .conbox .feel .stitle{}
#content .conbox .feel .stitle div{padding:25px 0 15px;}
#content .conbox .feel .stitle div span{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0px;font:450 22px/30px BeauSans, sans-serif;color:#222;text-transform:uppercase;}

#content .conbox .feel .ibox{}
#content .conbox .feel .ibox ul{width:100%;margin:0;padding:0;list-style:none;}
#content .conbox .feel .ibox ul li{width:100%;display:flex;margin:0 0 15px;padding:0 0 15px;list-style:none;column-gap:10px;border-bottom:rgba(0,0,0,.15) 1px dotted;}
#content .conbox .feel .ibox ul li:last-child{margin:0;}
#content .conbox .feel .ibox ul li .thumb{position:relative;display:block;width:45px;margin:0 auto;background-size:cover !important;background-position:50% 50% !important;}
#content .conbox .feel .ibox ul li .thumb img{display:block;width:100%;border:none;}
#content .conbox .feel .ibox ul li .info{position:relative;width:100%;padding:0;}
#content .conbox .feel .ibox ul li .info .ten{display:block;margin:0;padding:0;font:450 15px/20px 'BeauSans', sans-serif;color:#444;}
#content .conbox .feel .ibox ul li .info .ten span{display:inline-block;vertical-align:top;padding:0;font:300 15px/20px 'BeauSans', sans-serif;color:#444;}
#content .conbox .feel .ibox ul li .info .sao{display:block;margin:0;padding:4px 0 10px;}
#content .conbox .feel .ibox ul li .info .sao img{display:block;height:16px;border:none;}
#content .conbox .feel .ibox ul li .info .noidung{display:block;margin:0;padding:0;font:300 15px/20px 'BeauSans', sans-serif;color:#222;}
#content .conbox .feel .ibox ul li .info .inbox{display:block;margin:0;padding:20px 0 0;}
#content .conbox .feel .ibox ul li .info .inbox ul{width:100%;margin:0;padding:0;list-style:none;}
#content .conbox .feel .ibox ul li .info .inbox ul li{width:100%;display:flex;margin:0;padding:0 0 15px;list-style:none;column-gap:10px;border-bottom:none;}
#content .conbox .feel .ibox ul li .info .inbox ul li:last-child{padding:0;}

#content .conbox .feel .form{position:relative;}
#content .conbox .feel .form ul{width:100%;margin:0 auto;padding:0;list-style:none;}
#content .conbox .feel .form ul li{width:auto;display:inline-block;vertical-align:top;margin:0 0 0 4%;padding:3px 0;font:400 13px/18px 'BeauSans', sans-serif;color:rgba(0,0,0,.85);list-style:none;}
#content .conbox .feel .form ul li:nth-child(1){margin-left:0;}
#content .conbox .feel .form ul li.full{width:100%;margin-left:0;}
#content .conbox .feel .form ul li span{display:block;padding:5px 0 0 5px;color:rgba(255,255,255,1);}
#content .conbox .feel .form ul li div{display:block;margin:0;padding:7px 0;}
#content .conbox .feel .form ul li div span{display:inline-block;vertical-align:top;padding:0 10px 1px 0;font:400 16px/27px 'BeauSans', sans-serif;color:#444;}
#content .conbox .feel .form ul li div ul{width:auto;display:inline-block;vertical-align:top;margin:0;padding:0;list-style:none;}
#content .conbox .feel .form ul li div ul li{width:auto;display:inline-block;vertical-align:top;margin:0;padding:0 0 0 3px;list-style:none;}
#content .conbox .feel .form ul li div ul li i{font-size:28px;color:#ccc;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;
	}
#content .conbox .feel .form ul li div ul li i.yellow{color:#ff8a00;}
#content .conbox .feel .form ul li div ul li i.gray{color:#ccc;}
#content .conbox .feel .form ul li div ul li:hover,
#content .conbox .feel .form ul li div ul li:hover ~ li{color: #ff8a00;}

#content .conbox .feel .form ul li input,
#content .conbox .feel .form ul li select,
#content .conbox .feel .form ul li textarea{
  width:100%; border:1px solid #dde3ea; background:#fff;
  border-radius:10px;height:44px; padding:10px 12px;
  font:450 15px/25px BeauSans, sans-serif;
  color:#1f2937; outline:0; transition:border-color .2s, box-shadow .2s, background .2s;
  box-sizing:border-box;
}
#content .conbox .feel .form ul li textarea{ height:auto; resize:vertical; min-height:100px; }
#content .conbox .feel .form ul li select{
  width: 100%;
  height: 44px;
  padding:10px 12px;
  border: 1px solid #dde3ea;          /* viền giống input */
  border-radius: 10px;
  background-color: #fff;
  color: #9aa7b1;                     /* màu chữ placeholder */
  font:450 15px/25px BeauSans, sans-serif;
  outline: 0;
  box-sizing: border-box;
  transition: border-color .2s, box-shadow .2s, background .2s, color .2s;
  appearance: none;                   /* ẩn mũi tên mặc định */

  /* tạo mũi tên cam đồng bộ */
  background-image:
    linear-gradient(45deg, transparent 50%, #9aa7b1 50%),
    linear-gradient(135deg, #9aa7b1 50%, transparent 50%),
    linear-gradient(#fff,#fff);
  background-position: calc(100% - 18px) 17px, calc(100% - 13px) 17px, right 10px center;
  background-size: 6px 6px, 6px 6px, 34px 70%;
  background-repeat: no-repeat;
}

/* Khi focus: viền và bóng màu cam */
#content .conbox .feel .form ul li select:focus {
  border-color: #f0deb5;
  box-shadow: 0 0 0 4px rgba(230,126,34,.12);
}
/* Giữ placeholder option đầu tiên màu xám */
#content .conbox .feel .form ul li select option[value=""]{color:#9aa7b1;}
#content .conbox .feel .form ul li select:valid{color:#9aa7b1;}

/* placeholder */
#content .conbox .feel .form ul li ::placeholder{ color:#9aa7b1; font-weight:450; }

/* states */
#content .conbox .feel .form ul li input:focus,
#content .conbox .feel .form ul li select:focus,
#content .conbox .feel .form ul li textarea:focus{
  border-color:#f0deb5;
  box-shadow:0 0 0 4px rgba(230,126,34,.12);
}
#content .conbox .feel .form ul li input:invalid:focus,
#content .conbox .feel .form ul li select:invalid:focus{
  border-color:#ef4444;
  box-shadow:0 0 0 4px rgba(239,68,68,.12);
}
/* actions */
#content .conbox .feel .form ul li.actions{
  display:flex; justify-content:flex-end; margin-top:10px;
}
#content .conbox .feel .form ul li .btn-orange{font:450 15px/25px BeauSans, sans-serif;
  background:#f0deb5; color:#fff; border:0; cursor:pointer;
  padding:12px 25px; border-radius:10px;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
  box-shadow:0 10px 24px rgba(230,126,34,.25);
}
#content .conbox .feel .form ul li .btn-orange:hover{ background:#f0deb5; transform:translateY(-1px); }
#content .conbox .feel .form ul li .btn-orange:active{ transform:translateY(0); box-shadow:0 6px 16px rgba(230,126,34,.25); }
#content .conbox .feel .form ul li .note{ display:block; margin-top:10px; color:#8a96a3; }

#content .conbox .tintuc{display:block;width:100%;margin:0 auto;}

#content .conbox .tintuc .updated{position:relative;width:100%;padding:0;font:400 16px/20px BeauSans, sans-serif;color:#444;}
#content .conbox .tintuc .updated a{color:rgba(255,255,255,1);}
#content .conbox .tintuc .updated a:hover{color:rgba(255,255,255,1);}
#content .conbox .tintuc .updated i{font-size:16px;color:#f0deb5;padding-right:8px;}
#content .conbox .tintuc .title{margin:0;padding:12px 0;font:450 25px/32px BeauSans, sans-serif;color:#222;}
#content .conbox .tintuc .title1{margin:0;padding:0 0 15px;font:400 25px/32px BeauSans, sans-serif;color:#222;}
#content .conbox .tintuc .description{margin:0;padding:10px 0 15px;font:400 italic 18px/25px BeauSans, sans-serif;color:#444;text-align:justify;}
#content .conbox .tintuc .description1{margin:0;padding:0 0 15px;font:400 18px/25px BeauSans, sans-serif;color:#444;text-align:justify;}

#content .conbox .tintuc .gnews{padding:5px 0;font:400 16px/20px BeauSans, sans-serif;color:#666;}
#content .conbox .tintuc .gnews a{font:400 16px/20px BeauSans, sans-serif;color:rgba(255,255,255,1);}
#content .conbox .tintuc .gnews img{display:inline-block;vertical-align:top;margin:0 0 0 6px;padding:0;}

#content .conbox .tintuc .thamdinh {padding:5px 0;font:400 16px/20px BeauSans, sans-serif;color:#666;}
#content .conbox .tintuc .thamdinh a{color:rgba(255,255,255,1);}
#content .conbox .tintuc .thamdinh a:hover{color:rgba(255,255,255,1);}

#content .conbox .tintuc .tech{padding:5px 0;}
#content .conbox .tintuc .tech ul{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0;padding:0;list-style:none;}
#content .conbox .tintuc .tech ul li{position:relative;padding:15px 15px 15px 50px;border:1px solid #eee;border-radius:8px;background:#fff;}
#content .conbox .tintuc .tech ul li div{display:block;margin:0;padding:0 0 5px;font:450 16px/20px BeauSans, sans-serif;color:#666;}
#content .conbox .tintuc .tech ul li span{display:block;margin:0;padding:0;font:400 16px/20px BeauSans, sans-serif;color:#666;}
#content .conbox .tintuc .tech ul li::before{content:"";position:absolute;left:15px;top:18px;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;}
#content .conbox .tintuc .tech ul li.i-home::before{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM2NjYiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDNsOSA4aC0zdjloLTV2LTZoLTJ2Nkg2di05SDN6Ii8+PC9zdmc+");
}
#content .conbox .tintuc .tech ul li.i-user::before{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM2NjYiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDEyYTUgNSAwIDEgMC01LTUgNSA1IDAgMCAwIDUgNXptMCAyYy00LjQgMC04IDIuMi04IDV2MWgxNnYtMWMwLTIuOC0zLjYtNS04LTV6Ii8+PC9zdmc+");
}
#content .conbox .tintuc .tech ul li.i-location::before{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM2NjYiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDJhNyA3IDAgMCAwLTcgN2MwIDUuMiA3IDEzIDcgMTNzNy03LjggNy0xM2E3IDcgMCAwIDAtNy03em0wIDkuNUEyLjUgMi41IDAgMSAxIDE0LjUgOSA yLjUgMi41IDAgMCAxIDEyIDExLjV6Ii8+PC9zdmc+");
}
#content .conbox .tintuc .tech ul li.i-area::before{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM2NjYiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTMgM2gxOHYySDN6bTAgMTZoMTh2Mkgzem0yLTE0aDJ2MTRINXptMTIgMGgydjE0aC0yeiIvPjwvc3ZnPg==");
}

#progal{padding:80px 0 0;}

#content .conbox .tintuc .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 'BeauSans', serif;color:#222;}
#content .conbox .tintuc .demuc p{padding:5px 0;}
#content .conbox .tintuc .demuc ul{margin:5px 0;padding:0;list-style-type:none;}
#content .conbox .tintuc .demuc ul li{margin:0;padding:5px 0;list-style-type:none;}
#content .conbox .tintuc .demuc p.title{float:left;margin:0 0 10px;padding:5px 0;font:450 20px/30px 'BeauSans', serif;color:#222;text-transform:uppercase;}
#content .conbox .tintuc .demuc p.h2{margin:0;padding:5px 0;font:400 16px/22px 'BeauSans', serif;color:#222;}
#content .conbox .tintuc .demuc p.h3{margin:0;padding:5px 0 5px 20px;font:300 16px/22px 'BeauSans', serif;color:#222;}

#content .conbox .featurgba(255,255,255,1){padding:0;}
#content .conbox .featurgba(255,255,255,1) .head{text-align:center;}
#content .conbox .featurgba(255,255,255,1) .head span{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0x;font:450 25px/30px BeauSans, sans-serif;color:#222;text-transform:uppercase;}

#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 'BeauSans';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(255,255,255,.85)}
#content .author .wbox{position:relative;width:100%;padding:20px 50px;font:400 16px/25px 'BeauSans', 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 'BeauSans', 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 'BeauSans', sans-serif;color:rgba(255,255,255,.85)}
#content .author .wtit .name a:hover{color:rgba(255,255,255,1);}
#content .author .wtit .name span{display:block;margin:0;padding:0;font:400 16px/20px 'BeauSans', 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(255,255,255,.85);border-radius:10px;}
#content .lienhe .wbox{position:relative;width:100%;padding:0;font:400 16px/25px 'BeauSans', sans-serif;text-align:justify}
#content .lienhe .wbox h1{font:450 22px/30px 'BeauSans', serif;color:#000;padding:5px 0;}
#content .lienhe .wbox h2{font:450 22px/30px 'BeauSans', serif;color:#000;padding:5px 0;}
#content .lienhe .wbox h3{font:450 22px/30px 'BeauSans', serif;color:#000;padding:5px 0;}
#content .lienhe .wbox h4{font:450 22px/30px 'BeauSans', serif;color:#000;padding:5px 0;}
#content .lienhe .wbox p,
#content .lienhe .wbox div{padding:5px 0;}
#content .lienhe .wbox a{color:rgba(255,255,255,1);text-decoration:none}
#content .lienhe .wbox a:hover{color:rgba(255,255,255,1);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 BeauSans, 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 'BeauSans';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 'BeauSans', sans-serif;text-align:justify}
#content .qna ul li .hidden h1{font:500 20px/25px 'BeauSans', sans-serif;padding:5px 0;}
#content .qna ul li .hidden h2{font:500 19px/25px 'BeauSans', sans-serif;padding:5px 0;}
#content .qna ul li .hidden h3{font:500 18px/25px 'BeauSans', sans-serif;padding:5px 0;}
#content .qna ul li .hidden h4{font:500 17px/25px 'BeauSans', sans-serif;padding:5px 0;}
#content .qna ul li .hidden h5{font:500 16px/25px 'BeauSans', 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:#fff;}
#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 'BeauSans', 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 'BeauSans', 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 'BeauSans', sans-serif;text-align:justify}
#content .boxh.size17{font:400 17px/28px 'BeauSans', sans-serif;}
#content .boxh h1{font:600 30px/35px 'BeauSans', sans-serif;padding:10px 0;}
#content .boxh h2{font:600 28px/35px 'BeauSans', sans-serif;padding:10px 0;}
#content .boxh h3{font:600 24px/30px 'BeauSans', sans-serif;padding:10px 0;}
#content .boxh h4{font:600 22px/30px 'BeauSans', sans-serif;padding:10px 0;}
#content .boxh h5{font:600 20px/28px 'BeauSans', sans-serif;padding:10px 0;}
#content .boxh p,
#content .boxh div{padding:5px 0;}
#content .boxh a{}
#content .boxh a:hover{color:#fff;}
#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 #53a4da;}

#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 'BeauSans', 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 'BeauSans', serif;color:#222;text-transform:uppercase;}
#content .boxh .demuc p.h2{margin:0;padding:5px 0;font:400 16px/22px 'BeauSans', serif;color:#222;}
#content .boxh .demuc p.h3{margin:0;padding:5px 0 5px 20px;font:300 16px/22px 'BeauSans', serif;color:#222;}
/* END CHI TIẾT TIN TUC */

/* CHI TIẾT */
#content .detail{font:400 16px/25px 'BeauSans', sans-serif;text-align:justify}
#content .detail.size17{font:400 17px/28px 'BeauSans', sans-serif;}
#content .detail.size16{font:400 16px/25px 'BeauSans', sans-serif;}
#content .detail h1{font:22px/30px 'BeauSans', sans-serif;padding:10px 0;}
#content .detail h2{font:20px/30px 'BeauSans', sans-serif;padding:10px 0;}
#content .detail h3{font:19px/30px 'BeauSans', sans-serif;padding:10px 0;}
#content .detail h4{font:18px/25px 'BeauSans', sans-serif;padding:10px 0;}
#content .detail h5{font:17px/25px 'BeauSans', sans-serif;padding:10px 0;}
#content .detail p,
#content .detail div{padding:5px 0;}
#content .detail a{}
#content .detail a:hover{color:#fff;}
#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 #53a4da;}

#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 'BeauSans', sans-serif;text-align:justify}
#content .genform h1{font:450 22px/30px 'BeauSans', serif;color:#000;padding:5px 0;}
#content .genform h2{font:450 22px/30px 'BeauSans', serif;color:#000;padding:5px 0;}
#content .genform h3{font:450 22px/30px 'BeauSans', serif;color:#000;padding:5px 0;}
#content .genform h4{font:450 22px/30px 'BeauSans', serif;color:#000;padding:5px 0;}
#content .genform p,
#content .genform div{padding:5px 0;}
#content .genform a{color:rgba(255,255,255,1);text-decoration:none}
#content .genform a:hover{color:rgba(255,255,255,1);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 'BeauSans', serif;color:#000;}
#faq .item{margin:0;padding:0;}
#faq .item .question{position:relative;margin:0;padding:8px 20px;font:600 15px/20px 'BeauSans', 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 'BeauSans', serif;color:#000;}

#faq .item .answer .ansbox h1{font:400 20px 'BeauSans', serif;color:#000;padding:5px 0;}
#faq .item .answer .ansbox h2{font:400 18px 'BeauSans', serif;color:#000;padding:5px 0;}
#faq .item .answer .ansbox h3{font:400 14px 'BeauSans', serif;color:#000;padding:5px 0;}
#faq .item .answer .ansbox p{font:400 14px/20px 'BeauSans', serif;color:#000;padding:5px 0;}
#faq .item .answer .ansbox div{font:400 14px/20px 'BeauSans', serif;color:#000;padding:5px 0;}
#faq .item .answer .ansbox a{font:400 14px 'BeauSans', serif;color:#000;font-style:italic;text-decoration:none}
#faq .item .answer .ansbox a:hover{font:400 14px 'BeauSans', serif;color:rgba(255,255,255,1);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 'BeauSans', 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 'BeauSans', 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{
	background:#000;
	position:relative;
	z-index:0;
	overflow:hidden;
}

footer .box{
	position:relative;
	width:1200px;
	max-width:calc(100% - 30px);
	margin:0 auto;
	padding:0;
	z-index:2;
}

footer .box .mid{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:35px 0;
	display:block;
}

footer .box .mid .left{
	width:100%;
	display:block;
}

footer .box .mid .left ul{
	width:100%;
	padding:0;
	margin:0;

	list-style:none;
	display:grid;
	grid-template-columns:1.35fr .9fr 1fr 1fr;
	gap:55px;
	align-items:start;
}

footer .box .mid .left ul li{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	font:400 14px/22px 'BeauSans', sans-serif;
	color:rgba(255,255,255,.85);
}

footer .box .mid .left ul li.first{
	display:block;
	padding:0;
}

footer .box .mid .left ul li.first .logo{
	display:block;
	padding:0 0 18px;
}

footer .box .mid .left ul li.first .logo img{
	display:block;
	width:auto;
	max-width:210px;
	height:auto;
	max-height:70px;
	border:none;
	filter:brightness(.95) saturate(.9);
}

footer .box .mid .left ul li .head,
footer .box .mid .left ul li.first .info .ibox h3{
	margin:0;
	padding:0 0 16px;
	font:600 15px/22px 'BeauSans', sans-serif;
	color:#f0deb5;
	text-transform:uppercase;
}

footer .box .mid .left ul li.first .info .ibox{
	font:400 14px/22px 'BeauSans', sans-serif;
	color:rgba(255,255,255,.85);
}

footer .box .mid .left ul li.first .info .ibox div,
footer .box .mid .left ul li.first .info .ibox p{
	margin:0;
	padding:5px 0;
}

footer .box .mid .left ul li ul{
	display:block;
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
}

footer .box .mid .left ul li ul li{
	display:block;
	width:100%;
	margin:0;
	padding:6px 0;
}

footer .box .mid .left ul li ul li a,
footer .box .mid .left ul li.first .info .ibox a{
	display:inline-block;
	color:rgba(255,255,255,.85);
	text-decoration:none;
	transition:color .25s ease, padding-left .25s ease;
}

footer .box .mid .left ul li ul li a:hover,
footer .box .mid .left ul li.first .info .ibox a:hover{
	color:#f0deb5;
	padding-left:4px;
}

footer .box .mid .left ul li ul li a i{
	padding-right:6px;
	font-size:13px;
	color:#f0deb5;
}

footer .box .mid .left ul li.first .info .mxh{
	display:flex;
	align-items:center;
	gap:8px;
	margin:0;
	padding:12px 0 0;
}

footer .box .mid .left ul li.first .info .mxh .title{
	margin:0;
	padding:0 8px 0 0;
	font:600 14px/26px 'BeauSans', sans-serif;
	color:#f0deb5;
}

footer .copy{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:14px 15px;
	background:#070707;
	border-top:1px solid rgba(240,222,181,.25);
	font:400 14px/20px 'BeauSans', sans-serif;
	color:rgba(255,255,255,.72);
	text-align:center;
}

footer .copy a{
	color:rgba(255,255,255,.72);
	text-decoration:none;
}

footer .copy a:hover{
	color:#f0deb5;
}
/* END FOOTER */

#navigation h1{font-size:20px;font-weight:400;height:30px;margin-bottom:10px}
#pnavigation h1{font:600 18px BeauSans, sans-serif;margin:10px 0 10px 0;text-transform: uppercase;color: #A94B97;}
#comming {width:100%;padding:80px 0;font:400 14px/22px BeauSans, sans-serif;color:#454545;text-align:center;}
#page-result{margin:0;font:600 18px BeauSans, 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 BeauSans;color:#fff;text-align:center;}
.herrormsg-title {width:100%;padding:20px 0 0;font:400 12px/12px BeauSans, sans-serif;color:#fff;text-align:center;}

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

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

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

#bookmsg {width:100%;font:400 14px/22px BeauSans, 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 BeauSans, sans-serif;color:#222;}
#bookmsg p{margin:0;padding:5px 0;font:400 18px/22px BeauSans, sans-serif;color:#454545;}
#bookmsg p b{font-weight:400}
#bookmsg p a{font:400 18px/22px BeauSans, 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 BeauSans, sans-serif;color:#454545;}
#bookmsg div span{display:inline-block;background:#000;padding:6px 15px 4px;font:400 20px/22px BeauSans, 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 BeauSans, sans-serif;color:#222;
	min-width:36px;
    text-align:center;
	text-decoration:none;
	}
#mainlink a:hover{background:#f0deb5;color:#fff;}
#mainlink a.active{display:inline-block;background:#f0deb5;margin:0 5px;padding:3px 0;cursor:pointer;
	font:400 18px/30px BeauSans, 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;
	left:18px;
	bottom:18px;
	width:58px;
	height:58px;
	border-radius:50%;
	background:linear-gradient(
		135deg,
		#f6df9d 0%,
		#ddb45d 38%,
		#b8842c 70%,
		#f4dfaa 100%
	);
	border:none;
	box-shadow:
		0 10px 30px rgba(0,0,0,.35),
		0 0 20px rgba(221,180,93,.35);
	display:flex !important;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	z-index:999;
	overflow:hidden;
	transition:all .35s ease;
	text-decoration:none;
}

#top:before{
	content:"";
	position:absolute;
	top:6px;
	left:8px;
	right:8px;
	height:40%;
	border-radius:50px;
	background:rgba(255,255,255,.28);
	filter:blur(2px);
}

#top i{
	position:relative;
	font-size:20px;
	color:#fff;
	font-weight:700;
	text-shadow:0 1px 2px rgba(0,0,0,.25);
	transition:all .35s ease;
}

#top:hover{
	transform:translateY(-5px) scale(1.06);
	box-shadow:
		0 18px 35px rgba(0,0,0,.45),
		0 0 30px rgba(221,180,93,.5);
}

#top:hover i{
	transform:translateY(-2px);
}

.fone {
    color: #ff0;
    font:600 18px/30px 'BeauSans', 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:#fff;width:auto;position:relative;overflow:hidden;border-radius:40px;border:solid 1px #fff;}
.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: #fff;
    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: #fff;
    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: #fff;
}
.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: #fff;
	-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 18x/30px 'BeauSans', 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", BeauSans, 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 'BeauSans', serif;text-decoration:none;}
.toc .toc-level-3 a{margin:0;padding:5px 0;font:300 16px/22px 'BeauSans', serif;text-decoration:none;}
.toc .toc-level-4 a{margin:0;padding:5px 0;font:300 16px/22px 'BeauSans', serif;text-decoration:none;}
	
.toc a:hover{color:#fff;}
.toc a.active{color:#fff;}

/* ========== 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:#f0deb5; 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 ========== */

/* ========== FLOAT MENU LUXURY GOLD ========== */

.fm-wrap{
	position:fixed;
	right:18px;
	bottom:18px;
	z-index:9999;
	font-family:'BeauSans',Arial,sans-serif;
}

/* BUTTON TOGGLE */

.fm-toggle{
	width:62px;
	height:62px;
	border-radius:50%;
	border:none;
	outline:none;
	cursor:pointer;
	display:grid;
	place-items:center;
	position:relative;
	overflow:hidden;

	background:linear-gradient(
		135deg,
		#f7e3ab 0%,
		#ddb45d 38%,
		#b8842c 72%,
		#f5e0aa 100%
	);

	box-shadow:
		0 10px 30px rgba(0,0,0,.35),
		0 0 18px rgba(221,180,93,.35);

	transition:all .35s ease;
}

.fm-toggle:hover{
	transform:translateY(-4px) scale(1.04);
	box-shadow:
		0 18px 35px rgba(0,0,0,.45),
		0 0 28px rgba(221,180,93,.5);
}

.fm-toggle:before{
	content:"";
	position:absolute;
	top:6px;
	left:8px;
	right:8px;
	height:40%;
	border-radius:50px;
	background:rgba(255,255,255,.22);
	filter:blur(2px);
}

.fm-toggle img#fmIcon{
	position:absolute;
	inset:0;
	margin:auto;
	width:28px;
	height:28px;
	object-fit:contain;
	z-index:1;
	filter:brightness(0) invert(1);
	transition:opacity .25s ease,transform .25s ease;
}

.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);
}

/* MENU */

.fm-menu{
	position:absolute;
	right:0;
	bottom:75px;
	width:290px;
	max-width:92vw;

	background:rgba(10,10,10,.96);

	border:1px solid rgba(240,222,181,.2);

	border-radius:18px;

	box-shadow:
		0 20px 40px rgba(0,0,0,.45),
		0 0 20px rgba(240,222,181,.08);

	overflow:hidden;

	transform:translateY(10px);
	opacity:0;
	visibility:hidden;

	transition:.3s ease;

	backdrop-filter:blur(10px);
}

.fm-wrap.open .fm-menu{
	transform:none;
	opacity:1;
	visibility:visible;
}

.fm-head{
	padding:14px 18px;
	font:600 16px/22px 'BeauSans',sans-serif;
	color:#f0deb5;

	background:linear-gradient(
		90deg,
		rgba(240,222,181,.12),
		rgba(240,222,181,.03)
	);

	border-bottom:1px solid rgba(240,222,181,.12);
}

.fm-list{
	list-style:none;
	margin:0;
	padding:10px;
}

.fm-item{
	display:flex;
	align-items:center;
	gap:12px;

	padding:12px;
	border-radius:14px;

	color:#fff;
	text-decoration:none;

	transition:all .25s ease;
}

.fm-item:hover{
	background:rgba(240,222,181,.08);
	transform:translateX(3px);
}

/* ICON */

.fm-ico{
	width:46px;
	height:46px;
	border-radius:50%;

	display:grid;
	place-items:center;

	background:linear-gradient(
		135deg,
		#f7e3ab 0%,
		#ddb45d 40%,
		#b8842c 100%
	);

	box-shadow:
		0 4px 12px rgba(221,180,93,.25);

	flex-shrink:0;
}

.fm-ico img{
	width:22px;
	height:22px;
	object-fit:contain;
	filter:brightness(0) invert(1);
}

/* TEXT */

.fm-txt{
	display:flex;
	flex-direction:column;
}

.fm-txt b{
	font:600 15px/20px 'BeauSans',sans-serif;
	color:#f0deb5;
}

.fm-txt small{
	font:400 12px/16px 'BeauSans',sans-serif;
	color:rgba(255,255,255,.65);
}

/* BACKDROP */

.fm-backdrop{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.4);
	backdrop-filter:blur(2px);

	opacity:0;
	visibility:hidden;

	transition:.25s;

	z-index:9998;
}

.fm-backdrop.show{
	opacity:1;
	visibility:visible;
}

/* POPUP */

.popup{
	position:fixed;
	inset:0;
	display:grid;
	place-items:center;

	z-index:10000;

	visibility:hidden;
	opacity:0;

	transition:.25s;
}

.popup.show{
	visibility:visible;
	opacity:1;
}

.popup .mask{
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.65);
	backdrop-filter:blur(3px);
}

.popup .box{
	position:relative;

	width:min(92vw,500px);

	background:#090909;

	border:1px solid rgba(240,222,181,.15);

	border-radius:22px;

	box-shadow:
		0 25px 55px rgba(0,0,0,.55),
		0 0 25px rgba(240,222,181,.08);

	overflow:hidden;

	transform:translateY(10px);

	transition:.3s ease;
}

.popup.show .box{
	transform:none;
}

/* HEADER */

.pop-head{
	padding:24px 26px 0;
	display:flex;
	align-items:center;
	gap:14px;
}

.pop-logo{
	width:56px;
	height:56px;
	border-radius:18px;

	display:grid;
	place-items:center;

	font-size:24px;

	background:linear-gradient(
		135deg,
		#f7e3ab 0%,
		#ddb45d 40%,
		#b8842c 100%
	);

	color:#fff;
}

.pop-title{
	font:600 24px/30px 'BeauSans',sans-serif;
	color:#f0deb5;
}

.pop-desc{
	padding:8px 26px 18px;
	font:400 14px/22px 'BeauSans',sans-serif;
	color:rgba(255,255,255,.72);
}

.pop-close{
	position:absolute;
	right:14px;
	top:12px;

	width:36px;
	height:36px;

	border:none;
	background:none;

	color:#f0deb5;

	font-size:28px;
	cursor:pointer;

	transition:.25s;
}

.pop-close:hover{
	transform:rotate(90deg);
	color:#fff;
}

/* FORM */

.pop-body{
	padding:0 26px 20px;
}

.pop-body input,
.pop-body select,
.pop-body textarea{
	width:100%;

	padding:13px 15px;
	margin-bottom:12px;

	border-radius:12px;

	border:1px solid rgba(240,222,181,.12);

	background:#141414;

	font:400 14px/20px 'BeauSans',sans-serif;
	color:#fff;

	outline:none;

	transition:.25s;
}

.pop-body input:focus,
.pop-body select:focus,
.pop-body textarea:focus{
	border-color:#ddb45d;

	box-shadow:
		0 0 0 3px rgba(221,180,93,.12);
}

.pop-body textarea{
	min-height:110px;
	resize:vertical;
}

/* FOOT */

.pop-foot{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:15px;

	padding:18px 26px 24px;

	border-top:1px solid rgba(240,222,181,.08);
}

/* BUTTON */

.btn-primary{
	border:none;

	padding:12px 24px;
	border-radius:40px;

	font:600 14px/20px 'BeauSans',sans-serif;
	color:#fff;

	cursor:pointer;

	background:linear-gradient(
		135deg,
		#f7e3ab 0%,
		#ddb45d 40%,
		#b8842c 100%
	);

	box-shadow:
		0 10px 20px rgba(221,180,93,.22);

	transition:.3s ease;
}

.btn-primary:hover{
	transform:translateY(-3px);
	box-shadow:
		0 16px 28px rgba(221,180,93,.35);
}

.pop-foot .hotline{
	font:400 14px/20px 'BeauSans',sans-serif;
	color:rgba(255,255,255,.65);
}

.pop-foot .hotline a{
	color:#f0deb5;
	text-decoration:none;
	font-weight:600;
}

/* MOBILE */

@media(max-width:768px){

	.fm-wrap{
		right:14px;
		bottom:14px;
	}

	.fm-toggle{
		width:56px;
		height:56px;
	}

	.fm-menu{
		width:280px;
	}

	.pop-title{
		font-size:20px;
		line-height:26px;
	}

}

@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;}
	
	#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(3, 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 'BeauSans', 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;}
	
	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 BeauSans;}
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail h1 span{font:450 28px/35px BeauSans !important;}
	
	/*.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-title{padding:0 0 10px;font: 400 12px/22px BeauSans;}
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail h1{padding:0 0 15px;font:450 22px/28px BeauSans;}
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail h1 span{font:450 22px/28px BeauSans !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;}
	
}

@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{font:450 25px/30px 'BeauSans', sans-serif;}
	
	#content .topin .info h1,
	#content .conbox .lanhdao .head,
	#content .conbox .nhansu .head{font:450 25px/25px 'BeauSans', sans-serif;}

	#content div.home ul li.doitac section .head h3,
	#content div.home ul li.baochi section .head h3{font:450 25px/30px 'BeauSans', 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 'BeauSans', sans-serif;}
	
	#navi .box-breadcrumb ul li{font:400 12px/30px 'BeauSans', 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 'BeauSans', sans-serif;}
	#content .author .wtit .name span{font:400 15px/20px 'BeauSans', sans-serif;}
	#content .author .wbox {font:400 15px/25px 'BeauSans', sans-serif;}

	#content .lienhe .wbox{font:400 15px/25px 'BeauSans', sans-serif;}
	#content .lienhe .wbox h3{font:450 20px/30px 'BeauSans', serif;}
	
	#content .qna .title span {font:450 20px/30px BeauSans, sans-serif;}
	#content .qna ul li .questions-toggle-item-title{font:450 15px/25px 'BeauSans';}
	
	#content .conbox .feel .stitle div span{font:450 20px/30px BeauSans, sans-serif;}
	
	#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 BeauSans;}
	#content div.home ul li.linhvuc section .obox ul li .info .text .desc{font:400 15px/22px BeauSans;}
	
}

@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 BeauSans;}
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-detail h1 span{font:450 italic 18px/28px BeauSans !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 'BeauSans', 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%;	
		}
	
}
/* =========================================================
   SUDICO - DARK GOLD THEME OVERRIDE FOR INNER PAGES
   Đồng bộ màu trang trong theo mẫu trang chủ: đen + vàng champagne
   Chỉ đặt cuối file để ghi đè, không phá cấu trúc CSS cũ
   ========================================================= */
:root{
  --sdc-black:#000000;
  --sdc-bg:#050505;
  --sdc-panel:#0b0b0b;
  --sdc-panel-2:#111111;
  --sdc-line:rgba(240,222,181,.42);
  --sdc-line-soft:rgba(210,176,111,.22);
  --sdc-gold:#d2b06f;
  --sdc-gold-2:#f0deb5;
  --sdc-gold-3:#fff1b8;
  --sdc-text:#f7f3ea;
  --sdc-text-soft:rgba(255,255,255,.78);
  --sdc-muted:rgba(255,255,255,.58);
}

html,body{background:var(--sdc-black) !important;color:var(--sdc-text) !important;}
body{background:#000 !important;}
main,#content{background:var(--sdc-black) !important;color:var(--sdc-text) !important;}
a{color:var(--sdc-gold-2);}
a:hover{color:var(--sdc-gold-3);}

/* Header / search */
header{background:#000 !important;border-top:5px solid var(--sdc-gold-2) !important;border-bottom:5px solid var(--sdc-gold-2) !important;}
header .box .search{background:#070707 !important;border:1px solid var(--sdc-line-soft);box-shadow:0 16px 35px rgba(0,0,0,.55) !important;}
header .box .search form input,
header .box .search input[type="text"]{background:#111 !important;border:1px solid var(--sdc-line) !important;color:#fff !important;}
header .box .search form input::placeholder,
header .box .search input[type="text"]::placeholder{color:rgba(255,255,255,.55) !important;}
header .box .search form button,
header .box .search button[type="submit"]{background:var(--sdc-gold) !important;color:#111 !important;}
header .box .search-toggle{background:#fff !important;color:#111 !important;border-color:#fff !important;}
header.search-open .search-toggle{background:var(--sdc-gold) !important;border-color:var(--sdc-gold) !important;color:#111 !important;}

/* Banner / breadcrumb */
#bananh{background:#000 !important;border-bottom:1px solid var(--sdc-line-soft);}
#bananh img{filter:brightness(.7) contrast(1.06);}
#bancolor{background:#000 !important;height:45px !important;}
#navi{background:#050505 !important;border-top:1px solid var(--sdc-line-soft);border-bottom:1px solid var(--sdc-line-soft);}
#navi .box-breadcrumb ul li,
#navi .box-breadcrumb ul li a{color:var(--sdc-text-soft) !important;}
#navi .box-breadcrumb ul li a:hover{color:var(--sdc-gold-2) !important;}
#navi .box-breadcrumb ul li:after{color:var(--sdc-gold) !important;}

/* Layout trang trong */
#content .topcon,
#content .conbox,
#content .groupsp{color:var(--sdc-text);}
#content .conbox{padding:50px 0 !important;}
#content .conbox.flex,
#content .conbox.flexR{align-items:flex-start;}
#content .conbox .cleft,
#content .conbox .cright{color:var(--sdc-text);}

/* Tiêu đề và nội dung chi tiết */
#content .topin,
#content .bopin,
#content .topin .info,
#content .bopin .info{color:var(--sdc-text-soft) !important;}
#content .topin .info h1,
#content .topin .info h2,
#content .topin .info h3,
#content .topin .info h4,
#content .bopin .info h1,
#content .bopin .info h2,
#content .bopin .info h3,
#content .bopin .info h4,
#content .conbox h1,
#content .conbox h2,
#content .conbox h3{color:var(--sdc-gold-2) !important;}
#content .topin .info h1,
#content .bopin .info h1{font-weight:700 !important;}
#content .topin .info h1:before,
#content .topin .info h2:before,
#content .topin .info h3:before,
#content .bopin .info h1:before,
#content .bopin .info h2:before,
#content .bopin .info h3:before{background:var(--sdc-gold) !important;}
#content .topin .info p,
#content .topin .info div,
#content .bopin .info p,
#content .bopin .info div{color:var(--sdc-text-soft);}
#content .topin .info a,
#content .bopin .info a{color:var(--sdc-gold-2) !important;}
#content .topin .info a:hover,
#content .bopin .info a:hover{color:var(--sdc-gold-3) !important;}
#content .topin .info ul li,
#content .bopin .info ul li{color:var(--sdc-text-soft) !important;}
#content .topin .info img,
#content .bopin .info img{border-radius:8px;}
#content .topin .info table,
#content .bopin .info table{background:#080808;color:var(--sdc-text-soft);}
#content .topin .info table th,
#content .topin .info table td,
#content .bopin .info table th,
#content .bopin .info table td{border-color:var(--sdc-line-soft) !important;color:var(--sdc-text-soft);}

/* Tab lọc */
#content .bantab1 ul li span a,
#content .bantab1 ul li div a,
#content .bantab2 ul li div a,
#content .bantab2 ul li span a{border:1px solid var(--sdc-line) !important;color:var(--sdc-gold-2) !important;background:#070707 !important;}
#content .bantab1 ul li span.active a,
#content .bantab1 ul li div.active a,
#content .bantab1 ul li span:hover a,
#content .bantab1 ul li div:hover a,
#content .bantab2 ul li div.active a,
#content .bantab2 ul li span.active a,
#content .bantab2 ul li div:hover a,
#content .bantab2 ul li span:hover a{background:var(--sdc-gold) !important;border-color:var(--sdc-gold) !important;color:#111 !important;}

/* Sidebar */
#content .conbox .cright .form,
#content .conbox .cright .cmnu,
#content .conbox .cright .cbox,
#content .conbox .cright .fabox{background:linear-gradient(180deg,#101010,#070707) !important;border:1px solid var(--sdc-line-soft) !important;border-radius:12px !important;box-shadow:0 18px 40px rgba(0,0,0,.35);}
#content .conbox .cright .form .head,
#content .conbox .cright .form .head p,
#content .conbox .cright .form .head div,
#content .conbox .cright .cbox .head{color:var(--sdc-text-soft) !important;}
#content .conbox .cright .form .head h1,
#content .conbox .cright .form .head h2,
#content .conbox .cright .form .head h3,
#content .conbox .cright .cbox .head{color:var(--sdc-gold-2) !important;}
#content .conbox .cright .form .head a{color:var(--sdc-gold-2) !important;}
#content .conbox .cright .form ul li{color:var(--sdc-text-soft) !important;}
#content .conbox .cright .form ul li input[type="text"],
#content .conbox .cright .form ul li textarea{background:#050505 !important;border:1px solid var(--sdc-line) !important;color:#fff !important;border-radius:6px !important;}
#content .conbox .cright .form ul li input[type="text"]::placeholder,
#content .conbox .cright .form ul li textarea::placeholder{color:rgba(255,255,255,.55) !important;}
#content .conbox .cright .form ul li input[type="button"]{background:transparent !important;border:2px solid var(--sdc-gold) !important;color:var(--sdc-gold-2) !important;border-radius:999px !important;font-weight:700 !important;}
#content .conbox .cright .form ul li input[type="button"]:hover{background:var(--sdc-gold) !important;color:#111 !important;box-shadow:0 0 22px rgba(210,176,111,.35) !important;}
#content .conbox .cright .cmnu ul li .c2{border-bottom:1px solid var(--sdc-line-soft) !important;}
#content .conbox .cright .cmnu ul li .c2 a,
#content .conbox .cright .cbox ul li div span{color:var(--sdc-gold-2) !important;}
#content .conbox .cright .cmnu ul li ul li div a,
#content .conbox .cright .cmnu ul li ul li ul li a,
#content .conbox .cright .cbox ul li.article h3 a{color:var(--sdc-text-soft) !important;}
#content .conbox .cright .cmnu ul li ul li a:hover,
#content .conbox .cright .cmnu ul li ul li div a:hover,
#content .conbox .cright .cmnu ul li ul li ul li a:hover,
#content .conbox .cright .cbox ul li.article h3 a:hover{color:var(--sdc-gold-2) !important;}
#content .conbox .cright .cbox ul li,
#content .conbox .cright .cbox ul li div{border-color:var(--sdc-line-soft) !important;}
#content .conbox .cright .cbox ul li.youtube p{color:var(--sdc-text-soft) !important;}

/* Card album / dự án / nhóm */
#content .conbox .album ul li .card,
#content .listda ul li .card,
#content .groupsp ul li a{background:#0b0b0b !important;border:1px solid var(--sdc-line-soft) !important;border-radius:12px !important;box-shadow:0 18px 40px rgba(0,0,0,.35) !important;}
#content .conbox .album ul li .card:hover,
#content .listda ul li .card:hover,
#content .groupsp ul li a:hover{border-color:var(--sdc-gold) !important;box-shadow:0 26px 55px rgba(0,0,0,.55),0 0 28px rgba(210,176,111,.18) !important;transform:translateY(-4px);}
#content .conbox .album ul li .card .thumb,
#content .listda ul li .thumb{background:#000 !important;}
#content .conbox .album ul li .card .info{background:#0b0b0b !important;}
#content .conbox .album ul li .card .info .title,
#content .conbox .album ul li .card .info .title a,
#content .listda ul li .info h3{color:var(--sdc-gold-2) !important;}
#content .conbox .album ul li .card .info .desc,
#content .conbox .album ul li .card .info .meta,
#content .listda ul li .info div{color:var(--sdc-text-soft) !important;}
#content .conbox .album ul li .card .info .meta i{color:var(--sdc-gold) !important;}
#content .groupsp ul li a .title{background:rgba(0,0,0,.72) !important;color:var(--sdc-gold-2) !important;border-top:1px solid var(--sdc-line-soft);}
#content .groupsp ul li a:hover .title{background:rgba(210,176,111,.94) !important;color:#111 !important;}

/* Danh sách tin / search nếu có */
#content .conbox .list ul li .card,
#content .conbox .list-search ul li .card,
#content .conbox .news ul li .card,
#content .conbox .product ul li .card{background:#0b0b0b !important;border:1px solid var(--sdc-line-soft) !important;color:var(--sdc-text-soft) !important;border-radius:12px !important;box-shadow:0 14px 35px rgba(0,0,0,.32) !important;}
#content .conbox .list ul li .card:hover,
#content .conbox .list-search ul li .card:hover,
#content .conbox .news ul li .card:hover,
#content .conbox .product ul li .card:hover{border-color:var(--sdc-gold) !important;box-shadow:0 24px 50px rgba(0,0,0,.55),0 0 25px rgba(210,176,111,.16) !important;}
#content .conbox .list ul li .card a,
#content .conbox .list-search ul li .card a,
#content .conbox .news ul li .card a,
#content .conbox .product ul li .card a{color:var(--sdc-gold-2) !important;}
#content .conbox .list ul li .card .desc,
#content .conbox .list-search ul li .card .desc,
#content .conbox .news ul li .card .desc,
#content .conbox .product ul li .card .desc{color:var(--sdc-text-soft) !important;}

/* Button chung */
.btn,.more a,a.more,
#content .error404 .bth a{background:transparent !important;border:2px solid var(--sdc-gold) !important;color:var(--sdc-gold-2) !important;border-radius:999px !important;}
.btn:hover,.more a:hover,a.more:hover,
#content .error404 .bth a:hover{background:var(--sdc-gold) !important;color:#111 !important;}

/* Form chung trang trong */
#content input[type="text"],
#content input[type="email"],
#content input[type="tel"],
#content input[type="number"],
#content select,
#content textarea{background:#070707;color:#fff;border:1px solid var(--sdc-line);}
#content input[type="submit"],
#content button[type="submit"]{background:var(--sdc-gold);border-color:var(--sdc-gold);color:#111;}

/* Footer đồng bộ */
footer{background:#000 !important;border-top:5px solid var(--sdc-gold-2) !important;color:var(--sdc-text-soft) !important;}
footer .box .mid{background:#000 !important;color:var(--sdc-text-soft) !important;}
footer .box .mid .left ul li .head,
footer .box .mid .left ul li.first .info .ibox h3{color:var(--sdc-gold-2) !important;}
footer .box .mid .left ul li ul li a,
footer .box .mid .left ul li.first .info .ibox a,
footer .box .mid .left ul li.first .info .ibox div,
footer .box .mid .left ul li.first .info .ibox p{color:var(--sdc-text-soft) !important;}
footer .box .mid .left ul li ul li a:hover,
footer .box .mid .left ul li.first .info .ibox a:hover{color:var(--sdc-gold-2) !important;}
footer .copy{background:#050505 !important;border-top:1px solid var(--sdc-line-soft) !important;color:var(--sdc-muted) !important;}
footer .copy a{color:var(--sdc-gold-2) !important;}

/* Mobile */
@media only screen and (max-width:1024px){
  .menu input#dropdown:checked ~ ul{background:#050505 !important;border-top:1px solid var(--sdc-line-soft);}
  .menu ul li a{color:var(--sdc-text-soft) !important;border-bottom:1px solid var(--sdc-line-soft) !important;}
  .menu ul li:hover > a,.menu ul li.active:hover > a{color:var(--sdc-gold-2) !important;background:#0b0b0b !important;}
  .menu ul ul li a{color:var(--sdc-text-soft) !important;border-bottom:1px dotted var(--sdc-line-soft) !important;}
  #content .conbox.flex,#content .conbox.flexR{display:block !important;}
  #content .conbox .cleft,#content .conbox .cright{width:100% !important;display:block !important;}
  #content .conbox .cright{margin-top:25px;}
}
@media only screen and (max-width:768px){
  #content .conbox{padding:35px 12px !important;width:100% !important;}
  #navi .box-breadcrumb{width:100% !important;padding:0 12px;}
  #bancolor{height:25px !important;}
}