body.web-to-lead  {
  background-color: #1E1E1E!important;;
  font-family: 'Inter', sans-serif!important;;
  color: #fff!important;;
}

.web-to-lead .form-col {
  background-color: #1E1E1E !important;;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  border: 1px solid #fff !important;

}
.web-to-lead {
  background-color: #1E1E1E !important;
  font-family: 'Inter', sans-serif !important;
  color: #fff !important;
}

/* Inputs and selects */
.web-to-lead input.form-control,
.web-to-lead select.form-control,
.web-to-lead textarea.form-control {
  background-color: #1E1E1E !important;
  border: 1px solid #444 !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
}

/* Placeholder styling */
.web-to-lead input::placeholder,
.web-to-lead textarea::placeholder {
  color: #999 !important;
}

/* Labels */
.web-to-lead label,
.web-to-lead .control-label {
  color: #999 !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  margin-bottom: 4px !important;
}

/* Submit button */
.web-to-lead #form_submit {
  background-color: #f2da67 !important;
  color: #000 !important;
  font-weight: bold !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  transition: all 0.3s ease !important;
}

/* Hover effect */
.web-to-lead #form_submit:hover {
  background-color: #f2da67 !important;
  transform: scale(1.02) !important;
}

/* GDPR / Terms */
.web-to-lead .chk label {
  color: #ccc !important;
  font-size: 0.9rem !important;
}

/* Links */
.web-to-lead .chk label a {
  color: #f2da67 !important;
  text-decoration: underline !important;
}

/* Response messages */
.web-to-lead .alert {
  border-radius: 8px !important;
  padding: 15px !important;
}

.web-to-lead .btn-default {
  background-color: #1E1E1E !important;
  color: #fff !important;
  border: 1px solid #444 !important;
  border-radius: 8px !important;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.web-to-lead .btn-default:hover,
.btn-default:focus {
  background-color: #3c3c3c !important;
  color: #fff !important;
}

/* Optional: style the caret */
.web-to-lead .bs-caret .caret {
  border-top-color: #f2da67 !important;
}

.web-to-lead .dropdown-menu {
  --tw-bg-opacity: 1;
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-color: rgba(244, 210, 42, 0.3); /* yellow ring highlight */
  --tw-ring-opacity: 0.15;

  background-color: rgba(30, 30, 30, var(--tw-bg-opacity)); /* All Brand dark */
  color: #ffffff; /* white text */
  border: 1px solid #fff;
  border-radius: 0.5rem;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  margin-top: 0.75rem;
  z-index: 9000;
}

/* Optional: highlight dropdown items on hover */
.web-to-lead.dropdown-menu {
  --tw-bg-opacity: 1;
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.5); /* darker shadow for dark theme */
  --tw-shadow-colored: 0 4px 6px -1px rgba(244, 210, 42, 0.3), 0 2px 4px -2px rgba(244, 210, 42, 0.3); /* yellow glow */
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) #1E1E1E; /* inner shadow match background */
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgba(244, 210, 42, 0.5); /* strong yellow outline */
  --tw-ring-color: rgba(244, 210, 42, 0.5); /* yellow ring color */
  --tw-ring-opacity: 0.5; /* stronger ring visibility */
    background-color: #1E1E1E !important;
    border: 0;
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    margin-top: .75rem;
}

.web-to-lead .dropdown-menu>li>a {
    --tw-text-opacity: 1;
    color: white!important;
    overflow-wrap: break-word;
    padding: .375rem 1rem;
    white-space: normal;

}

.web-to-lead .dropdown-menu>li>a:hover {
    --tw-text-opacity: 1;
    color: #fff!important;
    overflow-wrap: break-word;
    padding: .375rem 1rem;
    white-space: normal;
    background-color:#444444;

}

.web-to-lead li.selected.active,
li.selected.active a {
  background-color: #444444 !important; /* ABA yellow */
  color: #fff !important;            /* black text for contrast */
  font-weight: 600;
  border-radius: 6px;
  padding: 10px 16px;
  font-family: 'Inter', sans-serif;
  transition: background-color 0.3s ease, color 0.3s ease;
  text-decoration: none;
  display: block;
}

.web-to-lead li.selected.active:hover,
li.selected.active a:hover {
  background-color: #1e1e1e !important; /* lighter yellow on hover */
  color: #fff !important;
}

.web-to-lead .logo .img-responsive {
  width: 300px !important;
  height: auto;
  display: block!important;
  margin: 0 auto;
}