.elementor-10723 .elementor-element.elementor-element-c963361{--display:flex;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}:root{--page-title-display:none;}/* Start custom CSS *//* =========================================================
   NEON SNOW HOMEPAGE
   GLOBAL BACKGROUND + CLOUD WATERMARK SYSTEM

   Elementor:
   Page Settings > Advanced > Custom CSS

   FEATURES
   - Stronger visible moving clouds
   - Continuous horizontal cloud wrap
   - Clouds drift off one side and re-enter opposite side
   - Multiple independent cloud lanes
   - Clouds behind ALL page content/cards
   - Blue scrollbar
   - Purple scrollbar hover
   - Light sections remain transparent
   - Dark sections remain opaque
   ========================================================= */



/* =========================================================
   01. CUSTOM VERTICAL SCROLLBAR
   ========================================================= */


/* FIREFOX */

html {

    scrollbar-width:
        thin;

    scrollbar-color:
        #087cff
        #edf3fb;

}



/* CHROME / EDGE / SAFARI */

html::-webkit-scrollbar,
body::-webkit-scrollbar {

    width:
        12px;

}


html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {

    background:
        linear-gradient(
            180deg,
            #f4f8ff 0%,
            #eef3fb 48%,
            #f5f1ff 100%
        );

}


html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {

    background:
        #087cff;

    border:
        3px solid
        #edf3fb;

    border-radius:
        999px;

    min-height:
        60px;

}


html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {

    background:
        #7547e5;

}


html::-webkit-scrollbar-thumb:active,
body::-webkit-scrollbar-thumb:active {

    background:
        linear-gradient(
            180deg,
            #087cff,
            #7547e5
        );

}



/* =========================================================
   02. MASTER PAGE BACKGROUND
   ========================================================= */

body.elementor-page-10723 {

    position:
        relative;

    isolation:
        isolate;

    overflow:
        visible;


    background:

        /* BLUE UPPER LEFT */

        radial-gradient(
            circle at 8% 21%,
            rgba(8,124,255,.065) 0%,
            rgba(8,124,255,0) 29%
        ),


        /* PURPLE RIGHT */

        radial-gradient(
            circle at 93% 48%,
            rgba(117,71,229,.060) 0%,
            rgba(117,71,229,0) 31%
        ),


        /* BLUE LOWER */

        radial-gradient(
            circle at 30% 80%,
            rgba(8,124,255,.045) 0%,
            rgba(8,124,255,0) 27%
        ),


        /* BASE */

        linear-gradient(
            110deg,
            #f8fbff 0%,
            #ffffff 46%,
            #faf8ff 100%
        )

        !important;


    background-repeat:
        no-repeat;

    background-size:
        cover;

}



/* =========================================================
   03. GLOBAL CLOUD LAYERS

   IMPORTANT STACKING LOGIC:

   PAGE BACKGROUND
       ↓
   CLOUDS          z-index: 0
       ↓
   PAGE CONTENT    z-index: 1
       ↓
   CARDS           z-index: 3
       ↓
   DARK SECTIONS   z-index: 5

   Clouds will NEVER sit over cards/text.
   ========================================================= */

body.elementor-page-10723::before,
body.elementor-page-10723::after {

    content:
        "";

    position:
        fixed;

    inset:
        0;

    width:
        100%;

    height:
        100%;

    pointer-events:
        none;

    user-select:
        none;


    /*
       DO NOT USE NEGATIVE Z-INDEX HERE.
       Elementor can place negative pseudo-elements
       behind the page background entirely.
    */

    z-index:
        0;


    will-change:
        background-position,
        transform;

}



/* =========================================================
   04. CLOUD SYSTEM — BAND ONE

   LEFT POSITION CLOUD
   LARGE CLOUDS

   Faster lane = 82 seconds
   ========================================================= */

body.elementor-page-10723::before {

    background-image:

        url("https://allacesprinting.clientbuild.neonsnow.com.au/wp-content/uploads/2026/08/Cloud-Based-Workday-Left-position-scaled.png"),

        url("https://allacesprinting.clientbuild.neonsnow.com.au/wp-content/uploads/2026/08/Cloud-Based-Workday-Large-clouds-scaled.png");


    /*
       Horizontal repetition creates seamless re-entry.
    */

    background-repeat:

        repeat-x,
        repeat-x;


    /*
       Keep these fairly large because each original
       PNG contains substantial transparent canvas.
    */

    background-size:

        820px 820px,

        1100px 1100px;


    /*
       Two different vertical cloud lanes.
    */

    background-position:

        -820px 18%,

        0 66%;


    /*
       SIGNIFICANTLY MORE VISIBLE
    */

    opacity:
        .30;


    filter:
        saturate(1.02)
        contrast(1.10)
        brightness(1.01);


    animation:

        ns-cloud-band-one-travel
        82s
        linear
        infinite,

        ns-cloud-band-one-float
        21s
        ease-in-out
        infinite;

}



