/* Example background colors for steps */
.working__step-round {
  background-color: #e53935; /* a strong red */
  color: #fff; /* white text for contrast */
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 1.5rem;
}

/* For other steps with blue background */
.working__step-item.is-mainly-blue .working__step-round {
  background-color: #1565c0; /* strong blue */
  color: #fff; /* white text */
}

/* For default or white backgrounds, use a dark text color */
.working__step-item:not(.is-mainly-red):not(.is-mainly-blue) .working__step-round {
  background-color: #f5f5f5; /* light grey */
  color: #222; /* dark text */
}

    /* Make placeholder text darker for better contrast */
.contact__input-2 input::placeholder,
.contact__input-2 textarea::placeholder {
  color: #555; /* Darker gray, adjust for contrast */
  opacity: 1;  /* Ensure full opacity in browsers that dim placeholders */
  font-weight: 500; /* Optional: make placeholder slightly bolder */
}

/* Also make sure input and textarea text color is high contrast */
.contact__input-2 input,
.contact__input-2 textarea {
  color: #222; /* dark text */
  background-color: #fff; /* white background */
  border: 1px solid #ccc; /* optional for visible border */
}