.elementor-4830 .elementor-element.elementor-element-e17aa58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4830 .elementor-element.elementor-element-dc8f010 .premium-cf7-container .wpcf7-form label, .elementor-4830 .elementor-element.elementor-element-dc8f010 .premium-cf7-container .wpcf7-form .wpcf7-quiz-label{display:inline-block;}.elementor-4830 .elementor-element.elementor-element-dc8f010 .premium-cf-head{align-items:center;}/* Start custom CSS for premium-contact-form, class: .elementor-element-dc8f010 *//* Make the form container full width of its parent */
.cf7-container {
  width: 100%;
  display: flex;
  gap: 30px;            /* spacing between columns */
  align-items: flex-start;
  box-sizing: border-box;
  margin-bottom: 16px;
  padding: 0;           /* remove extra padding so it spans full width */
}

/* Each column takes exactly half the container */
.cf7-column {
  width: 50%;
  box-sizing: border-box;
  padding: 0;           /* optional: change to 0 10px if you want inner padding */
}

/* Label styling - full-width stack */
.cf7-column label {
  display: block;
  font-size: 13px;
  color: #444;
  margin-bottom: 12px;
}

/* Make all CF7 inputs & textarea span full column width */
.cf7-field,
.cf7-column input[type="text"],
.cf7-column input[type="email"],
.cf7-column input[type="tel"],
.cf7-column input[type="date"],
.cf7-column select,
.cf7-column textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background: #fff;
  font-size: 14px;
  color: #222;
}

/* Textarea height and resizing */
.cf7-column textarea {
  min-height: 80px;
  resize: vertical;
}

/* Submit button area */
.cf7-actions { margin-top: 12px; text-align: left; }
.wpcf7 .wpcf7-submit {
  background: #1e73be;
  color: #fff;
  border: 0;
  padding: 10px 18px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
}

/* Small screens: collapse to single column full width */
@media (max-width: 800px) {
  .cf7-container { flex-direction: column; gap: 14px; }
  .cf7-column { width: 100%; }
  .cf7-actions { text-align: center; }
}

/* Optional: reduce gap on very wide screens so it still looks full-width */
@media (min-width: 1400px) {
  .cf7-container { gap: 40px; }
}/* End custom CSS */