.elementor-5784 .elementor-element.elementor-element-d1c6c4a{--display:flex;}#elementor-popup-modal-5784 .dialog-widget-content{animation-duration:0.9s;border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF;border-radius:15px 15px 15px 15px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-5784{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-5784 .dialog-message{width:525px;height:auto;}#elementor-popup-modal-5784 .dialog-close-button{display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-38e3ecf */<style>
/* ============================================
   EasyKeyz — FluentForms ID 10 Custom Styles
   Lead Capture Form (Name + Email)
   Dark theme: #0d0d0d bg / #fea31b accent
   ============================================ */

/* Scope every rule to form ID 10 only */
#fluentform_10,
#fluentform_10 * {
  box-sizing: border-box;
}

/* ── Wrapper ── */
#fluentform_10 {
  background: #161616;
  border: 1px solid #2a2a2a;
  border-radius: 16px;
  padding: 36px 32px 32px;
  max-width: 520px;
  margin: 0 auto;
  font-family: 'DM Sans', Arial, sans-serif;
}

/* ── Field rows ── */
#fluentform_10 .ff-el-group {
  margin-bottom: 18px;
}

/* ── Labels ── */
#fluentform_10 .ff-el-input--label label,
#fluentform_10 label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #aaaaaa;
  margin-bottom: 8px;
}

/* ── Inputs ── */
#fluentform_10 input[type="text"],
#fluentform_10 input[type="email"],
#fluentform_10 input[type="tel"],
#fluentform_10 textarea,
#fluentform_10 select {
  width: 100%;
  background: #0d0d0d;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  color: #ffffff;
  font-family: 'DM Sans', Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  padding: 14px 16px;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
  -webkit-appearance: none;
  appearance: none;
}

#fluentform_10 input[type="text"]::placeholder,
#fluentform_10 input[type="email"]::placeholder,
#fluentform_10 input[type="tel"]::placeholder,
#fluentform_10 textarea::placeholder {
  color: #555555;
}

#fluentform_10 input[type="text"]:focus,
#fluentform_10 input[type="email"]:focus,
#fluentform_10 input[type="tel"]:focus,
#fluentform_10 textarea:focus,
#fluentform_10 select:focus {
  border-color: #fea31b;
  box-shadow: 0 0 0 3px rgba(254, 163, 27, 0.15);
}

/* ── Submit Button ── */
#fluentform_10 .ff-btn-submit,
#fluentform_10 button[type="submit"] {
  display: block;
  width: 100%;
  background: #fea31b;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border: none;
  border-radius: 10px;
  font-family: 'DM Sans', Arial, sans-serif;
  font-size: clamp(14px, 2vw, 16px);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: clamp(14px, 2.5vw, 18px) 24px;
  min-height: 54px;
  cursor: pointer;
  transition: filter .15s ease, transform .1s ease;
  margin-top: 8px;
}

#fluentform_10 .ff-btn-submit:hover,
#fluentform_10 button[type="submit"]:hover {
  filter: brightness(1.1);
}

#fluentform_10 .ff-btn-submit:active,
#fluentform_10 button[type="submit"]:active {
  transform: scale(0.98);
}

/* ── Error messages ── */
#fluentform_10 .error,
#fluentform_10 .ff-el-is-error input,
#fluentform_10 .ff-el-is-error .ff-el-form-control {
  border-color: #e05c5c !important;
}

#fluentform_10 .ff-el-is-error .error {
  font-size: 12px;
  color: #e05c5c;
  margin-top: 6px;
  display: block;
}

/* ── Success message ── */
#fluentform_10 .ff-message-success {
  background: rgba(24, 201, 106, 0.1);
  border: 1px solid rgba(24, 201, 106, 0.3);
  border-radius: 10px;
  color: #18c96a;
  font-size: 15px;
  font-weight: 500;
  padding: 16px 20px;
  text-align: center;
  margin-top: 12px;
}

/* ── Required asterisk ── */
#fluentform_10 .ff-el-input--label .ff-el-is-required::after {
  content: ' *';
  color: #fea31b;
}

/* ── Remove any default FluentForms styling that conflicts ── */
#fluentform_10 .ff-el-group .ff-el-input--content .ff-btn-submit {
  background: #fea31b !important;
}

/* ── Loading spinner color ── */
#fluentform_10 .ff-btn-submit.ff-loading::after {
  border-top-color: #000000;
}

/* ── Mobile adjustments ── */
@media (max-width: 600px) {
  #fluentform_10 {
    padding: 28px 20px 24px;
    border-radius: 12px;
  }
}/* End custom CSS */