/*.liquid-ether-container {
  position: absolute;
overflow: hidden;
z-index: 0;
pointer-events: none;
  width: 100%;
  height: 100%;
  touch-action: none;
}*/
/* Hide on mobile only (up to 767px) */
@media (max-width: 767px) {
  #liquid-ether-container {
    display: none !important;
  }
}
/* Hide on tablets only (768px to 1024px) */
/*@media (min-width: 768px) and (max-width: 1024px) {
  #liquid-ether-container {
    display: none !important;
  }
}*/
.liquid-ether-container {
  position: fixed!important;
    inset: 0;
    z-index: 0;
    pointer-events: none;
  touch-action: none;
}
#liquid-ether-container canvas {
   /* mix-blend-mode: screen;
      filter:
        blur(10px)
        contrast(125%)
        brightness(1.05)
        saturate(120%);*/
  opacity:0.5;
}
.dark-section-fluid {
    position: relative;
    overflow: hidden;

    /* Keep your Elementor background image */
    background-color: transparent;
}

/* Dark glass overlay that reveals the fluid behind */
.dark-section-fluid::before {
    content: '';

    position: absolute;
    inset: 0;

    z-index: 1;
    pointer-events: none;

    /* Dark cinematic overlay */
    background:
        linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.58),
            rgba(0, 0, 0, 0.78)
        );

    /* Reveal + soften fluid behind */
    backdrop-filter:
        blur(8px)
        saturate(140%)
        contrast(120%)
        brightness(1.05);

    -webkit-backdrop-filter:
        blur(8px)
        saturate(140%)
        contrast(120%)
        brightness(1.05);
}

/* Optional subtle cinematic glow */
.dark-section-fluid::after {
    content: '';

    position: absolute;
    inset: 0;

    z-index: 1;
    pointer-events: none;

    background:
        radial-gradient(
            circle at center,
            rgba(255,255,255,0.04) 0%,
            rgba(255,255,255,0.015) 30%,
            rgba(0,0,0,0) 70%
        );

    mix-blend-mode: screen;
}

/* Keep content above overlays */
.dark-section-fluid > * {
    position: relative;
    z-index: 2;
}

/* Better rendering */
.dark-section-fluid,
.dark-section-fluid::before,
.dark-section-fluid::after {
    transform: translateZ(0);
    will-change: backdrop-filter;
}
/*#liquid-ether-container canvas {
    filter:
        blur(12px)
        contrast(120%)
        saturate(130%);
    opacity: 0.9;
}*/

.dark-fluid {
    position: relative;
    background: rgba(0,0,0,0.78);
    overflow: hidden;
}

.dark-fluid.blue::before {
    content:'';
    position:absolute;
    inset:0;

    background:
      radial-gradient(
        circle at center,
        rgba(80,120,255,0.12),
        rgba(0,0,0,0.45)
      );

    pointer-events:none;
    z-index:1;
}
.dark-fluid.silver::before {
    content:'';
    position:absolute;
    inset:0;

    background:
      radial-gradient(
        circle at center,
        rgba(255,255,255,0.06),
        rgba(0,0,0,0.55)
      );

    pointer-events:none;
    z-index:1;
}

.dark-fluid > * {
    position: relative;
    z-index: 2;
}