.elementor-596 .elementor-element.elementor-element-259b9b4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-596 .elementor-element.elementor-element-581b72d{--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-596 .elementor-element.elementor-element-45e81c7{--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-596 .elementor-element.elementor-element-c8f31ba{--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;}@media(min-width:768px){.elementor-596 .elementor-element.elementor-element-581b72d{--width:15%;}.elementor-596 .elementor-element.elementor-element-45e81c7{--width:70%;}.elementor-596 .elementor-element.elementor-element-c8f31ba{--width:15%;}}/* Start custom CSS for shortcode, class: .elementor-element-133e44f *//* Contact Form Styles */
.contact-styled {
  background: rgb(240, 240, 240);
  padding: 10px 30px 40px 30px;
  border: 1px solid rgb(236, 236, 236);
  box-shadow: rgba(0, 0, 0, 0.20) 0px 3px 8px;
  font-family: Arial, Helvetica, sans-serif;
  color: #7f8c8d;
}

.contact-styled h3 {
  color: #2c3e50;
}

.contact-styled .nf-field-label {
  color: #7f8c8d;
  text-transform: capitalize;
}

/* Two-column layout */
.contact-styled .nf-form-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 -10px;
}

.contact-styled .nf-field-container {
  box-sizing: border-box;
  padding: 0 10px;
  width: 50%;
}

/* Make Message field full width */
.contact-styled .nf-field-container:has(textarea),
.contact-styled .nf-field-container:has([name*="message"]) {
  width: 100%;
}

/* Responsive: Stack fields on small screens */
@media (max-width: 768px) {
  .contact-styled .nf-field-container {
    width: 100% !important;
  }
}

/* Field styles */
.contact-styled .nf-form-content input[type="text"],
.contact-styled .nf-form-content input[type="email"],
.contact-styled .nf-form-content input[type="tel"],
.contact-styled .nf-form-content select,
.contact-styled .nf-form-content textarea {
  background-color: #ffffff;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 10px;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
}

/* Submit Button - Indigo */
.contact-styled .nf-form-content input[type="submit"],
.contact-styled .nf-form-content input[type="button"],
.contact-styled .nf-form-content button {
  background-color: indigo !important;
  color: white !important;
  font-weight: 700;
  font-size: 22px;
  border-radius: 3px;
  border: none;
  padding: 12px 30px;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}

/* Hover effect */
.contact-styled .nf-form-content input[type="submit"]:hover,
.contact-styled .nf-form-content input[type="button"]:hover,
.contact-styled .nf-form-content button:hover {
  background-color: #4b0082 !important;
  color: #fff !important;
}

/* Required field note and errors */
.contact-styled .nf-form-fields-required {
  margin-bottom: 10px;
}

.contact-styled .nf-error .nf-error-msg,
.contact-styled .nf-error-msg,
.contact-styled .ninja-forms-req-symbol {
  color: #e74c3c;
}

.contact-styled .nf-error.field-wrap .nf-field-element:after {
  background: #e74c3c;
}

.contact-styled .nf-pass.field-wrap .nf-field-element:after {
  color: #2ecc71;
  content: "\f164"; /* Optional success icon */
}

/* Center the submit button container */
.contact-styled .nf-field-container.submit-container {
  width: 100%;
  text-align: center;
}
/* End Contact Form Styles *//* End custom CSS */