.bd-hero{ position:relative; width:100%; overflow:hidden; }
.bd-hero-track{ position:relative; height:520px; }
.bd-hero-slide{ position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity .6s ease; }
.bd-hero-slide.is-active{ opacity:1; pointer-events:auto; }

.bd-hero-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1);
}

/* Zoom style like sample */
.bd-hero-slide.is-active .bd-hero-bg{ animation: bdHeroZoom 10s linear forwards; }
@keyframes bdHeroZoom{
  from{ transform:scale(1); }
  to{ transform:scale(1.12); }
}

.bd-hero-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.38);
}
/* allow Theme Options overlay intensity (% -> rgba) via inline CSS variable */
.bd-hero-overlay{ opacity: calc(var(--bd-hero-overlay, 55%) / 100); }

.bd-hero-inner{ position:relative; height:520px; display:flex; align-items:center; }
.bd-hero-content{ max-width:680px; color:#fff; }

.bd-hero-title{
  margin:0 0 14px;
  font-size:64px;
  line-height:1.02;
  letter-spacing:-.02em;
  font-weight:900;
}
.bd-hero-w2{ color: var(--bd-hero-accent, #22c55e); }
.bd-hero-desc{ font-size:15px; line-height:1.6; opacity:.92; }
.bd-hero-desc p{ margin:0 0 10px; }

.bd-hero-actions{ margin-top:24px; display:flex; gap:22px; align-items:center; flex-wrap:wrap; }

.bd-hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  padding:12px 22px;
  border-radius:999px;
  font-weight:800;
  color:#fff;
}

/* Button like sample: green gradient */
.bd-hero-btn1{ background:linear-gradient(90deg, var(--bd-hero-btn1-from, #16a34a), var(--bd-hero-btn1-to, #22c55e)); }
.bd-hero-btn1:hover{ filter:brightness(.96); }

.bd-hero-video{ display:inline-flex; align-items:center; gap:12px; text-decoration:none; color:#fff; font-weight:800; letter-spacing:.02em; }
.bd-hero-play{
  width:62px;
  height:62px;
  border-radius:999px;
  background:var(--bd-hero-play-bg, rgba(59,130,246,.9));
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  box-shadow:0 10px 26px rgba(0,0,0,.28);
}

.bd-hero-dots{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:18px;
  display:flex;
  gap:8px;
  z-index:4;
}
.bd-hero-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.55);
  border:0;
  padding:0;
  cursor:pointer;
}
.bd-hero-dot.is-active{ background:#fff; width:22px; }

@media (max-width: 980px){
  .bd-hero-track, .bd-hero-inner{ height:460px; }
  .bd-hero-title{ font-size:44px; }
}
@media (max-width: 520px){
  .bd-hero-track, .bd-hero-inner{ height:420px; }
  .bd-hero-title{ font-size:36px; }
  .bd-hero-play{ width:56px; height:56px; }
}