/* =========================================================
   05. BAND ONE — HORIZONTAL LOOP
   ========================================================= */

@keyframes ns-cloud-band-one-travel {

    from {

        background-position:

            -820px 18%,

            0 66%;

    }


    to {

        background-position:

            0 18%,

            -1100px 66%;

    }

}



/* =========================================================
   06. BAND ONE — VERTICAL DRIFT
   ========================================================= */

@keyframes ns-cloud-band-one-float {

    0%,
    100% {

        transform:
            translate3d(
                0,
                -7px,
                0
            );

    }


    50% {

        transform:
            translate3d(
                0,
                11px,
                0
            );

    }

}



/* =========================================================
   07. CLOUD SYSTEM — BAND TWO

   RIGHT POSITION CLOUD
   BOTTOM LEFT CLOUD

   Slower and opposite direction.
   ========================================================= */

body.elementor-page-10723::after {

    background-image:

        url("https://allacesprinting.clientbuild.neonsnow.com.au/wp-content/uploads/2026/08/Cloud-Based-Workday-cloud-right-position-scaled.png"),

        url("https://allacesprinting.clientbuild.neonsnow.com.au/wp-content/uploads/2026/08/Cloud-Based-Workday-Bottom-left-cloud-scaled.png");


    background-repeat:

        repeat-x,
        repeat-x;


    background-size:

        760px 760px,

        980px 980px;


    background-position:

        0 40%,

        -980px 88%;


    /*
       Strong but slightly softer than layer one.
    */

    opacity:
        .24;


    filter:
        saturate(1.02)
        contrast(1.09)
        brightness(1.01);


    animation:

        ns-cloud-band-two-travel
        108s
        linear
        infinite,

        ns-cloud-band-two-float
        27s
        ease-in-out
        -8s
        infinite;

}



/* =========================================================
   08. BAND TWO — HORIZONTAL LOOP
   OPPOSITE DIRECTION
   ========================================================= */

@keyframes ns-cloud-band-two-travel {

    from {

        background-position:

            0 40%,

            -980px 88%;

    }


    to {

        background-position:

            -760px 40%,

            0 88%;

    }

}



/* =========================================================
   09. BAND TWO — VERTICAL DRIFT
   ========================================================= */

@keyframes ns-cloud-band-two-float {

    0%,
    100% {

        transform:
            translate3d(
                0,
                9px,
                0
            );

    }


    50% {

        transform:
            translate3d(
                0,
                -11px,
                0
            );

    }

}



/* =========================================================
   10. ALL REAL PAGE CONTENT ABOVE CLOUDS
   ========================================================= */

body.elementor-page-10723 > * {

    position:
        relative;

    z-index:
        1;

}



/* =========================================================
   11. ELEMENTOR CONTAINERS

   Keep them transparent unless deliberately styled.
   ========================================================= */

body.elementor-page-10723 .e-con,
body.elementor-page-10723 .elementor-section,
body.elementor-page-10723 .elementor-container {

    background-color:
        transparent;

}



/* =========================================================
   12. LIGHT SECTIONS
   ========================================================= */

body.elementor-page-10723 .ns-services,
body.elementor-page-10723 .ns-work,
body.elementor-page-10723 .ns-trust {

    position:
        relative;

    z-index:
        2;


    background:
        transparent !important;

    background-color:
        transparent !important;

    background-image:
        none !important;

}



/* =========================================================
   13. SERVICES CARDS
   CLOUDS CANNOT VISUALLY PASS OVER THESE
   ========================================================= */

body.elementor-page-10723 .ns-service-card {

    position:
        relative;

    z-index:
        4;


    /*
       Essentially solid card.
       No cloud interference.
    */

    background:
        rgba(
            255,
            255,
            255,
            .985
        )

        !important;

}



/* =========================================================
   14. SELECTED WORK CARDS
   ========================================================= */

body.elementor-page-10723 .ns-case-card {

    position:
        relative;

    z-index:
        4;


    background:
        rgba(
            255,
            255,
            255,
            .985
        )

        !important;

}



