.elementor-81 .elementor-element.elementor-element-c7ebdce{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:50px;--margin-right:50px;}@media(max-width:767px){.elementor-81 .elementor-element.elementor-element-c7ebdce{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-60afcfb *//* Disable automatic CF7 paragraph wraps */
.single-referral-form p, 
.single-referral-form br {
  display: none !important;
}

.single-referral-form .form-col p,
.single-referral-form .cf7-checkbox-group p,
.single-referral-form .form-navigation-bottom p {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Card Container */
.single-referral-form {
  max-width: 720px !important;
  margin: 0 auto !important;
  background: #FFFFFF !important;
  padding: 40px !important;
  border-radius: 20px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important;
  box-sizing: border-box !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
}

/* Headings */
.single-referral-form h2 {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #1E293B !important;
  margin-bottom: 6px !important;
}

.single-referral-form .form-subtitle {
  font-size: 14px !important;
  color: #64748B !important;
  margin-bottom: 30px !important;
  display: block !important;
}

.single-referral-form .form-section {
  margin-bottom: 28px !important;
}

.single-referral-form h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0D903D !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid #E2E8F0 !important;
  padding-bottom: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Layout Grid */
.single-referral-form .form-row {
  display: flex !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
}

.single-referral-form .form-col {
  flex: 1 !important;
}

.single-referral-form .form-col.full-width {
  flex: none !important;
  width: 100% !important;
}

@media (max-width: 600px) {
  .single-referral-form .form-row {
    flex-direction: column !important;
    gap: 12px !important;
  }
}

/* Inputs & Form Controls */
.single-referral-form label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1E293B !important;
  margin-bottom: 6px !important;
}

.single-referral-form input[type="text"],
.single-referral-form input[type="email"],
.single-referral-form input[type="tel"],
.single-referral-form input[type="date"],
.single-referral-form input[type="number"],
.single-referral-form select,
.single-referral-form textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 14px !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 10px !important;
  background: #F8FAFC !important;
  font-size: 14px !important;
  color: #1E293B !important;
  transition: all 0.2s ease !important;
}

.single-referral-form textarea {
  height: 90px !important;
  resize: vertical !important;
}

.single-referral-form input:focus,
.single-referral-form select:focus,
.single-referral-form textarea:focus {
  outline: none !important;
  border-color: #0D903D !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 4px rgba(13, 144, 61, 0.1) !important;
}

/* Custom File Upload Styling */
.single-referral-form input[type="file"] {
  width: 100% !important;
  padding: 12px !important;
  background: #F8FAFC !important;
  border: 1.5px dashed #0D903D !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  color: #1E293B !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

/* Checkbox Grid (Services) */
.single-referral-form .cf7-checkbox-group .wpcf7-checkbox {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
}

@media (max-width: 500px) {
  .single-referral-form .cf7-checkbox-group .wpcf7-checkbox {
    grid-template-columns: 1fr !important;
  }
}

.single-referral-form .cf7-checkbox-group label {
  display: flex !important;
  align-items: center !important;
  padding: 14px 16px !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 10px !important;
  background: #F8FAFC !important;
  cursor: pointer !important;
}

.single-referral-form .cf7-checkbox-group input[type="checkbox"] {
  accent-color: #0D903D !important;
  margin-right: 10px !important;
  width: 18px !important;
  height: 18px !important;
}

/* Submit Button (#0D903D) */
.single-referral-form .form-navigation-bottom {
  margin-top: 30px !important;
  text-align: right !important;
  display: block !important;
}

.single-referral-form input[type="submit"],
.single-referral-form .wpcf7-submit {
  background-color: #0D903D !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 14px 36px !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  display: inline-block !important;
  box-shadow: 0 4px 12px rgba(13, 144, 61, 0.25) !important;
  transition: all 0.25s ease !important;
}

.single-referral-form input[type="submit"]:hover,
.single-referral-form .wpcf7-submit:hover {
  background-color: #0a7330 !important;
  transform: translateY(-2px) !important;
}

/* Success Output Message */
.wpcf7-response-output {
  color: #FFFFFF !important;
  border-color: #0D903D !important;
  background-color: #0D903D !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  margin-top: 20px !important;
}/* End custom CSS */