.ofogh-steps--photo{
  direction:rtl;
  box-sizing:border-box;
  width:100%;
  max-width:1100px;
  margin:0 auto 24px;
  padding:0;
  background:transparent;
  border-radius:20px;
  box-shadow:0 10px 28px rgba(40,100,180,.12);
  position:relative;
  overflow:hidden;
}
.ofogh-steps--photo *,
.ofogh-steps--photo *::before,
.ofogh-steps--photo *::after{box-sizing:border-box}
.ofogh-steps__photo{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  vertical-align:middle;
  border-radius:20px;
}
.ofogh-steps__fallback{
  position:absolute;
  width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* Keep old HTML tracker styles for safety if any residual markup exists */
.ofogh-steps:not(.ofogh-steps--photo){
  direction:rtl;
  box-sizing:border-box;
  width:100%;
  max-width:1100px;
  margin:0 auto 28px;
  padding:28px 20px 22px;
  background:
    radial-gradient(circle at 12% 18%, rgba(64,150,255,.16), transparent 42%),
    radial-gradient(circle at 88% 12%, rgba(64,150,255,.12), transparent 36%),
    linear-gradient(180deg, #f4f9ff 0%, #ffffff 55%, #f7fbff 100%);
  border-radius:24px;
  box-shadow:0 12px 32px rgba(40,100,180,.14);
}
.ofogh-steps:not(.ofogh-steps--photo) .ofogh-steps__item.is-current .ofogh-steps__name{color:#1d6fc2}
.ofogh-steps:not(.ofogh-steps--photo) .ofogh-steps__item.is-upcoming{opacity:.55}

@media (max-width:767px){
  .ofogh-steps--photo{
    margin-bottom:16px;
    border-radius:14px;
    box-shadow:0 6px 18px rgba(40,100,180,.12);
  }
  .ofogh-steps__photo{border-radius:14px}
}