/* =========================================================
   HERO
   ========================================================= */

.interactive-grid-hero {
    position: relative;
    overflow: hidden;
}


/* =========================================================
   CANVAS
   ========================================================= */

.interactive-grid-canvas {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: block;

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


/* =========================================================
   ELEMENTOR CONTENT
   ========================================================= */

.interactive-grid-hero > .elementor-container,
.interactive-grid-hero > .e-con-inner,
.interactive-grid-hero > .elementor-element {
    position: relative;
    z-index: 2;
}