.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for section, class: .elementor-element-f3a13c3 *//* ================================
   GREEN AI BACKGROUND (FULL SITE)
   Paste into: Appearance > Customize > Additional CSS
   ================================ */

/* 1) Global colors */
:root{
  --ai-bg0:#050b08;     /* dark base */
  --ai-bg1:#07120d;     /* deep green */
  --ai-bg2:#0b1a13;     /* panel green */
  --ai-glow:#25D366;    /* whatsapp green glow */
  --ai-glow2:#4ade80;   /* soft neon */
  --ai-line:#1e3a2a;    /* border green */
}

/* 2) Force page/theme background to Green AI */
html, body{
  background: var(--ai-bg0) !important;
}

/* Common theme wrappers that often stay white */
body,
#page, #content, .site, .site-content,
.content-area, .entry-content, .page-content,
.container, .container-fluid, .wrap, .wrapper,
.elementor-page, .elementor,
.elementor-section-wrap{
  background-color: transparent !important;
}

/* 3) Green AI background layer (static) */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(900px 600px at 12% 18%, rgba(37,211,102,.16), transparent 60%),
    radial-gradient(780px 520px at 86% 22%, rgba(74,222,128,.12), transparent 55%),
    radial-gradient(820px 560px at 40% 92%, rgba(37,211,102,.10), transparent 60%),
    linear-gradient(135deg, var(--ai-bg1) 0%, var(--ai-bg0) 55%, #040906 100%);
  pointer-events:none;
}

/* 4) AI animated dots + subtle scan lines */
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.75;
  background:
    /* Dots grid */
    radial-gradient(circle at 1px 1px, rgba(74,222,128,.18) 1px, transparent 1.6px) 0 0 / 26px 26px,
    /* Soft scan lines */
    linear-gradient(to bottom, rgba(255,255,255,.03), transparent 35%) 0 0 / 100% 14px;
  animation: aiFloat 14s linear infinite;
  mix-blend-mode: screen;
}

@keyframes aiFloat{
  0%   { transform: translate3d(0,0,0); }
  50%  { transform: translate3d(-18px, -10px, 0); }
  100% { transform: translate3d(0,0,0); }
}

/* 5) Make Elementor sections transparent so background shows */
.elementor-section,
.elementor-container,
.elementor-widget-wrap{
  background: transparent !important;
}

/* 6) Optional: give your cards a premium dark-green panel feel
   (Edit the .elementor-155 .elementor-element.elementor-element-f3a13c3 if your cards have a custom class) */
.elementor-widget-container .card,
.elementor .e-con,
.elementor .elementor-element{
  /* keep default; do NOT force everything to avoid breaking layouts */
}

/* 7) Improve text contrast globally */
body, p, span, li{
  color: #eafff4;
}
h1, h2, h3, h4, h5, h6{
  color:#ffffff;
}

/* 8) Links & buttons (nice green accent) */
a{ color: var(--ai-glow2); }
a:hover{ color: var(--ai-glow); }

/* 9) Reduce white background on common WP blocks if any appear */
.wp-site-blocks,
.wp-block-group,
.wp-block-cover,
.wp-block-template-part{
  background: transparent !important;
}

/* 10) Remove horizontal white gaps sometimes caused by body margins */
body{ margin:0 !important; }/* End custom CSS */