.fremat-offer-progress{display:block;background:#fff;color:var(--offer-ink);border:1px solid var(--offer-ink);border-radius:14px;padding:18px 18px 12px;margin:16px 0;max-width:100%;box-sizing:border-box;text-align:center}
.fremat-offer-progress__message{display:grid;gap:3px}
.fremat-offer-progress__message [lang=ar]{font-family:Lalezar,Tahoma,sans-serif;font-weight:400;font-size:26px;line-height:1.4;font-synthesis:none;letter-spacing:normal}
.fremat-offer-progress__message [lang=en]{font-family:Arial,sans-serif;font-size:13px;line-height:1.5;font-weight:700}
.fremat-offer-progress__track{position:relative;height:8px;background:#e6e6e6;border-radius:20px;margin:24px 12px 20px 0}
.fremat-offer-progress__fill{display:block;height:100%;width:var(--offer-progress);background:var(--offer-accent);border-radius:inherit;transform-origin:left;animation:fremat-offer-fill .65s ease-out both}
.fremat-offer-progress__dot{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid #111;background:#fff;color:#111;font:700 12px/1 Arial,sans-serif}
.fremat-offer-progress__dot.is-reached{background:var(--offer-accent)}
.fremat-offer-progress__milestones{display:flex;justify-content:space-between;gap:6px;font:700 11px/1.4 Arial,sans-serif}
.fremat-offer-progress__note{font-family:"IBM Plex Sans Arabic",Arial,sans-serif;font-size:11px;line-height:1.7;margin-top:12px}
@keyframes fremat-offer-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.fremat-offer-progress__fill{animation:none}}