/* Always Dark Theme - NeuralXMinds */

:root {
  --gold: #c5a559;
  --dark-gold: #a18842;
  --light-gold: #d4b76a;
  --black: #000000;
  --dark-grey: #1a1a1a;
  --card-bg: #1f1f1f;
  --text-white: #ffffff;
  --text-gold: #c5a559;
}

/* Apply dark theme to major sections */
body {
  background-color: var(--black) !important;
}

/* Fix the major white background sections */
.section-padding,
section[style*="background-color: rgb(255, 255, 255)"],
section[style*="background: rgb(255, 255, 255)"],
section[style*="background-color: white"],
section[style*="background: white"] {
  background-color: var(--dark-grey) !important;
}

/* Fix specific white background sections */
.w-layout-blockcontainer,
.container {
  background-color: transparent !important;
}

/* Fix the "Cutting-Edge Solutions" section */
.grid,
#Services {
  background-color: var(--dark-grey) !important;
}

/* Fix individual cards and content blocks */
.card,
.w-layout-vflex.card,
.w-layout-vflex.card-tall,
.feature-card,
.service-card {
  background-color: var(--card-bg) !important;
  color: var(--text-white) !important;
  border: 1px solid #333333 !important;

}

/* Fix text colors in cards */
.card h4,
.card h2,
.card h3,
.card p,
.card-paragraph,
.titles h4,
.titles p {
  color: var(--text-white) !important;
}

/* Fix the statistics section */
.stats,
.metrics,
.numbers {
  background-color: var(--card-bg) !important;
  color: var(--text-white) !important;
}

/* Fix the "What makes Neural X Minds Agents Unique?" section */
.features-list,
.agent-features {
  background-color: var(--card-bg) !important;
  color: var(--text-white) !important;
}

/* Fix the data card with statistics */
.data-card,
.stats-card {
  background-color: var(--card-bg) !important;
  color: var(--text-white) !important;
}

/* Fix the "Free Insights" section */
.newsletter-section,
.insights-section {
  background-color: var(--dark-grey) !important;
}

/* Fix the "Your Life just got easier" section */
.benefits-section,
.stats-highlight {
  background-color: var(--dark-grey) !important;
}

/* Fix the "Purpose-built" section */
.industries-section,
.business-needs {
  background-color: var(--dark-grey) !important;
}

/* Fix the "No code? No problem." section */
.code-section,
.no-code {
  background-color: var(--dark-grey) !important;
}

/* Fix buttons - make them gold */
.white-button,
.nav-button.secondary.white,
.white-button.play,
.play,
.card-link,
.subscribe-button,
button[type="submit"],
.send-request-button,
.get-in-touch-button,
.get-started-button {
  background: linear-gradient(135deg, var(--gold) 0%, var(--light-gold) 100%) !important;
  color: var(--black) !important;
  border: 2px solid var(--gold) !important;
  transition: all 0.3s ease;
}

.white-button:hover,
.nav-button.secondary.white:hover,
.white-button.play:hover,
.play:hover,
.card-link:hover,
.subscribe-button:hover,
button[type="submit"]:hover,
.send-request-button:hover,
.get-in-touch-button:hover,
.get-started-button:hover {
  background: var(--dark-gold) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(197, 165, 89, 0.3);
}

/* Fix form styling for better appearance */
.w-form,
.w-form *,
.form-container,
.form-container * {
  background-color: transparent !important;
}

/* Fix form inputs specifically - but exclude phone field */
.w-input:not([type="tel"]),
.w-select,
.w-textarea,
input[type="text"],
input[type="email"],
input[type="number"],
select,
textarea {
  background-color: var(--card-bg) !important;
  color: var(--text-white) !important;
  border: 2px solid #333333 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}

/* Fix form input focus states - but exclude phone field */
.w-input:not([type="tel"]):focus,
.w-select:focus,
.w-textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(197, 165, 89, 0.2) !important;
  outline: none !important;
}

/* Fix form placeholders - but exclude phone field */
.w-input:not([type="tel"])::placeholder,
.w-select::placeholder,
.w-textarea::placeholder,
input:not([type="tel"])::placeholder,
textarea::placeholder {
  color: #888888 !important;
  opacity: 1 !important;
}

