.wfh-btn:hover {
    color: #fff;
}

.imgfeat__img {
    border-radius: 50px;
}

.imgfeat__panel {
    border-radius: 50px;
}

.imgfeat__panel p {
    margin: 5px 0 15px;
}


/* ── Step pills ── */
.steps {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.step {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #152236;
  border-radius: 50px;
  padding: 9px 18px 9px 9px;
  transition: background 0.2s, transform 0.2s;
  cursor: default;
}

.step:hover {
  background: #1c2e47;
  transform: translateY(-2px);
}

.step-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #19b6ce;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.step-icon svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.step-label {
  /* font-family: 'Sora', sans-serif; */
  font-size: 13.5px;
  font-weight: 600;
  color: #ffffff;
}

/* ── CTA button ── */
.myteverywhere-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  color:#000!important;
  /* color: #0b1426; */
  /* font-family: 'Sora', sans-serif; */
  font-size: 14px;
  font-weight: 600;
  padding: 13px 26px;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  width: fit-content;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
  text-decoration: none;
}

.myteverywhere-cta:hover {
  /* background: #e8f4f8;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(25,182,206,0.18); */
  background: var(--base-color);
  color: #fff !important;
}

/* ── Right column – image ── */
.image-wrap {
  border-radius: 14px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  position: relative;
}

/* ---- myt WFH offers theme (self-contained) ---- */
.wfh{font-family:'Poppins',system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f6fb;color:#14151b}
.wfh__inner{max-width:1270px;margin:0 auto;}
.wfh__head{text-align:center}
.wfh__label{text-align:center;font-size:18px;margin:0 0 18px;color:#14151b}

/* experience cards */
.wfh__block{margin-top:40px}
.wfh__exp{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:820px;margin:0 auto}
.wfh-exp{background:#fff;border:1.5px solid #E3E7F0;border-radius:20px;padding:24px 28px;cursor:pointer;transition:.2s;text-align:left;font-family:inherit}
.wfh-exp:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(21,62,217,.10)}
.wfh-exp.is-active{border:2px solid #153ED9;box-shadow:0 10px 28px rgba(21,62,217,.14)}
.wfh-exp__t{font-size:clamp(17px,2vw,20px);font-weight:600;margin:0 0 4px;color:#14151b}
.wfh-exp__d{font-size:14px;color:#5b6573;margin:0}

/* speed toggle */
.wfh__toggle{text-align:center}
.wfh-toggle{background:#fff;border:1.5px solid #14151b;color:#14151b;padding:11px 24px;margin:5px;border-radius:999px;cursor:pointer;font-weight:600;font-size:15px;font-family:inherit;transition:.2s}
.wfh-toggle:hover{background:#14151b;color:#fff}
.wfh-toggle.is-active{background:#14151b;color:#fff}

/* offers grid */
.wfh-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:22px;
  max-width:1100px;
  margin:0 auto;
}
.wfh-card{
  flex:0 1 340px;
}
@media(max-width:900px){
  .wfh-card{flex-basis:100%}
}

.offer-card{transition:opacity .3s ease}
.wfh-card{background:#fff;border:1px solid #E3E7F0;border-radius:30px;padding:30px;display:flex;flex-direction:column;box-shadow:0 6px 20px rgba(20,21,27,.05);transition:transform .2s,box-shadow .2s}
.wfh-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(21,62,217,.12)}
.wfh-card__t{font-size:30px;font-weight:600;margin:0 0 14px;color:#14151b}
.wfh-price{display:flex;align-items:baseline;gap:6px;margin-bottom:14px}
.wfh-price .plus{font-size:18px;font-weight:600;color:#153ED9}
.wfh-price .amount{font-size:44px;font-weight:600;color:#153ED9;line-height:1;letter-spacing:-1px}
.wfh-price .period{font-size:12px;color:#5b6573;line-height:1.2}
.wfh-tag{display:inline-block;align-self:flex-start;background:#DBF4F7;color:#0A6ED2;font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;margin-bottom:20px}
.wfh-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0;border-top:1px solid #E3E7F0;border-bottom:1px solid #E3E7F0;margin-bottom:18px}
.wfh-spec{font-size:12px;color:#5b6573;text-align:center;line-height:1.3}
.wfh-spec strong{display:block;font-size:16px;color:#14151b;font-weight:700;margin-bottom:3px}
.wfh-total{font-size:15px;color:#14151b;margin:auto 0 18px}
.wfh-total strong{font-weight:700}
.wfh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#14151b;color:#fff;font-weight:600;font-size:15px;padding:14px 22px;border-radius:999px;text-decoration:none;transition:.2s}
.wfh-btn:hover{background:#153ED9;transform:translateY(-2px)}
.wfh-btn svg{width:18px;height:18px}

/* eligibility box */
.wfh-elig{max-width:1068px;background:#fff;border:1px solid #E3E7F0;border-radius:30px;padding:22px 26px;margin:34px auto 0}
.wfh-elig a{color:#153ED9}

/* footer */
.wfh__foot{text-align:center;max-width:640px;margin:26px auto 0}
.wfh__foot p{font-size:14px;color:#5b6573;margin:0 0 16px}
.wfh__foot p a{color:#153ED9}

@media(max-width:600px){.wfh__exp{grid-template-columns:1fr}.wfh-card{padding:24px}}

li {
    font-size: 16px !important;
}

.sw-info{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid #E3E7F0;border-radius:50px;padding:16px 20px;display: flex;
justify-content: center;
align-items: center;
height: 10vh;
margin: 0 auto;}
.sw-info__icon{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#DDEBF9;color:#153ED9;display:grid;place-items:center}
.sw-info__icon svg{width:20px;height:20px}
.sw-info a{color:#153ED9}

@media(max-width:992px){.sw__inner{flex-direction:column}.sw__media,.sw__content{flex:1 1 100%;width:100%}}

.promo-banner--seasonal01 {
    background: #DEE4FA;
    color: #000;
}
.promo-banner01 {
    border-radius: var(--r-lg);
    padding: 50px;

    justify-content: space-between;
    align-items: center;
    gap: 24px;
    overflow: hidden;
    position: relative;
}

.widthsmart { width: 36px !important;}