/* =========================================================
   15. TRUST CONTENT
   ========================================================= */

body.elementor-page-10723 .ns-proof-item,
body.elementor-page-10723 .ns-client-logo {

    position:
        relative;

    z-index:
        4;

}



/* =========================================================
   16. HERO
   OPAQUE DARK SECTION
   ========================================================= */

body.elementor-page-10723 .ns-hero {

    position:
        relative;

    z-index:
        5;

    background-color:
        #010b19 !important;

}



/* =========================================================
   17. PROBLEM RECOGNITION
   OPAQUE NAVY SECTION
   ========================================================= */

body.elementor-page-10723 .ns-problems {

    position:
        relative;

    z-index:
        5;


    background:

        radial-gradient(
            circle at 12% 12%,
            rgba(8,124,255,.13),
            transparent 30%
        ),

        radial-gradient(
            circle at 88% 72%,
            rgba(117,71,229,.14),
            transparent 34%
        ),

        linear-gradient(
            118deg,
            #021229 0%,
            #031a38 52%,
            #061834 100%
        )

        !important;

}



/* =========================================================
   18. PROBLEM CARDS
   ========================================================= */

body.elementor-page-10723 .ns-problem-card,
body.elementor-page-10723 .ns-problems__decision {

    position:
        relative;

    z-index:
        6;

}



/* =========================================================
   19. HOW WE WORK
   ========================================================= */

body.elementor-page-10723 .ns-process {

    position:
        relative;

    z-index:
        5;


    background:

        radial-gradient(
            circle at 72% 35%,
            rgba(22,77,142,.24),
            transparent 35%
        ),

        radial-gradient(
            circle at 25% 72%,
            rgba(91,55,180,.08),
            transparent 31%
        ),

        linear-gradient(
            115deg,
            #03152e 0%,
            #02132b 45%,
            #031a38 100%
        )

        !important;

}



/* =========================================================
   20. FINAL CTA
   ========================================================= */

body.elementor-page-10723 .ns-final {

    position:
        relative;

    z-index:
        5;


    background:

        radial-gradient(
            circle at 78% 25%,
            rgba(8,124,255,.10),
            transparent 28%
        ),

        linear-gradient(
            115deg,
            #031733 0%,
            #04172f 52%,
            #061b3e 100%
        )

        !important;

}



/* =========================================================
   21. EXTRA LARGE DESKTOP
   ========================================================= */

@media (min-width: 1800px) {

    body.elementor-page-10723::before {

        background-size:

            960px 960px,

            1280px 1280px;


        /*
           Keep clouds obvious on big displays.
        */

        opacity:
            .30;

    }


    body.elementor-page-10723::after {

        background-size:

            880px 880px,

            1140px 1140px;


        opacity:
            .24;

    }

}



/* =========================================================
   22. TABLET / SMALL LAPTOP
   ========================================================= */

@media (max-width: 1100px) {

    body.elementor-page-10723::before {

        background-size:

            700px 700px,

            900px 900px;


        background-position:

            -700px 18%,

            0 67%;


        opacity:
            .26;


        animation-duration:

            76s,
            21s;

    }


    body.elementor-page-10723::after {

        background-size:

            650px 650px,

            820px 820px;


        background-position:

            0 40%,

            -820px 87%;


        opacity:
            .21;


        animation-duration:

            100s,
            27s;

    }

}



/* =========================================================
   23. TABLET / MOBILE
   ========================================================= */

@media (max-width: 700px) {

    html::-webkit-scrollbar,
    body::-webkit-scrollbar {

        width:
            8px;

    }


    html::-webkit-scrollbar-thumb,
    body::-webkit-scrollbar-thumb {

        border-width:
            2px;

    }



    body.elementor-page-10723::before {

        background-size:

            540px 540px,

            700px 700px;


        background-position:

            -540px 17%,

            0 67%;


        opacity:
            .21;


        animation-duration:

            70s,
            20s;

    }


    body.elementor-page-10723::after {

        background-size:

            500px 500px,

            620px 620px;


        background-position:

            0 41%,

            -620px 88%;


        opacity:
            .17;


        animation-duration:

            92s,
            25s;

    }

}



/* =========================================================
   24. SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    body.elementor-page-10723::before {

        opacity:
            .18;

    }


    body.elementor-page-10723::after {

        opacity:
            .145;

    }

}



/* =========================================================
   25. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    body.elementor-page-10723::before,
    body.elementor-page-10723::after {

        animation:
            none !important;

        transform:
            none !important;

    }

}/* End custom CSS */