/* Fix form labels */
label,
.form-label,
.input-label {
  color: var(--text-white) !important;
  background-color: transparent !important;
  font-weight: 500 !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* Fix form descriptions */
.form-description,
.input-description {
  color: #cccccc !important;
  background-color: transparent !important;
  font-size: 14px !important;
  margin-bottom: 16px !important;
}

/* Fix the submit button */
.w-button[type="submit"],
button[type="submit"],
.submit-button,
.send-request-button {
  background: linear-gradient(135deg, var(--gold) 0%, var(--light-gold) 100%) !important;
  color: var(--black) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 28px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(197, 165, 89, 0.3) !important;
}

.w-button[type="submit"]:hover,
button[type="submit"]:hover,
.submit-button:hover,
.send-request-button:hover {
  background: var(--dark-gold) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(197, 165, 89, 0.4) !important;
}

/* Fix green elements to gold */
.accent,
[style*="rgb(153, 234, 72)"],
[style*="#99ea48"],
.green-accent,
.accent-color {
  background-color: var(--gold) !important;
  color: var(--black) !important;
}

/* Fix step numbers */
.step-number,
.integration-step .step-number,
.step-circle {
  background-color: var(--gold) !important;
  color: var(--black) !important;
}

/* Fix checkmarks and icons */
.checkmark,
.icon-check,
.feature-icon {
  color: var(--gold) !important;
}

/* Fix the price range slider */
input[type="range"],
.price-range,
.slider {
  background-color: var(--card-bg) !important;
}

input[type="range"]::-webkit-slider-thumb {
  background: var(--gold) !important;
}

input[type="range"]::-moz-range-thumb {
  background: var(--gold) !important;
}

/* Fix any remaining white backgrounds */
[style*="background-color: rgb(255, 255, 255)"],
[style*="background: rgb(255, 255, 255)"],
[style*="background-color: white"],
[style*="background: white"] {
  background-color: var(--card-bg) !important;
}

/* Fix any remaining light backgrounds */
[style*="background-color: rgb(248, 248, 248)"],
[style*="background-color: rgb(240, 240, 240)"],
[style*="background-color: rgb(245, 245, 245)"] {
  background-color: var(--dark-grey) !important;
}

/* Fix any remaining dark text on light backgrounds */
[style*="color: rgb(0, 0, 0)"],
[style*="color: black"],
[style*="color: rgb(17, 17, 17)"] {
  color: var(--text-white) !important;
}

/* Fix specific NeuralXMinds classes */
.w-layout-hflex,
.w-layout-vflex,
.w-layout-blockcontainer {
  background-color: transparent !important;
}

.w-container {
  background-color: transparent !important;
}

/* Fix the main content area */
main,
.main-content {
  background-color: var(--black) !important;
}

/* Fix section backgrounds */
section {
  background-color: var(--dark-grey) !important;
}

section:nth-child(even) {
  background-color: var(--black) !important;
}

/* Ensure proper contrast */
body {
  color: var(--text-white) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text-white) !important;
}

p,
.text,
.paragraph {
  color: var(--text-white) !important;
}

/* Fix links */
a {
  color: var(--text-gold) !important;
}

a:hover {
  color: var(--light-gold) !important;
}

/* SPECIFIC FIX FOR "What makes Neural X Minds Agents Unique?" SECTION */
/* Target the specific section by ID and classes */
#Features,
#Features *,
.vert-align.pad40,
.vert-align.pad40 * {
  background-color: var(--black) !important;


}

/* Target the accordion items specifically */
.accordion-item-wrapper-v6,
.accordion-content-wrapper,
.accordion-header,
.accordion-right-side {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
}

/* Target the plus icons (the horizontal and vertical lines) */
.circle-accordion-btn {
  background-color: transparent !important;
  border: 2px solid var(--text-white) !important;
  border-radius: 50% !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

/* Hide the original divs and create a proper + symbol */
.accordion-btn-vertical-line,
.accordion-btn-horizontal-line {
  display: none !important;
}

/* Create the + symbol using CSS pseudo-elements */
.circle-accordion-btn::before,
.circle-accordion-btn::after {
  content: '' !important;
  position: absolute !important;
  background-color: var(--text-white) !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* Vertical line of the + */
.circle-accordion-btn::before {
  width: 2px !important;
  height: 12px !important;
}

/* Horizontal line of the + */
.circle-accordion-btn::after {
  width: 12px !important;
  height: 2px !important;
}

/* Target the sticky content area (right side) */
.sticky-content,
.sticky-content * {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
}

/* Target the tab image wrapper */
.tab-image-wrapper {
  background-color: transparent !important;
}

/* Target the accordion body content */
.acordion-body,
.acordion-body *,
.color-neutral-ii,
.color-neutral-ii * {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
}

/* Target the color-neutral class */
.color-neutral,
.color-neutral * {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
}

/* Target the text-block-2 (icons) */
.text-block-2 {
  color: var(--text-white) !important;
}

/* Target the h5 headings in accordion */
.accordion-header h5 {
  color: var(--text-white) !important;
}

/* Target the paragraph text in accordion */
.paragraph-default,
.paragraph-default * {
  color: var(--text-white) !important;
}

/* Force override for the entire Features section */
#Features {
  background-color: var(--black) !important;
}

#Features .w-layout-vflex,
#Features .w-layout-hflex,
#Features .w-layout-grid {
  background-color: var(--black) !important;
}

