.elementor-6641 .elementor-element.elementor-element-0969f84{--display:flex;}.elementor-6641 .elementor-element.elementor-element-5992d3a{text-align:center;}.elementor-6641 .elementor-element.elementor-element-5992d3a .elementor-heading-title{font-family:"Poppins", Sans-serif;}.elementor-6641 .elementor-element.elementor-element-1daa38b{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;text-align:center;font-family:"Poppins", Sans-serif;font-weight:600;line-height:15px;}.elementor-6641 .elementor-element.elementor-element-e94db89{--display:flex;}@media(max-width:767px){.elementor-6641 .elementor-element.elementor-element-1daa38b{line-height:1.5em;letter-spacing:1px;}}/* Start custom CSS for shortcode, class: .elementor-element-9bd05b2 *//* ============================================================
   EarthLink Consultants — Fluent Forms Custom Styling (Final)
   ============================================================ */

/* ---------- Form Wrapper ---------- */
.fluentform {
  max-width: 1100px;
  margin: 0 auto 40px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  padding: 40px;
}

/* ---------- Field Spacing ---------- */
.fluentform .ff-el-group {
  margin-bottom: 22px;
}

/* ---------- Labels ---------- */
.fluentform .ff-el-input--label label,
.fluentform label {
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
  display: inline-block;
}

.fluentform .ff-el-input--label label .ff_asterik,
.fluentform label .ff_asterik {
  color: #d99a4e;
}

/* ---------- Text Inputs / Select / Textarea ---------- */
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform input[type="number"],
.fluentform input[type="url"],
.fluentform select,
.fluentform textarea,
.fluentform .ff-el-form-control {
  background: #f7f8fa !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  padding: 13px 16px !important;
  font-size: 14px !important;
  color: #000 !important;
  width: 100%;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.fluentform input::placeholder,
.fluentform textarea::placeholder {
  color: #9ca3af !important;
}

.fluentform input:focus,
.fluentform select:focus,
.fluentform textarea:focus,
.fluentform .ff-el-form-control:focus {
  border-color: #d99a4e !important;
  box-shadow: 0 0 0 3px rgba(217,154,78,0.15) !important;
  outline: none !important;
}

.fluentform textarea {
  min-height: 110px;
  resize: vertical;
}

/* ---------- Two-column Rows (First Name / Last Name etc.) ---------- */
.fluentform .ff-t-container .ff-t-cell,
.fluentform .ff-row {
  gap: 20px;
}

/* ---------- Radio / Checkbox Groups (Inquiry Type) ---------- */
.fluentform .ff-el-form-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-right: 24px;
  margin-bottom: 0;
}

.fluentform .ff-el-form-check-label {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.fluentform input[type="radio"],
.fluentform input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #d99a4e;
  cursor: pointer;
}

/* ---------- Native Select Dropdown Arrow ---------- */
.fluentform select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  padding-right: 40px !important;
}

/* ---------- Submit Button ---------- */
.fluentform .ff-btn-submit,
.fluentform button[type="submit"] {
  background: #0f1c3f !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 15px 30px !important;
  border-radius: 6px !important;
  border: none !important;
  width: 100%;
  cursor: pointer;
  transition: background 0.2s;
}

.fluentform .ff-btn-submit:hover,
.fluentform button[type="submit"]:hover {
  background: #d99a4e !important;
  color: #1a1a1a !important;
}

/* ---------- Error Messages ---------- */
.fluentform .error,
.fluentform .ff-el-is-error .error {
  color: #dc2626;
  font-size: 12px;
  margin-top: 6px;
}

.fluentform .ff-el-is-error input,
.fluentform .ff-el-is-error select,
.fluentform .ff-el-is-error textarea {
  border-color: #dc2626 !important;
}

/* ============================================================
   Country Dropdown (nice-select library) — confirmed via inspect
   ============================================================ */

.nice-select {
  background: #f7f8fa !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  padding: 13px 16px !important;
  height: auto !important;
  line-height: normal !important;
  font-size: 14px !important;
  color: #000 !important;
  width: 100%;
}

.nice-select:hover {
  border-color: #d99a4e !important;
}

.nice-select.open {
  border-color: #d99a4e !important;
  box-shadow: 0 0 0 3px rgba(217,154,78,0.15) !important;
}

.nice-select:after {
  border-bottom: 2px solid #6b7280 !important;
  border-right: 2px solid #6b7280 !important;
  right: 18px !important;
}

.nice-select .list {
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.12) !important;
  max-height: 260px !important;
  overflow-y: auto !important;
  width: 100% !important;
  z-index: 999 !important;
  padding: 6px 0 !important;
}

.nice-select .option {
  padding: 10px 16px !important;
  font-size: 14px !important;
  color: #000 !important;
  line-height: 1.5 !important;
  min-height: auto !important;
}

.nice-select .option:hover,
.nice-select .option.focus {
  background: #fdf6ec !important;
  color: #8a5a1f !important;
}

.nice-select .option.selected {
  font-weight: 600 !important;
  background: #fdf6ec !important;
}

.nice-select .current {
  color: #000 !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
  .fluentform {
    padding: 24px 20px;
  }
}/* End custom CSS */