.hero-slider{
  --bar-bg: rgba(0,0,0,.75);
  --bar-text:#fff;
  --btn-bg:#2c6a67;
  --btn-bg-hover:#275c59;
  --btn-text:#fff;
  position:relative; width:100%; overflow:hidden;
  border:0px solid rgba(0,0,0,.2);
  isolation:isolate;
}
.hero-slider *{ box-sizing:border-box; }

.hero-slider .slides{ position:relative; height:clamp(220px,40vw,520px); z-index:1; }
.hero-slider .slide{ position:absolute; inset:0; opacity:0; transition:opacity .5s ease-in-out; z-index:1; }
.hero-slider .slide.is-active{ opacity:1; }
.hero-slider img{ width:100%; height:100%; object-fit:cover; display:block; }

/* bottom bar */
.hero-bar{
  position:absolute; left:0; right:0; bottom:0;
  background:var(--bar-bg); color:var(--bar-text);
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:10px; padding:12px 14px;
  z-index:5 !important; opacity:1 !important; visibility:visible !important; transform:none !important;
}
.hero-caption{ flex:1 1 auto; font-size:clamp(13px,2.2vw,18px); line-height:1.4; }
.hero-right{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
.hero-count{ opacity:.9; white-space:nowrap; font-size:clamp(12px,1.8vw,15px); }

.hero-controls{ display:inline-flex; }
.hero-btn{
  background:var(--btn-bg); color:var(--btn-text);
  border:0; width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center;
  cursor:pointer; margin-left:6px; border-radius:0; flex-shrink:0;
}
.hero-btn:hover{ background:var(--btn-bg-hover); }
.hero-btn:focus-visible{ outline:2px solid #fff; outline-offset:2px; }
.pauseIcon{ display:block; } .playIcon{ display:none; }

/* tablets */
@media (max-width: 991px){
  .hero-slider .slides{ height:360px; }
  .hero-caption{ font-size:15px; }
  .hero-btn{ width:40px; height:40px; }
}
/* mobiles */
@media (max-width: 575px){
  .hero-slider .slides{ height:260px; }
  .hero-bar{ flex-direction:column; align-items:flex-start; }
  .hero-right{ width:100%; justify-content:space-between; }
  .hero-btn{ width:38px; height:38px; }
  .hero-count{ font-size:13px; }
}