/* Target the More section specifically */
#More,
#More * {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
  padding:2px;
}

/* Target the vertical tabs menu */
.vert-tabs-menu,
.vert-tabs-menu * {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
}

/* Target the horizontal tabs */
.hoz-tabs,
.hoz-tabs * {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
}

/* Change all green elements to gold theme */
.text-block-2,
[style*="rgb(153, 234, 72)"],
[style*="#99ea48"],
[style*="rgb(0, 255, 0)"],
[style*="green"],
.green-accent,
.accent-color,
.checkmark,
.icon-check,
.feature-icon,
.bullet-point,
.numbered-circle {
  color: var(--text-gold) !important;
  background-color: transparent !important;
}

/* Fix the green checkmarks in the "What makes Neural X Minds Agents Unique?" section */
.text-block-2 {
  color: var(--text-gold) !important;
  background-color: transparent !important;
}

/* Fix the green dots in the newsletter section */
.icon-list {
  color: var(--text-gold) !important;
  background-color: transparent !important;
}

/* Fix the green numbered circles in the integration steps */
.step-number,
.integration-step .step-number,
.step-circle {
  background-color: var(--gold) !important;
  color: var(--black) !important;
}

/* Fix the green bullet points in the industry section */
.bullet-point,
.industry-bullet {
  color: var(--text-gold) !important;
  background-color: transparent !important;
}

/* Fix the "Purpose-built to serve your business communication needs" section */
#Industries,
#Industries *,
.vert-tabs,
.vert-tabs *,
.vert-tabs-menu,
.vert-tabs-menu *,
.vert-tab,
.vert-tab *,
.tab-content-wrapper,
.tab-text-block {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
}

/* Fix the tab navigation - more specific selectors */
.vert-tabs .vert-tabs-menu .vert-tab {
  background-color: var(--card-bg) !important;
  color: var(--text-white) !important;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent !important;
}

.vert-tabs .vert-tabs-menu .vert-tab:hover {
  background-color: var(--dark-grey) !important;
}

.vert-tabs .vert-tabs-menu .vert-tab.w--current {
  background-color: var(--black) !important;
  color: var(--gold) !important;
  border-bottom: 2px solid var(--gold) !important;
}

/* Force override for selected tab */
.vert-tab.w--current,
.vert-tab.w--current div {
  background-color: var(--black) !important;
  color: var(--gold) !important;
}

/* Fix the check.svg icons - simpler approach */


.check-list p {
  color: var(--text-white) !important;
  background-color: transparent !important;
}





/* Fix any remaining white backgrounds in this section */
#Industries .section-padding,
#Industries .w-layout-blockcontainer,
#Industries .container {
  background-color: var(--black) !important;
}

/* Fix the titles section */
#Industries .titles,
#Industries .titles * {
  background-color: transparent !important;
  color: var(--text-white) !important;
}

#Industries h3 {
  color: var(--text-white) !important;
  background-color: transparent !important;
}

/* Add bottom border to navbar */
.navbar {
  border-bottom: 1px solid #333333 !important;
}

/* Center the navbar navigation items */
.nav-container {
  position: relative !important;
  justify-content: flex-start !important;
}

.nav-menu {
  position: absolute !important;
  left: 52% !important;
  transform: translateX(-50%) !important;
  justify-content: center !important;
}

/* Mobile navigation - allow webflow to handle responsive behavior */
@media screen and (max-width: 991px) {
  .nav-menu {
    position: static !important;
    left: auto !important;
    transform: none !important;
  }
  
  .nav-container {
    justify-content: space-between !important;
  }
}

/* Style the burger menu button */
.menu-button,
.w-nav-button {
  color: var(--white) !important;
  background-color: transparent !important;
}

.menu-icon {
  color: var(--white) !important;
}

/* Fix horizontal scrolling */
body {
  overflow-x: hidden !important;
}

html {
  overflow-x: hidden !important;
}

