.snowflakes {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 9999;
        }
        .snowflake {
            position: absolute;
            top: -50px;
            width: 10px;
            height: 10px;
            background: white;
            border-radius: 50%;
            opacity: 0.8;
            animation: snow 5s linear infinite;
        }
        
        @keyframes snow {
            0% { transform: translateY(0); opacity: 1; }
            100% { transform: translateY(100vh); opacity: 0; }
        }
        
        .border-start {
           border-left: 3px solid #fcc018 !important;
        }
            
        /*.tree {*/
        /*    position: relative;*/
        /*}*/
        
        /*.tree svg {*/
        /*  max-height: 60vh;*/
        /*  overflow:visible;*/
        /*  position: absolute;*/
        /*  top: 180px;*/
        /*  right: 30%;*/
        /*  z-index: 999;*/
        /*}*/
        /*path {*/
        /*  fill: #379157;*/
        /*  stroke: #379157;*/
        /*  stroke-width: .2;*/
        /*  transform: scale(0);*/
        /*  transform-origin: 50% 50%;*/
        /*  animation: star 8s ease-in-out infinite;*/
        /*  animation-delay: calc( var(--no) * .025s );*/
        /*  transform-box: fill-box;*/
        /*}*/
        /*@keyframes star {*/
        /*  0% {*/
        /*    transform: scale(0);*/
        /*    animation-timing-function: cubic-bezier(.74,1.72,.57,1.01)*/
        /*  }*/
        /*  10% {*/
        /*    transform: scale(1);*/
        /*  }*/
        /*  65% {*/
        /*    transform: translateY(0px) scale(1);*/
        /*  }*/
        /*  75% {*/
        /*    transform: translateY(50px) scale(0);*/
        /*  }*/
        /*  100% {*/
        /*    transform: translateY( 0px ) scale(0);*/
        /*  }*/
        /*}*/

/* Santa Popup Container */
.santa-popup {
    position: fixed;
    bottom: -300px; /* Start off-screen */
    right: 20px;
    width: 200px;
    background-color: #fff;
    border: 2px solid #ff0000;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    text-align: center;
    z-index: 9999;
    transition: bottom 1.5s ease-in-out;
}

/* Show Class for Animation */
.santa-popup.show {
    bottom: 20px; /* Slide in */
}

/* Santa Image */
.santa-image {
    width: 100px;
    height: auto;
    margin-top: -30px;
}

/* Merry Christmas Message */
.message {
    font-size: 1.2rem;
    font-weight: bold;
    color: #d00000;
    margin: 10px 0;
    padding: 10px;
    background-color: #ffe5b4;
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 -2px 5px rgba(0, 0, 0, 0.1);
}

/* customizable snowflake styling */
/*.snowflake {*/
/*  color: #fff;*/
/*  font-size: 1.5em;*/
/*  font-family: Arial;*/
/*  text-shadow: 0 0 1px #000;*/
/*}*/

/*@-webkit-keyframes snowflakes-fall{*/
/*    0%{*/
/*        top:-10%*/
        
/*    }*/
/*    100%{*/
/*        top:100%*/
        
/*    }*/
    
/*}*/
/*@-webkit-keyframes snowflakes-shake{*/
/*    0%{*/
/*        -webkit-transform:translateX(0px);*/
/*        transform:translateX(0px)*/
        
/*    }*/
/*    50%{*/
/*        -webkit-transform:translateX(80px);*/
/*        transform:translateX(80px)*/
        
/*    }*/
/*    100%{*/
/*        -webkit-transform:translateX(0px);*/
/*        transform:translateX(0px)*/
        
/*    }*/
    
/*}*/
/*@keyframes snowflakes-fall{*/
/*    0%{*/
/*        top:-10%*/
        
/*    }*/
/*    100%{*/
/*        top:100%*/
        
/*    }*/
    
/*}*/
/*@keyframes snowflakes-shake{*/
/*    0%{*/
/*        transform:translateX(0px)*/
        
/*    }*/
/*    50%{*/
/*        transform:translateX(80px)*/
        
/*    }*/
/*    100%{*/
/*        transform:translateX(0px)*/
        
/*    }*/
    
/*}*/
/*.snowflake{*/
/*    position:fixed;*/
/*    top:-10%;*/
/*    z-index:9999;*/
/*    -webkit-user-select:none;*/
/*    -moz-user-select:none;*/
/*    -ms-user-select:none;*/
/*    user-select:none;*/
/*    cursor:default;*/
/*    -webkit-animation-name:snowflakes-fall,snowflakes-shake;*/
/*    -webkit-animation-duration:10s,3s;*/
/*    -webkit-animation-timing-function:linear,ease-in-out;*/
/*    -webkit-animation-iteration-count:infinite,infinite;*/
/*    -webkit-animation-play-state:running,running;*/
/*    animation-name:snowflakes-fall,snowflakes-shake;*/
/*    animation-duration:10s,3s;*/
/*    animation-timing-function:linear,ease-in-out;*/
/*    animation-iteration-count:infinite,infinite;*/
/*    animation-play-state:running,running*/
    
/*}*/
/*.snowflake:nth-of-type(0){*/
/*    left:1%;*/
/*    -webkit-animation-delay:0s,0s;*/
/*    animation-delay:0s,0s*/
    
/*}*/
/*.snowflake:nth-of-type(1){*/
/*    left:10%;*/
/*    -webkit-animation-delay:1s,1s;*/
/*    animation-delay:1s,1s*/
    
