/* Remove default paragraph margin inside form */
.contact-form-row p,
.form-submit p {
  margin: 0;
}

.wpcf7-spinner {
    display: none !important;
  }


/* === Container Layout === */
.contact-form-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 32px;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
}

.contact-form-row .form-left,
.contact-form-row .form-right {
  flex: 0 0 calc(50% - 16px);
  max-width: calc(50% - 16px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

/* Ensure right side textarea minimum width */
textarea.wpcf7-form-control.wpcf7-textarea {
  height: 248px !important;
}

/* === Form Field Wrappers === */
.contact-form-row .form-field {
  margin-bottom: 16px;
}

/* Remove bottom margin from last item */
.contact-form-row .form-left .form-field:last-child,
.contact-form-row .form-right .form-field:last-child {
  margin-bottom: 0;
}

/* === Input and Textarea Styling === */
.contact-form-row input,
.contact-form-row textarea {
  color: rgba(49, 49, 49, 0.5);
  background: #FFF;
  border-radius: 7px;
  border: 1px solid #D9D9D9;
  padding: 12px 16px;
  font-family: 'Archivo', sans-serif;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.contact-form-row input:focus,
.contact-form-row textarea:focus {
  color: rgba(49, 49, 49, 1);
  border-color: #24B98C;
}

/* Fixed textarea height */
.contact-form-row .form-right textarea {
  min-height: 225px;
  flex-grow: 0;
  resize: vertical;
}

/* === Submit Button === */
.form-submit {
  margin-top: 0;
  text-align: left;
}

.form-submit input[type="submit"] {
  color: #FFF;
  background: #24B98C;
  border-radius: 7px;
  min-width: 215px;
  height: 56px;
  padding: 0 30px;
  font-family: 'Archivo', sans-serif;
  font-size: 24px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
  display: inline-block;
  box-sizing: border-box;
}

.form-submit input[type="submit"]:hover {
  background: #1D9470;
}

.contact-form-row {
  margin-bottom: 16px !important;
}

/* === Checkbox Inline Styling === */
.form-checkbox {
  display: flex;
  align-items: flex-start;
  font-family: 'Archivo', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(49, 49, 49, 0.85);
}

.form-checkbox .wpcf7-list-item {
  margin: 0;
  padding: 0;
}

.form-checkbox input[type="checkbox"] {
  margin: 3px 8px 0 0;
  flex-shrink: 0;
}

.form-checkbox .wpcf7-list-item-label,
.form-checkbox .checkbox-disclaimer {
  display: inline;
}

.form-checkbox a {
  color: #24B98C;
  text-decoration: underline;
}

.form-checkbox a:hover {
  color: #1D9470;
}

.contact-form-row input,
.contact-form-row textarea,
.contact-form-row select {
  color: rgba(49, 49, 49, 0.5);
  background: #FFF;
  border-radius: 7px;
  border: 1px solid #D9D9D9;
  padding: 12px 16px;
  font-family: 'Archivo', sans-serif;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.2s ease, color 0.2s ease;
  height: 50px; /* NEW */
}

.contact-form-row select:focus {
  color: rgba(49, 49, 49, 1);
  border-color: #24B98C;
}

/* === Responsive Layout === */
@media (max-width: 768px) {
  .contact-form-row {
    flex-direction: column;
  }

  .contact-form-row .form-left,
  .contact-form-row .form-right {
    flex: 1 1 100%;
    max-width: 100%;
    min-width: auto;
  }

  .form-submit {
    text-align: center;
	margin: 16px auto;
  }

  .form-submit input[type="submit"] {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .wpcf7-spinner {
    display: block;
    margin: 16px auto 0 auto;
  }
}

.form-checkbox br {
  display: none;
}