.nav-container {
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Fix hero section overflow */
.nxm-hero-banner {
  overflow: hidden !important;
  max-width: 100vw !important;
}

/* Make navbar text white and ensure consistent styling */
.nav-link,
.nav-link.w--current,
.nav-link.white {
  color: var(--white) !important;
  font-family: Lexend Deca, sans-serif !important;
}

/* Fix the "Get Started" button specifically */
.card-link,
.card-link * {
  background: linear-gradient(135deg, var(--gold) 0%, var(--light-gold) 100%) !important;
  color: var(--black) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  text-decoration: none !important;
  display: inline-block !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(197, 165, 89, 0.3) !important;
}

.card-link:hover,
.card-link:hover * {
  background: var(--dark-gold) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(197, 165, 89, 0.4) !important;
}

/* Fix the card-tall section background */
.w-layout-vflex.card-tall {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
  border: none !important;
}

.w-layout-vflex.card-tall h2 {
  color: var(--text-white) !important;
  background-color: transparent !important;
}

/* Fix the card-tall background image visibility */
.w-layout-vflex.card-tall {
  background-image: url('../images/Group-18430-min.png.png') !important;

  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: scroll !important;
  background-color: var(--black) !important;
  color: var(--text-white) !important;
  border: none !important;
}

/* Minimal fix for phone field prefix text color */
.iti__selected-flag .iti__dial-code {
  color: #888888 !important;
}

/* Footer wrapper background */
.footer-wrapper {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
  border-radius: 16px !important;
  padding: 40px !important;
}

/* Legal pages (Terms and Privacy Policy) dark theme */
.term-section {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
  min-height: 100vh !important;
  padding: 40px 20px !important;
}

.term-section .w-container {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
  border-radius: 16px !important;
  padding: 40px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
  margin: 20px auto !important;
  max-width: 1200px !important;
}

.term-section .titles {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
}

.term-section .bold-header {
  color: var(--gold) !important;
  background-color: transparent !important;
}

.term-section h1,
.term-section h2,
.term-section h3,
.term-section h4,
.term-section h5,
.term-section h6 {
  color: var(--gold) !important;
  background-color: transparent !important;
}

.term-section .rich-text-block {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
}

.term-section .rich-text-block p {
  color: var(--text-white) !important;
  background-color: transparent !important;
}

.term-section .rich-text-block strong {
  color: var(--gold) !important;
  background-color: transparent !important;
}

.term-section .rich-text-block em {
  color: var(--light-gold) !important;
  background-color: transparent !important;
}

.term-section .rich-text-block a {
  color: var(--gold) !important;
  background-color: transparent !important;
  text-decoration: underline !important;
}

.term-section .rich-text-block a:hover {
  color: var(--light-gold) !important;
}

.term-section .rich-text-block ul li {
  color: var(--text-white) !important;
  background-color: transparent !important;
}

.term-section .rich-text-block ul li strong {
  color: var(--gold) !important;
}

/* Navbar styling for legal pages */
.term-section .navbar {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
}

.term-section .nav-layout {
  background-color: var(--black) !important;
}

.term-section .nav-container {
  background-color: var(--black) !important;
}

.term-section .nav-link {
  color: var(--text-white) !important;
  background-color: transparent !important;
}

.term-section .nav-link:hover {
  color: var(--gold) !important;
}

.term-section .menu-button {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
}

.term-section .menu-icon {
  color: var(--text-white) !important;
}

/* Body and overall page styling for legal pages */
body {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
}

/* Override any white backgrounds that might be set by Webflow */
section[style*="background-color: rgb(255, 255, 255)"],
section[style*="background-color: #ffffff"],
section[style*="background-color: white"] {
  background-color: var(--black) !important;
  color: var(--text-white) !important;
}

/* Ensure all text elements in legal pages are properly colored */
.term-section * {
  color: inherit !important;
}

/* Specific styling for the last updated text */
.term-section .titles div:not(.bold-header) {
  color: var(--light-gold) !important;
  background-color: transparent !important;
  font-style: italic !important;
}

/* CRITICAL FIX: Ensure success and error messages are visible with dark theme */
.success-message,
.success-message *,
.w-form-done,
.w-form-done * {
  background-color: var(--card-bg) !important;
  color: var(--text-white) !important;
  border: 1px solid var(--gold) !important;
  border-radius: 8px !important;
  padding: 20px !important;
  margin: 20px 0 !important;
}

.error-call,
.error-call *,
.w-form-fail,
.w-form-fail * {
  background-color: var(--card-bg) !important;
  color: var(--text-white) !important;
  border: 1px solid #dc3545 !important;
  border-radius: 8px !important;
  padding: 20px !important;
  margin: 20px 0 !important;
}

/* Ensure form success and error text is always visible */
.form-success,
.form-success *,
.form-success h4,
.form-success p,
.form-success div {
  color: var(--text-white) !important;
  background-color: transparent !important;
}

/* Fix any black text that might appear */
.black-text {
  color: var(--text-white) !important;
  background-color: transparent !important;
}

/* Ensure all text in success/error messages is visible */
.success-message .black-text,
.error-call .black-text,
.w-form-done .black-text,
.w-form-fail .black-text {
  color: var(--text-white) !important;
  background-color: transparent !important;
}

/* Force override for any remaining black text */
[style*="color: rgb(0, 0, 0)"],
[style*="color: black"],
[style*="color: rgb(17, 17, 17)"],
[style*="color: #000000"],
[style*="color: #000"] {
  color: var(--text-white) !important;
}