/*}*/
/*.snowflake:nth-of-type(2){*/
/*    left:20%;*/
/*    -webkit-animation-delay:6s,.5s;*/
/*    animation-delay:6s,.5s*/
    
/*}*/
/*.snowflake:nth-of-type(3){*/
/*    left:30%;*/
/*    -webkit-animation-delay:4s,2s;*/
/*    animation-delay:4s,2s*/
    
/*}*/
/*.snowflake:nth-of-type(4){*/
/*    left:40%;*/
/*    -webkit-animation-delay:2s,2s;*/
/*    animation-delay:2s,2s*/
    
/*}*/
/*.snowflake:nth-of-type(5){*/
/*    left:50%;*/
/*    -webkit-animation-delay:8s,3s;*/
/*    animation-delay:8s,3s*/
    
/*}*/
/*.snowflake:nth-of-type(6){*/
/*    left:60%;*/
/*    -webkit-animation-delay:6s,2s;*/
/*    animation-delay:6s,2s*/
    
/*}*/
/*.snowflake:nth-of-type(7){*/
/*    left:70%;*/
/*    -webkit-animation-delay:2.5s,1s;*/
/*    animation-delay:2.5s,1s*/
    
/*}*/
/*.snowflake:nth-of-type(8){*/
/*    left:80%;*/
/*    -webkit-animation-delay:1s,0s;*/
/*    animation-delay:1s,0s*/
    
/*}*/
/*.snowflake:nth-of-type(9){*/
/*    left:90%;*/
/*    -webkit-animation-delay:3s,1.5s;*/
/*    animation-delay:3s,1.5s*/
    
/*}*/
/*.snowflake:nth-of-type(10){*/
/*    left:3%;*/
/*    -webkit-animation-delay:0s,0s;*/
/*    animation-delay:0s,0s*/
    
/*}*/
/*.snowflake:nth-of-type(11){*/
/*    left:5%;*/
/*    -webkit-animation-delay:1s,1s;*/
/*    animation-delay:1s,1s*/
    
/*}*/
/*.snowflake:nth-of-type(12){*/
/*    left:10%;*/
/*    -webkit-animation-delay:6s,.5s;*/
/*    animation-delay:6s,.5s*/
    
/*}*/
/*.snowflake:nth-of-type(13){*/
/*    left:15%;*/
/*    -webkit-animation-delay:4s,2s;*/
/*    animation-delay:4s,2s*/
    
/*}*/
/*.snowflake:nth-of-type(14){*/
/*    left:20%;*/
/*    -webkit-animation-delay:2s,2s;*/
/*    animation-delay:2s,2s*/
    
/*}*/
/*.snowflake:nth-of-type(15){*/
/*    left:25%;*/
/*    -webkit-animation-delay:8s,3s;*/
/*    animation-delay:8s,3s*/
    
/*}*/
/*.snowflake:nth-of-type(16){*/
/*    left:30%;*/
/*    -webkit-animation-delay:6s,2s;*/
/*    animation-delay:6s,2s*/
    
/*}*/
/*.snowflake:nth-of-type(17){*/
/*    left:35%;*/
/*    -webkit-animation-delay:2.5s,1s;*/
/*    animation-delay:2.5s,1s*/
    
/*}*/
/*.snowflake:nth-of-type(18){*/
/*    left:40%;*/
/*    -webkit-animation-delay:1s,0s;*/
/*    animation-delay:1s,0s*/
    
/*}*/
/*.snowflake:nth-of-type(19){*/
/*    left:45%;*/
/*    -webkit-animation-delay:3s,1.5s;*/
/*    animation-delay:3s,1.5s*/
    
/*}*/
/*.snowflake:nth-of-type(20){*/
/*    left:50%;*/
/*    -webkit-animation-delay:0s,0s;*/
/*    animation-delay:0s,0s*/
    
/*}*/
/*.snowflake:nth-of-type(21){*/
/*    left:55%;*/
/*    -webkit-animation-delay:1s,1s;*/
/*    animation-delay:1s,1s*/
    
/*}*/
/*.snowflake:nth-of-type(22){*/
/*    left:60%;*/
/*    -webkit-animation-delay:6s,.5s;*/
/*    animation-delay:6s,.5s*/
    
/*}*/
/*.snowflake:nth-of-type(23){*/
/*    left:65%;*/
/*    -webkit-animation-delay:4s,2s;*/
/*    animation-delay:4s,2s*/
    
/*}*/
/*.snowflake:nth-of-type(24){*/
/*    left:70%;*/
/*    -webkit-animation-delay:2s,2s;*/
/*    animation-delay:2s,2s*/
    
/*}*/
/*.snowflake:nth-of-type(25){*/
/*    left:75%;*/
/*    -webkit-animation-delay:8s,3s;*/
/*    animation-delay:8s,3s*/
    
/*}*/
/*.snowflake:nth-of-type(26){*/
/*    left:80%;*/
/*    -webkit-animation-delay:6s,2s;*/
/*    animation-delay:6s,2s*/
    
/*}*/
/*.snowflake:nth-of-type(27){*/
/*    left:85%;*/
/*    -webkit-animation-delay:2.5s,1s;*/
/*    animation-delay:2.5s,1s*/
    
/*}*/
/*.snowflake:nth-of-type(28){*/
/*    left:90%;*/
/*    -webkit-animation-delay:1s,0s;*/
/*    animation-delay:1s,0s*/
    
/*}*/
/*.snowflake:nth-of-type(29){*/
/*    left:95%;*/
/*    -webkit-animation-delay:3s,1.5s;*/
/*    animation-delay:3s,1.5s*/
    
/*}*/