.elementor-2798 .elementor-element.elementor-element-53c8244{text-align:center;}@media(max-width:767px){.elementor-2798 .elementor-element.elementor-element-c383bfb{text-align:center;}}/* Start custom CSS */.epcalc{border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:18px;max-width:1100px;color:#111827}
.epcalc *{box-sizing:border-box;font-family:inherit;color:#111827} /* forces text black */

.epcalc__grid{display:grid;grid-template-columns:360px 1fr;gap:22px;align-items:start}
@media (max-width: 900px){.epcalc__grid{grid-template-columns:1fr}}
.epcalc__h{font-weight:650;margin:0 0 12px 0;color:#111827}

/* LEFT syringe cards: keep smaller (not huge) */
.epcalc__cardlist{display:flex;flex-direction:column;gap:12px}
.epcalc__card{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
  cursor:pointer;
}
.epcalc__card span{font-weight:800;font-size:14px;color:#111827}
.epcalc__card img{
  width:230px;        /* keeps them compact */
  max-width:60%;
  height:auto;
  display:block;
}
.epcalc__card.is-selected{border:2px solid #3b82f6;background:#eff6ff}

/* RIGHT steps */
.epcalc__step{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:10px 0}
.epcalc__step + .epcalc__step{border-top:1px solid #e5e7eb}
.epcalc__icon{width:54px;height:54px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}
.epcalc__icon img{width:100%;height:100%;object-fit:cover}
.epcalc__label{font-weight:650;margin:0 0 10px 0;color:#111827}
.epcalc__pills{display:flex;flex-wrap:wrap;gap:10px}
.epcalc__pill{border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;background:#fff;cursor:pointer;font-weight:600;color:#111827}
.epcalc__pill.is-selected{border:2px solid #3b82f6;background:#eff6ff}
.epcalc__other{margin-top:10px;display:none}
.epcalc__other.is-open{display:block}
.epcalc__other label{display:block;font-size:12px;margin-bottom:6px;color:#111827}
.epcalc__other input{width:180px;max-width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;color:#111827}

/* RESULT: make full width + larger */
.epcalc__result{
  margin-top:18px;
  width:100%;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:18px 18px 16px 18px;  /* bigger padding */
  background:#fff;
}
.epcalc__hint{
  font-size:20px;               /* larger text */
  line-height:1.25;
  margin-bottom:14px;
  color:#111827;
}
.epcalc__hint strong{font-weight:900;color:#111827}

.epcalc__sub{margin-top:8px;color:#111827;font-size:12px;opacity:.75}
.epcalc__warn{display:none;margin:10px 0 0 0;color:#b45309;font-weight:700}
.epcalc__warn.is-on{display:block}

/* Ruler bigger */
.epcalc__ruler{
  position:relative;
  height:70px;                  /* taller */
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#fff;
  overflow:hidden;
}
.epcalc__fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:#3b82f6;opacity:.9}
.epcalc__ticks{position:absolute;inset:0}
.epcalc__tick{position:absolute;bottom:18px;width:2px;background:#111827;opacity:.9} /* push ticks up */
.epcalc__tick.minor{height:12px;opacity:.45}
.epcalc__tick.mid{height:18px;opacity:.65}
.epcalc__tick.major{height:26px}
.epcalc__ticklbl{position:absolute;bottom:6px;transform:translateX(-50%);font-size:13px;color:#111827;font-weight:700}
@media (max-width: 520px){
  #epcalc-1 .epcalc__ticklbl{ font-size:11px; }
  #epcalc-1 .epcalc__ruler{ height:76px; }
}/* End custom CSS */