.snowflake {
        position: absolute;
        width: 10px;
        height: 10px;
        background: linear-gradient(white, white);
        border-radius: 50%;
        filter: drop-shadow(0 0 10px white);
}

.pinkBg {
    background-color: #cbe0ff!important;
    background-color: #cbe0ff !important;
    background-image: linear-gradient(180deg,#fff,#cbe0ff 50%,#fff);
}

 .intro-banner-vdo-play-btn {
    height: 9px;
    width: 9px;
    position: absolute;
    top: 49%;
    left: 49px;
    text-align: center;
    margin: -4px 0 0 11px;
    border-radius: 100px !important;
    z-index: 1;
  }

.intro-banner-vdo-play-btn .ripple {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: -1;
    left: 50%;
    top: 50%;
    opacity: 0;
    margin: -15px 0 0 -15px;
    border-radius: 100px !important;
    -webkit-animation: ripple 1.8s infinite;
    animation: ripple 1.8s infinite;
}

@-webkit-keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes  ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.intro-banner-vdo-play-btn .ripple:nth-child(2){
    animation-delay:.3s;
    -webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3){
    animation-delay:.6s;
    -webkit-animation-delay:.6s
}

@media (min-width: 768px) {
    .content .hero, .hero {
        font-size: 4.225rem;
    }
}