/* Гирлянды */
#garland {
    position: absolute;
    top: 145px;
    left: 0;
    background-image: url('/bitrix/templates/aspro_next/images/christmas.png');
    height: 36px;
    width: 100%;
    overflow: hidden;
    z-index: 99;
    pointer-events: none;
}

@media (max-width: 991px){
    #garland {
        top: 59px;
    }
}

#nums_1 {
    padding: 100px
}

.garland_1 {
    background-position: 0 0
}

.garland_2 {
    background-position: 0 -36px
}

.garland_3 {
    background-position: 0 -72px
}

.garland_4 {
    background-position: 0 -108px
}

/* /Гирлянды */

/* Снежинки */
.scene {
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 99;
    pointer-events: none;
}
.background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    filter: brightness(70%) contrast(120%);
}
.snowflake {
    position: absolute;
    color: #9fddd8c4; /* Blue snowflakes */
    font-size: 20px;
    animation: snowfall linear forwards;
}
@keyframes snowfall {
    0% {
    transform: translateY(-10vh) rotate(0deg);
    }
    100% {
    transform: translateY(110vh) rotate(360deg);
    }
}

/* Additional CSS rule to pause animation */
.snowflakes.paused {
    animation-play-state: paused !important;
}

/* /Снежинки */