/* HERO */

.snake-hero{
    position:relative;
    overflow:hidden;
    background:#fff;
}

/* CANVAS */

#snakeCanvas{

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    z-index:1;

    pointer-events:none;

}

/* CONTENT */

.snake-hero .elementor-container,
.snake-hero .e-con,
.snake-hero .e-con-inner{

    position:relative;

    z-index:5;

}

/* GRID */

.snake-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background-image:

        linear-gradient(#d9d9d9 1px, transparent 1px),

        linear-gradient(90deg,#d9d9d9 1px, transparent 1px);

    background-size:58px 58px;

    opacity:.75;

    z-index:0;

}