.elementor-6 .elementor-element.elementor-element-f0e1e56{--display:flex;}.elementor-6 .elementor-element.elementor-element-578ce2d{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-f0e1e56 *//* ==========================================
   FLOATING GLITTER / SPARKLES
========================================== */

.gc-floating {
    position: absolute;

    top: 0;
    bottom: 0;

    width: 50%;

    overflow: hidden;

    pointer-events: none;

    z-index: 4;
}


/* DAY SIDE */

.gc-floating-day {
    left: 0;
}


/* NIGHT SIDE */

.gc-floating-night {
    right: 0;
}


/* ==========================================
   4 POINT SPARKLES
========================================== */

.gc-spark {
    position: absolute;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    opacity: 0;

    animation:
        gcSparkFloat
        7s
        ease-in-out
        infinite;
}


/* vertical sparkle line */

.gc-spark::before {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 1px;
    height: 17px;

    transform:
        translate(-50%, -50%);

    background:
        currentColor;

    box-shadow:
        0 0 8px currentColor;
}


/* horizontal sparkle line */

.gc-spark::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 17px;
    height: 1px;

    transform:
        translate(-50%, -50%);

    background:
        currentColor;

    box-shadow:
        0 0 8px currentColor;
}


/* DAY COLOR */

.gc-floating-day .gc-spark {
    color:
        rgba(255, 218, 152, .85);

    background:
        rgba(255, 225, 172, .9);

    box-shadow:
        0 0 12px
        rgba(255, 210, 130, .65);
}


/* NIGHT COLOR */

.gc-floating-night .gc-spark {
    color:
        rgba(145, 198, 56, .85);

    background:
        rgba(147, 203, 55, .9);

    box-shadow:
        0 0 14px
        rgba(122, 177, 39, .7);
}


/* ==========================================
   DAY SPARK POSITIONS
========================================== */

.gc-floating-day .s1 {
    top: 16%;
    left: 13%;

    animation-delay:
        0s;
}

.gc-floating-day .s2 {
    top: 27%;
    left: 29%;

    transform:
        scale(.65);

    animation-delay:
        1.8s;
}

.gc-floating-day .s3 {
    top: 43%;
    left: 9%;

    transform:
        scale(.8);

    animation-delay:
        3.2s;
}

.gc-floating-day .s4 {
    top: 59%;
    left: 23%;

    transform:
        scale(.55);

    animation-delay:
        .9s;
}

.gc-floating-day .s5 {
    top: 72%;
    left: 38%;

    transform:
        scale(.75);

    animation-delay:
        4.1s;
}

.gc-floating-day .s6 {
    top: 34%;
    left: 42%;

    transform:
        scale(.45);

    animation-delay:
        2.4s;
}

.gc-floating-day .s7 {
    top: 80%;
    left: 12%;

    transform:
        scale(.5);

    animation-delay:
        5s;
}


/* ==========================================
   NIGHT SPARK POSITIONS
========================================== */

.gc-floating-night .s1 {
    top: 14%;
    right: 16%;

    animation-delay:
        .8s;
}

.gc-floating-night .s2 {
    top: 29%;
    right: 31%;

    transform:
        scale(.7);

    animation-delay:
        2.5s;
}

.gc-floating-night .s3 {
    top: 45%;
    right: 11%;

    transform:
        scale(.6);

    animation-delay:
        4.4s;
}

.gc-floating-night .s4 {
    top: 60%;
    right: 28%;

    transform:
        scale(.8);

    animation-delay:
        1.1s;
}

.gc-floating-night .s5 {
    top: 76%;
    right: 13%;

    transform:
        scale(.45);

    animation-delay:
        3.7s;
}

.gc-floating-night .s6 {
    top: 37%;
    right: 44%;

    transform:
        scale(.5);

    animation-delay:
        5.3s;
}

.gc-floating-night .s7 {
    top: 83%;
    right: 39%;

    transform:
        scale(.65);

    animation-delay:
        2s;
}


/* ==========================================
   SMALL FLOATING DUST
========================================== */

.gc-dust {
    position: absolute;

    width: 4px;
    height: 4px;

    border-radius: 50%;

    opacity: .45;

    animation:
        gcDustFloat
        10s
        ease-in-out
        infinite;
}


/* DAY DUST */

.gc-floating-day .gc-dust {
    background:
        #f1c978;

    box-shadow:
        0 0 10px
        rgba(240, 194, 111, .7);
}


/* NIGHT DUST */

.gc-floating-night .gc-dust {
    background:
        #8fb83b;

    box-shadow:
        0 0 11px
        rgba(125, 177, 46, .75);
}


/* DUST POSITIONS */

.gc-floating-day .d1 {
    top: 20%;
    left: 36%;

    animation-delay:
        .3s;
}

.gc-floating-day .d2 {
    top: 52%;
    left: 15%;

    animation-delay:
        3s;
}

.gc-floating-day .d3 {
    top: 67%;
    left: 32%;

    animation-delay:
        5s;
}

.gc-floating-day .d4 {
    top: 39%;
    left: 6%;

    animation-delay:
        1.5s;
}


.gc-floating-night .d1 {
    top: 23%;
    right: 35%;

    animation-delay:
        1s;
}

.gc-floating-night .d2 {
    top: 51%;
    right: 13%;

    animation-delay:
        4s;
}

.gc-floating-night .d3 {
    top: 70%;
    right: 34%;

    animation-delay:
        2s;
}

.gc-floating-night .d4 {
    top: 40%;
    right: 7%;

    animation-delay:
        6s;
}


/* ==========================================
   ANIMATIONS
========================================== */

@keyframes gcSparkFloat {

    0% {
        opacity: 0;

        translate:
            0 18px;

        rotate:
            0deg;
    }


    20% {
        opacity: .85;
    }


    50% {
        opacity: .35;

        translate:
            8px -12px;

        rotate:
            25deg;
    }


    75% {
        opacity: .9;
    }


    100% {
        opacity: 0;

        translate:
            -5px -35px;

        rotate:
            55deg;
    }

}


@keyframes gcDustFloat {

    0% {
        transform:
            translate(0, 15px)
            scale(.8);

        opacity:
            .15;
    }


    35% {
        opacity:
            .7;
    }


    65% {
        transform:
            translate(14px, -22px)
            scale(1.25);

        opacity:
            .4;
    }


    100% {
        transform:
            translate(-5px, -55px)
            scale(.7);

        opacity:
            0;
    }

}/* End custom CSS */