.fla-wrap {
  max-width: 100%;
  margin: 5px auto;
  font-family: inherit;
}
.fla-step {
  display: none;
}
.fla-step.is-active {
  display: block;
}
.fla-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px 18px;
}
.fla-field {
  margin-bottom: 18px;
}
.fla-field label {
  display: block;
  font-weight: 600;
  margin-bottom: 7px;
}
.fla-field input[type="text"],
.fla-field input[type="email"],
.fla-field input[type="tel"],
.fla-field select {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #d3d3d3;
  border-radius: 6px;
  background: #fff;
  box-sizing: border-box;
      height: 42px;
    margin: 0 0 5px 0;
}
.fla-radio {
  font-weight: 400 !important;
  padding: 8px 0;
}
.fla-actions,
.fla-question-actions {
  display: flex;
  gap: 12px;
  margin-top: 25px;
}
.fla-btn {
  border: 0;
  border-radius: 6px;
  padding: 13px 22px;
  cursor: pointer;
  background: #1d4f91;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}
.fla-btn:hover {
  opacity: 0.92;
}
.fla-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.fla-secondary {
  background: #e7e7e7;
  color: #222;
}
.fla-heading-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.fla-progress-text {
  white-space: nowrap;
  font-weight: 600;
}
.fla-progress {
  height: 8px;
  background: #eee;
  border-radius: 99px;
  margin: 15px 0 30px;
  overflow: hidden;
}
.fla-progress span {
  display: block;
  height: 100%;
  width: 8.33%;
  background: #1d4f91;
  transition: width 0.25s;
}
.fla-question {
  display: none;
}
.fla-question.is-active {
  display: block;
}
.fla-question h3 {
  font-size: 22px;
  line-height: 1.4;
}
.fla-options {
  display: grid;
  gap: 12px;
}
.fla-option {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 15px 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.15s;
  background: #fff;
}
.fla-option:hover,
.fla-option.is-selected {
  border-color: #1d4f91;
  background: #f4f8fd;
}
.fla-option input {
  margin-top: 4px;
}
.fla-message {
  display: none;
  padding: 20px;
  border-radius: 8px;
  margin-top: 20px;
}
.fla-message.is-success {
  display: block;
  background: #eef8ef;
  border: 1px solid #b9dfbd;
}
.fla-message.is-error {
  display: block;
  background: #fff0f0;
  border: 1px solid #e3b6b6;
}
@media (max-width: 650px) {
  .fla-grid {
    grid-template-columns: 1fr;
  }
  .fla-heading-row {
    display: block;
  }
  .fla-progress-text {
    margin-top: 10px;
  }
  .fla-btn {
    width: 100%;
  }
  .fla-actions,
  .fla-question-actions {
    flex-direction: column;
  }
}

.fla-back-information {
  display: inline-block;
  margin-top: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
  font: inherit;
}
.fla-back-information:hover {
    background: transparent;
    color: #db4d5e;
    text-decoration: underline;
}
