.pf-c-alert, .input-error-container {
  display: grid;
  background-color: var(--secondary-light-red) !important;
  border-radius: 6px;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 20px;
  grid-template-columns: 80px 1fr;
  padding: 1rem 0;

  .pf-c-alert__icon {
    justify-content: center;
    align-items: center;
    grid-area: unset;
  }

  .pf-c-alert__title, #input-error, #input-error-otp-label {
    font-weight: 500;
    font-size: 16px;
    color: var(--error-text-red);
    text-wrap: balance;
  }
}

.pf-m-error {
  color: var(--error-text-red);
  padding-top: 2px;
  font-weight: 600;
}

.fa-exclamation-circle::before, .fa-info-circle::before {
  content: url("../img/notice-icon.png");
}

.pf-c-form-control[aria-invalid=true] {
  background-image: url('../img/notice-icon.png') !important;
}

.pf-c-input-group:has(.pf-c-form-control[aria-invalid=true]):not(:has(input[type="password"][autocomplete="new-password"])) {
  border: 1px solid var(--secondary-red) !important;
}

.form-group:has(>input[aria-invalid="true"]) {
  border: 1px solid var(--secondary-red) !important;
}

.registration-error {
  display: block;
  margin-top: -15px;
  margin-left: -20px;
}