.miura-service-page.maintenance-page{
  --miura-color-theme:#b07c4a;
  --miura-color-theme-light:#f7f2ea;
}

.miura-service-page.maintenance-page .custom-h2,
.miura-service-page.maintenance-page .custom-h3,
.miura-service-page.maintenance-page .miura-service-h2{
  border-left-color:var(--miura-color-theme);
}

.miura-service-page.maintenance-page .custom-h2{
  border-bottom-color:var(--miura-color-theme);
}

.miura-service-page.maintenance-page > .maintenance-hero{
  border:1px solid #e1d2c3;
  background:#f7f2ea;
}

.miura-service-page.maintenance-page > .maintenance-contact > .catch-copy{
  background:#fff7ec;
  border-color:#e0a86a;
  color:#a56428;
}

.miura-service-page.maintenance-page > .maintenance-flow > ol{
  list-style:none;
  padding-left:0;
  margin:1rem 0 0;
  counter-reset:maintenance-step;
  display:grid;
  gap:.85rem;
}

.miura-service-page.maintenance-page > .maintenance-flow > ol > li{
  position:relative;
  list-style:none;
  margin:0;
  padding:1rem 1rem 1rem 3.3rem;
  background:#fff;
  border:1px solid #e1d2c3;
  border-radius:var(--miura-radius-lg);
  box-shadow:var(--miura-shadow);
}

.miura-service-page.maintenance-page > .maintenance-flow > ol > li::before{
  counter-increment:maintenance-step;
  content:counter(maintenance-step);
  position:absolute;
  top:1rem;
  left:1rem;
  width:1.65rem;
  height:1.65rem;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--miura-color-theme);
  color:#fff;
  font-weight:700;
  font-size:.9rem;
  line-height:1;
}

.miura-service-page.maintenance-page > .maintenance-flow > p{
  margin-top:1rem;
  color:var(--miura-color-text-light);
}

.miura-service-page.maintenance-page .st-pop-btn.st-pop-orange{
  background:linear-gradient(90deg,#a56b3f,#c0845a);
}

.miura-service-page.maintenance-page .st-pop-btn.st-pop-orange:hover{
  opacity:.9;
}
