form.form {
  width: fit-content;
  margin: 2rem auto;
  padding: 2rem;
  background-color: #f8f8f8;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-family: 'Segoe UI', sans-serif;
}
.step{
  flex-direction: column;
  width: 100%;
  gap: 12px;
}
form.form input,
form.form textarea , form.form select{
  padding: 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  transition: border 0.2s;
  font-family: 'Segoe UI', sans-serif;
  width: 100%;
}

form.form input:focus,
form.form textarea:focus {
  border-color: #146734;
  outline: none;
}

form.form .checkbox {
  display: grid;
  align-items: center;
  grid-template-columns: min-content auto;
  gap: 8px;
  font-size: 13px;
  line-height: 1.3;
}

form.form button , form.form input[type="button"]{
  background-color: #146734;
  color: white;
  border: none;
  padding: 12px;
  font-size: 15px;
  border-radius: 8px;
  border: 1px solid #146734;
  cursor: pointer;
  transition: background 0.3s;
}

form.form button:hover, form.form input[type="button"]:hover{
  background-color: white;
  color: #146734;
  border: 1px solid #146734;
}
form.form input:read-only:not(input[type="button"]){
  background-color: #f8f8f8;
}
form.form input.error, form.form textarea.error, form.form select.error {
    border: 1px solid red;
}



.form-header {
  text-align: center;
}
.form-header h3{
      font-family: "Raleway", sans-serif;
}

.progress-bar {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}

.step-circle {
  width: 30px;
  height: 30px;
  background-color: #d1d5db; /* szary */
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.step-circle.active {
  background-color: #166534; /* ciemna zieleń */
}

.checkbox input[type="checkbox"]{
  width: 15px;
  margin: 5px;
}
#reviewBg .form .stages:last-of-type{
  display: grid;
  grid-template-rows: 1fr 1fr;
}