/* ==========================================
   PATTERNS
========================================== */

.pattern-dots{

    position:absolute;
    inset:0;

    background-image:radial-gradient(

        rgba(124,58,237,.08) 1px,

        transparent 1px

    );

    background-size:22px 22px;

    opacity:.35;

}

.pattern-grid{

    position:absolute;
    inset:0;

    background-image:

    linear-gradient(

        rgba(124,58,237,.05) 1px,

        transparent 1px

    ),

    linear-gradient(

        90deg,

        rgba(124,58,237,.05) 1px,

        transparent 1px

    );

    background-size:50px 50px;

}

.pattern-noise{

    opacity:.03;

}