.elementor-2347 .elementor-element.elementor-element-ca7fc1f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2347 .elementor-element.elementor-element-82679b3{margin:160px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for container, class: .elementor-element-ca7fc1f *//* =========================================================
   TRIGGSPACE: FULL-PAGE BACKGROUND BEHIND FIXED NAV
   Put this in: Elementor > Site Settings > Custom CSS
   (or Appearance > Customize > Additional CSS)

   What it does:
   1) Forces the page canvas (body/#page/main) to be dark
   2) Injects the blue/black gradient on a parent container
      so it can sit BEHIND your fixed/sticky nav.
   3) Keeps your .ts-webdesign section clean and “transparent”
      so the parent background shows through.
   ========================================================= */

/* --- Basic dark canvas --- */
html, body{
  background: #05070c !important;
}

/* --- Place background on the parent page container(s) --- */
/* These .elementor-2347 .elementor-element.elementor-element-ca7fc1fs cover most WP/Elementor themes.
   Keep the ones that exist on your site — harmless if extra. */
body,
#page,
.elementor-site,
.elementor,
.elementor-page,
.elementor-page .site,
.elementor-page main,
.elementor-page #content,
.elementor-page .site-content,
.elementor-page .elementor-location-single,
.elementor-page .elementor-location-header + .elementor,
.elementor-page .elementor-location-header + main{
  background:
    radial-gradient(1100px 700px at 18% 8%, rgba(106,168,255,.22), transparent 56%),
    radial-gradient(900px 600px at 82% 10%, rgba(137,194,255,.12), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.55)),
    #05070c !important;
  background-attachment: fixed; /* helps the “behind nav” feel */
}

/* --- Ensure the nav/header stays above the background --- */
header, .site-header, .elementor-location-header, .elementor-sticky,
.elementor-sticky--active{
  position: relative;
  z-index: 9999;
}

/* --- Make the Web Design section transparent so parent bg shows --- */
.ts-webdesign.ts-webdesign--blue{
  background: transparent !important;
}

/* Optional: if you previously used the full-bleed trick on the section,
   this prevents accidental horizontal scroll in some themes. */
.ts-webdesign.ts-webdesign--blue{
  overflow-x: clip;
}

/* Optional: if your content wrapper has its own background, remove it.
   Uncomment only if you still see a “box” behind the section. */
/*
#content, .site-content, main, .elementor-page main{
  background: transparent !important;
}
*//* End custom CSS */