.ew-hero{
  --ew-hero-overlay:rgba(0,0,0,.2);
  --ew-word-h:54px;
  position:relative;box-sizing:border-box;overflow:hidden;
  width:100%;height:792px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Poppins',sans-serif;color:#fff;
}
.ew-hero-bg{position:absolute;inset:0}
.ew-hero .ew-hero-slide{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;opacity:0;transition:opacity .9s ease}
.ew-hero .ew-hero-slide.is-active{opacity:1}
.ew-hero .ew-hero-slide .ew-hero-img{
  position:absolute;inset:0;display:block;
  width:100%;height:100%;min-width:100%;min-height:100%;max-width:none;max-height:none;
  margin:0;padding:0;border:0;border-radius:0;box-shadow:none;
  object-fit:cover;object-position:center center;
}
.ew-hero-bg::after{content:"";position:absolute;inset:0;background:var(--ew-hero-overlay)}

.ew-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:31px;padding:0 20px}
.ew-hero-text{display:flex;align-items:center;justify-content:center;gap:21px}
.ew-hero-prefix{margin:0;font-size:36px;font-weight:500;line-height:1.3;white-space:nowrap;color:#fff}
.ew-hero-sep{font-weight:600}

.ew-hero-words{width:360px;height:var(--ew-word-h);overflow:hidden}
.ew-hero-track{position:relative;transition:transform .7s cubic-bezier(.65,0,.35,1)}
.ew-hero-word{display:block;height:var(--ew-word-h);line-height:var(--ew-word-h);margin-bottom:5px;font-size:34px;font-weight:700;white-space:nowrap;color:#fff}

.ew-hero-btns{display:grid;justify-items:center}
.ew-hero-btn{
  grid-area:1/1;box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:199px;height:58px;padding:16px 56px;
  background:#161f6e;color:#fff;border-radius:16px;
  font-size:18px;font-weight:600;line-height:normal;text-decoration:none;white-space:nowrap;
  opacity:0;visibility:hidden;transition:opacity .5s ease,background-color .25s ease;
}
.ew-hero-btn.is-active{opacity:1;visibility:visible}
a.ew-hero-btn:hover,a.ew-hero-btn:focus{background-color:#161f6e;color:#fff}
.ew-hero-btn:empty{display:none}

.ew-hero-pag{position:absolute;z-index:2;bottom:34px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px}
.ew-hero-pill{
  position:relative;appearance:none;-webkit-appearance:none;border:0;padding:0;margin:0;
  width:32px;height:16px;border-radius:16px;background:#f9f9f9;overflow:hidden;cursor:pointer;
  transition:width .5s ease;
}
.ew-hero-pill.is-active{width:193px}
.ew-hero-fill{position:absolute;inset:0;background:#161f6e;transform:scaleX(0);transform-origin:left center;border-radius:16px}
[dir="rtl"] .ew-hero-fill{transform-origin:right center}
.ew-hero-pill:focus-visible{outline:2px solid #fff;outline-offset:2px}

@media(max-width:1024px){
  .ew-hero{--ew-word-h:42px}
  .ew-hero-prefix{font-size:28px}
  .ew-hero-word{font-size:26px}
  .ew-hero-words{width:280px}
}
@media(max-width:767px){
  .ew-hero{--ew-word-h:36px}
  .ew-hero-text{flex-direction:column;gap:4px;text-align:center}
  .ew-hero-prefix{font-size:22px}
  .ew-hero-word{font-size:24px;text-align:center}
  .ew-hero-words{width:100%;max-width:300px}
  .ew-hero-btn{min-width:160px;height:50px;padding:12px 36px;font-size:16px}
  .ew-hero-pill.is-active{width:120px}
}
@media(prefers-reduced-motion:reduce){
  .ew-hero-slide,.ew-hero-track,.ew-hero-btn,.ew-hero-pill{transition:none}
}