.hero-slider{
  position:relative;
  color:#fff;
  overflow:hidden;
  background:linear-gradient(120deg,#073b78,#0b66c3,#22a447);
}
.hs-track{position:relative;min-height: 520px;}
.hs-slide{
  position:absolute; inset:0;
  opacity:0;
  transition:opacity .55s ease;
  pointer-events:none;
  display:flex;
  align-items:center;
}
.hs-slide.is-active{opacity:1;pointer-events:auto}
.hs-bg{
  position:absolute;
  inset:0;
  background-size: contain;
  background-position:center;
  filter:saturate(1.05);
  background-repeat: no-repeat;
}
.hs-bg-blur{
  position:absolute; inset:-20px;
  background-size:cover;
  background-position:center;
  filter: blur(20px) saturate(1.1);
  transform: scale(1.05);
  opacity:.6;
}
.hs-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(120deg,rgba(7,59,120,.06),rgba(11,102,195,.08),rgba(34,164,71,.07));
}
.hs-inner{position:relative; z-index:2; padding:78px 0}
.hs-copy{max-width:720px}
.hs-copy h1{font-size:52px;line-height:1.06;margin:0 0 14px}
.hs-copy p{font-size:18px;margin:0 0 10px}
.hs-copy .hs-sub{font-weight:900}
.hs-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap;display: none;}

.hs-controls{
  position:absolute;
  left:0;
  right:0;
  bottom: 5px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.hs-btn{
  border:0;
  width: 30px;
  height: 30px;
  border-radius:999px;
  background: rgba(255,255,255,.04);
  color:#fff;
  cursor:pointer;
  backdrop-filter: blur(8px);
}
.hs-btn:hover{background:rgba(255,255,255,.22)}
.hs-dots{display:flex;gap:8px;align-items:center}
.hs-dot{
  width:10px;height:10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.6);
  background:rgba(255,255,255,.18);
  cursor:pointer;
}
.hs-dot.is-active{background:#fff;border-color:#fff}

/* Hero home giữ như cũ nhưng tách riêng khỏi slider */
.hero.hero-home{background:linear-gradient(120deg,#073b78,#0b66c3,#22a447)}

@media (max-width: 850px){
  .hs-track{min-height:300px}
  .hs-inner{padding:56px 0}
  .hs-copy h1{font-size:38px}
  .hs-controls{bottom:12px}

  /* mobile: ưu tiên hiển thị đủ ảnh (contain), nền blur để đỡ “trống” */
  .hs-bg{background-size:contain;background-repeat:no-repeat}
}