.nf-field-container {
  margin-bottom: var(--space-m) !important;
}


.nf-form-layout .nf-form-content .nf-field-element input,
.nf-form-layout .nf-form-content .nf-field-element textarea,
.nf-form-layout .nf-form-content .nf-field-element select {
  border-radius: var(--radius-s);
  transition: 0.3s ease-in-out all;
  border-style: none;
  background-color: var(--neutral-50);
  padding: var(--space-s);
  color: var(--text-dark);
}


.nf-form-layout .nf-form-content .list-select-wrap .nf-field-element {
	border-radius: var(--radius-s);
	overflow: hidden;
}

.nf-form-layout .nf-form-content .nf-field-element select {
	min-height: 50px;
	line-height: 1;
}


.nf-form-layout .nf-form-content .nf-field-element input:focus,
.nf-form-layout .nf-form-content .nf-field-element textarea:focus,
.nf-form-layout .nf-form-content .nf-field-element select:focus {
  background-color: var(--primary-50);
  box-shadow: 0px 20px 40px #00000055;
  font-family: var(--ff-body) !important;
  color: var(--text-dark);
}


.nf-form-layout .nf-form-content .nf-field-element textarea {
  height: 6.25rem; 
}


.nf-form-layout .nf-form-content .nf-field-container .nf-field-label label {
  font-size: var(--text-s);
  font-weight: var(--font-400);
  color: var(--primary-50);
}


.nf-form-content .label-above .nf-field-label {
  margin-bottom: var(--space-2xs)!important;
}


.nf-form-layout .nf-form-content .nf-field-element input[type='submit'] {
  font-size: var(--btn-text-size);
  font-family: var(--ff-body);
  line-height: 1;
  font-weight: var(--font-500);
  text-transform: capitalize;
  color: var(--btn-text-light)!important;
  background-color: var(--btn-bg-primary)!important;
  padding: var(--btn-space-block) var(--btn-space-inline);
  height: auto;
  cursor: pointer;
  display: block;
  margin-left: auto;
  border-radius: var(--btn-radius);
}


.nf-form-layout .nf-form-content .nf-field-element input[type='submit']:hover {
  background-color: var(--btn-bg-hover) !important;
  box-shadow: 0px 20px 40px #00000055;
}


.nf-form-fields-required {
  margin-bottom: var(--space-m);
  font-size: var(--text-s);
  font-family: var(--ff-body) !important;
  text-align: left;
  color: var(--text-light);
  font-style: italic;
}


.nf-error-msg,
.nf-error .nf-error-msg {
  color: var(--error) !important;
  font-size: var(--text-xs);
}

.nf-error.field-wrap .nf-field-element:after,
.nf-pass.field-wrap .nf-field-element:after {
  border-radius: var(--radius-s);
}

.nf-error.field-wrap .nf-field-element:after {
  background: var(--error) !important;
}

.nf-pass.field-wrap .nf-field-element:after {
  color: var(--success);
}