<section class="hero hero-temp">
    <div class="hero-animation">
        <div class="animation-stage">

            <div class="streak-animations">
                <div class="streak-group one">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>
                
                <div class="streak-group two">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>

                <div class="streak-group three">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>

                <div class="streak-group four">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>

                <div class="streak-group five">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>                   
                </div>

                <div class="streak-group six">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>

                <div class="streak-group seven">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>

                <div class="streak-group eight">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>

                <div class="streak-group nine">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>

                <div class="streak-group ten">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>

                <div class="streak-group eleven">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>

                <div class="streak-group twelve">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>

                <div class="streak-group thirteen">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>
                
                <div class="streak-group fourteen">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>

                <div class="streak-group fifteen">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>

                <div class="streak-group sixteen">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>

                <div class="streak-group seventeen">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>

                <div class="streak-group eighteen">
                    <div class="streak">
                        <div class="circle">
                            <div class="dot"></div>
                        </div>
                        <div class="tail">
                            <div class="gradient"></div>
                            <div class="lines"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="gift-group">
                <div class="gift-animation one normal">
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="gift"></div>
                </div>

                <div class="gift-animation two closed">
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="stars star-one one"><div class="img"></div></div>
                    <div class="stars star-two two"><div class="img"></div></div>
                    <div class="stars star-three three"><div class="img"></div></div>
                    <div class="stars star-one four"><div class="img"></div></div>
                    <div class="stars star-two five"><div class="img"></div></div>
                    <div class="stars star-three six"><div class="img"></div></div>
                    <div class="gift">
                        <div class="gift-box item"></div>
                        <div class="gift-shadow item"></div>
                        <div class="gift-cover item"></div>
                    </div>
                </div>

                <div class="gift-animation three normal">
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="gift"></div>
                </div>

                <div class="gift-animation four normal">
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="gift"></div>
                </div>
            </div>
            
            <div class="rotating-words-group">
                <div class="rotating-words one paused">
                    <!-- Generator: Adobe Illustrator 24.0.2, SVG Export Plug-In  -->
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="192.5px"
                        height="191.5px" viewBox="0 0 192.5 191.5" style="enable-background:new 0 0 192.5 191.5;" xml:space="preserve">
                    <style type="text/css">
                        .st0{fill:#651FFF;}
                    </style>
                    <defs>
                    </defs>
                    <g>
                        <g>
                            <g>
                                <g>
                                    <path class="st0" d="M37.2,20.3l5.2-3.7c2.4-1.7,4.9-1,6.3,1s1.2,4.5-1.3,6.2l-2.9,2l2.8,4l-2.4,1.7L37.2,20.3z M43.5,18.9
                                        L41,20.7l2.2,3.1l2.5-1.8c0.9-0.7,1.2-1.8,0.6-2.7C45.6,18.4,44.5,18.2,43.5,18.9z"/>
                                    <path class="st0" d="M53.1,10.3l2.7-1.2l4.6,10.1l5.3-2.4l1.1,2.3l-7.9,3.6L53.1,10.3z"/>
                                    <path class="st0" d="M79.8,13l-5.9,1.4l-0.3,2.5l-3.1,0.7l2-14.5l3.6-0.8l8.2,12.1l-3.1,0.7L79.8,13z M74,11.8l4.4-1l-3.6-5.6
                                        L74,11.8z"/>
                                    <path class="st0" d="M91.2,8.4l-5.6-7.9l3.3-0.1l3.6,5.3l3.1-5.6L98.9,0L94,8.3l0.2,5.6L91.3,14L91.2,8.4z"/>
                                    <path class="st0" d="M116.8,2.2l6.9,1.9c2.5,0.7,3.3,2.7,2.9,4.4c-0.5,1.7-1.8,2.5-3.1,2.4c1.3,0.6,2.1,2.3,1.6,3.9
                                        c-0.6,2-2.3,3.2-4.8,2.5l-7.2-2L116.8,2.2z M120.2,14.8c1.1,0.3,1.9-0.1,2.1-1.1c0.2-0.8-0.2-1.7-1.3-2l-3.6-1l-0.9,3.1
                                        L120.2,14.8z M121.7,9.2c0.9,0.3,1.7-0.2,1.9-1c0.2-0.8-0.2-1.6-1.1-1.9l-3.5-1l-0.8,2.9L121.7,9.2z"/>
                                    <path class="st0" d="M135.1,8.3l2.6,1.2L132,21.9l-2.6-1.2L135.1,8.3z"/>
                                    <path class="st0" d="M150.9,16.9c2.3,1.6,3,3.7,3,5.7l-2.7-0.3c0-1.2-0.5-2.4-1.7-3.2c-2.1-1.4-4.6-0.8-6.1,1.3
                                        c-1.4,2.1-1,4.7,1,6.1c1,0.7,2.2,0.9,3,0.8l0.9-1.4l-3-2l1.4-2.1l5.4,3.7l-2.9,4.3c-2,0.5-4.2,0.2-6.3-1.1
                                        c-3.3-2.2-4.4-6.4-2-10C143.4,15.1,147.7,14.7,150.9,16.9z"/>
                                </g>
                            </g>
                            <g>
                                <g>
                                    <path class="st0" d="M177.3,53l-9.4,2.3l-1.5-2.7l10.2-9.9l1.5,2.9l-7.6,6.8l9.9-2.4l1.1,2l-7.5,6.9l9.8-2.6l1.6,2.9l-13.9,3
                                        l-1.5-2.7L177.3,53z"/>
                                    <path class="st0" d="M187.7,66.4l0.9,2.8l-13.1,4l-0.9-2.8L187.7,66.4z"/>
                                    <path class="st0" d="M186.7,80.9l-9.1,1.2l-0.4-2.9l13.6-1.8l0.4,3l-7.9,7.5l8.8-1.2l0.4,2.9l-13.6,1.8l-0.4-2.8L186.7,80.9z"/>
                                    <path class="st0" d="M191.8,109l-1.3,7.1c-0.5,2.6-2.4,3.6-4.2,3.2c-1.7-0.3-2.6-1.6-2.6-2.9c-0.5,1.4-2.1,2.3-3.8,2
                                        c-2-0.4-3.4-2-2.9-4.6l1.4-7.3L191.8,109z M179.5,113.5c-0.2,1.1,0.3,1.8,1.3,2c0.8,0.2,1.7-0.3,1.9-1.4l0.7-3.7l-3.2-0.6
                                        L179.5,113.5z M185.1,114.5c-0.2,1,0.3,1.7,1.2,1.8c0.8,0.2,1.6-0.3,1.8-1.3l0.7-3.6l-3-0.6L185.1,114.5z"/>
                                    <path class="st0" d="M187.2,127.8l-1,2.7l-12.8-4.7l1-2.7L187.2,127.8z"/>
                                    <path class="st0" d="M179.9,144.3c-1.4,2.5-3.5,3.3-5.4,3.4l0.1-2.8c1.2-0.1,2.4-0.7,3.1-2c1.2-2.2,0.5-4.7-1.8-5.9
                                        c-2.2-1.3-4.8-0.7-6,1.5c-0.6,1.1-0.7,2.3-0.6,3.1l1.4,0.8l1.8-3.2l2.2,1.2l-3.2,5.7l-4.5-2.6c-0.7-2-0.6-4.2,0.6-6.3
                                        c2-3.5,6-5,9.8-2.8C181.1,136.6,181.8,140.8,179.9,144.3z"/>
                                </g>
                            </g>
                            <g>
                                <g>
                                    <path class="st0" d="M15.2,139.6l9.4-2.3l1.5,2.7l-10.2,9.9l-1.5-2.9l7.6-6.8l-9.9,2.4l-1.1-2l7.5-6.9l-9.8,2.6l-1.6-2.9l13.9-3
                                        l1.5,2.7L15.2,139.6z"/>
                                    <path class="st0" d="M4.8,126.2l-0.9-2.8l13.1-4l0.9,2.8L4.8,126.2z"/>
                                    <path class="st0" d="M5.8,111.7l9.1-1.2l0.4,2.9l-13.6,1.8l-0.4-3l7.9-7.5l-8.8,1.2L0,103l13.6-1.8L14,104L5.8,111.7z"/>
                                    <path class="st0" d="M0.8,83.6l1.3-7.1c0.5-2.6,2.4-3.6,4.2-3.2c1.7,0.3,2.6,1.6,2.6,2.9c0.5-1.4,2.1-2.3,3.8-2
                                        c2,0.4,3.4,2,2.9,4.6l-1.4,7.3L0.8,83.6z M7.4,78.1c0.2-1-0.3-1.7-1.2-1.8c-0.8-0.2-1.6,0.3-1.8,1.3l-0.7,3.6l3,0.6L7.4,78.1z
                                        M13,79.1c0.2-1.1-0.3-1.8-1.3-2c-0.8-0.2-1.7,0.3-1.9,1.4l-0.7,3.7l3.2,0.6L13,79.1z"/>
                                    <path class="st0" d="M5.4,64.8l1-2.7l12.8,4.7l-1,2.7L5.4,64.8z"/>
                                    <path class="st0" d="M12.7,48.3c1.4-2.5,3.5-3.3,5.4-3.4L18,47.7c-1.2,0.1-2.4,0.7-3.1,2c-1.2,2.2-0.5,4.7,1.8,5.9
                                        c2.2,1.3,4.8,0.7,6-1.5c0.6-1.1,0.7-2.3,0.6-3.1l-1.4-0.8l-1.8,3.2l-2.2-1.2l3.2-5.7l4.5,2.6c0.7,2,0.6,4.2-0.6,6.3
                                        c-2,3.5-6,5-9.8,2.8C11.5,56,10.7,51.8,12.7,48.3z"/>
                                </g>
                            </g>
                            <g>
                                <g>
                                    <path class="st0" d="M45.8,160.7l5.3,3.6c2.4,1.7,2.6,4.3,1.3,6.2c-1.3,2-3.8,2.7-6.3,1l-2.9-2l-2.8,4l-2.4-1.7L45.8,160.7z
                                        M49.3,166.2l-2.6-1.8l-2.1,3.1l2.6,1.8c0.9,0.7,2.1,0.5,2.7-0.4C50.5,167.9,50.2,166.8,49.3,166.2z"/>
                                    <path class="st0" d="M59.2,169.3l2.7,1.2l-4.6,10.1l5.3,2.4l-1.1,2.3l-7.9-3.6L59.2,169.3z"/>
                                    <path class="st0" d="M77.9,187.5l-5.9-1.4l-1.4,2.1l-3.1-0.7l8.3-12.1l3.6,0.8l2,14.5l-3.1-0.7L77.9,187.5z M73.3,183.9l4.4,1
                                        l-0.8-6.6L73.3,183.9z"/>
                                    <path class="st0" d="M91,185.9l-4.9-8.3l3.3,0.1l3.2,5.6l3.6-5.3l3.3,0.1l-5.6,7.8l-0.2,5.6l-2.9-0.1L91,185.9z"/>
                                    <path class="st0" d="M112.6,176.6l6.9-1.9c2.5-0.7,4.2,0.6,4.7,2.3c0.4,1.7-0.3,3-1.4,3.6c1.5-0.2,3,0.9,3.4,2.5
                                        c0.5,2-0.4,3.9-2.9,4.6l-7.2,2L112.6,176.6z M120.3,180.1c0.9-0.3,1.4-1,1.1-1.9c-0.2-0.8-1-1.3-1.9-1l-3.5,1l0.8,2.9
                                        L120.3,180.1z M121.9,185.6c1.1-0.3,1.5-1.1,1.3-2c-0.2-0.8-1-1.4-2.1-1.1l-3.6,1l0.8,3.1L121.9,185.6z"/>
                                    <path class="st0" d="M128.6,171.4l2.7-1.2l5.6,12.5l-2.7,1.2L128.6,171.4z"/>
                                    <path class="st0" d="M142,163.7c2.3-1.6,4.6-1.4,6.4-0.7l-1.3,2.4c-1.1-0.5-2.5-0.4-3.7,0.4c-2.1,1.4-2.5,4-1.1,6.1
                                        s4,2.7,6.1,1.3c1-0.7,1.7-1.7,1.9-2.5l-0.9-1.4l-3,2l-1.4-2.1l5.4-3.6l2.9,4.3c-0.3,2.1-1.3,4-3.4,5.4c-3.3,2.2-7.6,1.7-10-1.8
                                        C137.5,170,138.7,165.9,142,163.7z"/>
                                </g>
                            </g>
                            <ellipse class="st0" cx="31.2" cy="37.4" rx="2" ry="2"/>
                            <ellipse class="st0" cx="161.2" cy="37.4" rx="2" ry="2"/>
                            <ellipse class="st0" cx="31.2" cy="156.7" rx="2" ry="2"/>
                            <ellipse class="st0" cx="161.2" cy="156.7" rx="2" ry="2"/>
                        </g>
                    </g>
                    </svg>

                </div>
                <div class="rotating-words two normal"></div>
                <div class="rotating-words three normal"></div>
            </div>

            
            <div class="stars-big">
                <div class="star one"></div>
                <div class="star two"></div>
                <div class="star three"></div>
                <div class="star four"></div>
                <div class="star five"></div>
                <div class="star six"></div>
            </div>

            <div class="stars-small">
                <div class="star one"></div>
                <div class="star two"></div>
                <div class="star three"></div>
                <div class="star four"></div>
                <div class="star five"></div>
                <div class="star six"></div>
                <div class="star seven"></div>
                <div class="star eight"></div>
            </div>

            <div class="grid-group">
                <div class="grid-animation one">
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="grid"></div>
                </div>

                <div class="grid-animation two">
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="grid"></div>
                </div>

                <div class="grid-animation three">
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="grid"></div>
                </div>
            </div>

            <div class="bubble-group">
                <div class="bubble-cluster one">
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                </div>
                <div class="bubble-cluster two bottom">
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                </div>

                <div class="bubble-cluster three">
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                </div>
                <div class="bubble-cluster four bottom">
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                </div>

                <div class="bubble-cluster five">
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                </div>
                <div class="bubble-cluster six bottom">
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                </div>

                <div class="bubble-cluster seven">
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                </div>
                <div class="bubble-cluster eight bottom">
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                </div>

                <div class="bubble-cluster nine">
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                </div>
                <div class="bubble-cluster ten bottom">
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                    <div class="dot"><div class="img"></div></div>
                </div>
            </div>
            
            <div class="meter-animation-group">
                <div class="meter-animation one tilted">
                    <div class="dot"></div>
                    <div class="dot"></div>
                    <div class="dot"></div>
                    <div class="meter"></div>
                </div>

                <div class="meter-animation two">
                    <div class="dot"></div>
                    <div class="dot"></div>
                    <div class="dot"></div>
                    <div class="meter"></div>
                </div>

                <div class="meter-animation three tilted">
                    <div class="dot"></div>
                    <div class="dot"></div>
                    <div class="dot"></div>
                    <div class="meter"></div>
                </div>

                <div class="meter-animation four tilted">
                    <div class="dot"></div>
                    <div class="dot"></div>
                    <div class="dot"></div>
                    <div class="meter"></div>
                </div>
            </div>
            
            <div class="meter-animation-two-group">
                <div class="meter-animation-two one">
                    <div class="dot"></div>
                    <div class="dot"></div>
                    <div class="dot"></div>
                    <div class="meter"></div>
                </div>

                <div class="meter-animation-two two">
                    <div class="dot"></div>
                    <div class="dot"></div>
                    <div class="dot"></div>
                    <div class="meter"></div>
                </div>
            </div>

            <div class="tube-animation-group">
                <div id="tubeL" class="tube-animation one"><?php include './svg/tube-l.php'; ?></div>
                <div class="tube-animation two"></div>
                <div class="tube-animation two mobile d-md-none"></div>
                <div id="tubeV" class="tube-animation three"><?php include './svg/tube-v.php'; ?></div>
            </div>
            
            <div class="hero-static">
                <div class="item basket-ball"></div>
                <div class="item try-again"></div>
                <div class="item make">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.79 81.79"><defs><style>.cls-1{fill:#310167;stroke:#f32b94;stroke-miterlimit:10;stroke-width:1.25px;}.cls-2{fill:#6200ea;}</style></defs><g id="Camada_2" data-name="Camada 2"><g id="Camada_1-2" data-name="Camada 1"><circle class="cls-1" cx="40.89" cy="40.89" r="40.27"/><path class="cls-2" d="M14.32,33.71h5.46q3.63,0,3.45,3.93l-.35,6.8q-.22,3.89-3.83,3.89H16.56l-.42,8.3h-3Zm2.4,11.84h1.91c.79,0,1.2-.44,1.25-1.34l.35-6.38a1.13,1.13,0,0,0-.86-1.33,1.19,1.19,0,0,0-.42,0H17.2Z"/><path class="cls-2" d="M26.2,56.63l1.18-22.92h3L29.2,56.63Z"/><path class="cls-2" d="M42.87,51.27l-.1,1.47c-.13,2.6-1.39,3.89-3.8,3.89H37.06c-2.41,0-3.55-1.29-3.42-3.89l.8-15.14c.13-2.59,1.39-3.89,3.8-3.89h1.91q3.6,0,3.42,3.89l-.13,2.59h-3l.13-2.36a1.13,1.13,0,0,0-.86-1.33,1.19,1.19,0,0,0-.42,0h-.61c-.78,0-1.2.44-1.24,1.34l-.8,14.69c0,.89.33,1.34,1.12,1.34h.77c.78,0,1.2-.45,1.24-1.34l.1-1.25Z"/><path class="cls-2" d="M49.51,56.63h-3l1.18-22.92h3Zm6.93,0h-3l-3.19-11.2v-.2L54,33.71h2.74L53,45.11Z"/><path class="cls-2" d="M66.37,39.87l.09-2c.07-.92-.34-1.37-1.21-1.37h-.48c-.85,0-1.31.45-1.37,1.37l-.19,3.8a1,1,0,0,0,.2.86,5.74,5.74,0,0,0,.79.58l2.74,1.56a9.9,9.9,0,0,1,1.29.85,2.29,2.29,0,0,1,.58.73A3.84,3.84,0,0,1,69,47.9l-.25,4.88c-.13,2.58-1.41,3.86-3.83,3.86H63q-3.61,0-3.39-4.21l.07-1.15h3l-.1,1.25a1.12,1.12,0,0,0,.88,1.33,1.08,1.08,0,0,0,.4,0h.54c.79,0,1.2-.45,1.25-1.34l.22-3.9a1.1,1.1,0,0,0-.21-.86,7.16,7.16,0,0,0-.78-.58l-2.75-1.63a7.67,7.67,0,0,1-1.32-.86,1.78,1.78,0,0,1-.56-.91,4.41,4.41,0,0,1-.13-1.45l.26-4.69c.13-2.62,1.39-3.93,3.8-3.93H66q3.6,0,3.42,3.93l-.13,2.23Z"/><path class="cls-2" d="M33.61,23.74v-5.9l-2.3,5.9h-.76l-2.31-5.9v5.9H26.5V15.56h2.44l2,5.12,2-5.12H35.4v8.18Z"/><path class="cls-2" d="M40.51,23.74v-.62a2.43,2.43,0,0,1-1.88.77,2,2,0,0,1-2-2A1.89,1.89,0,0,1,38.48,20h.15a2.41,2.41,0,0,1,1.88.73V20c0-.6-.52-1-1.3-1a2.47,2.47,0,0,0-1.71.69l-.61-1.09a3.82,3.82,0,0,1,2.59-.93c1.36,0,2.6.54,2.6,2.25v3.82Zm0-1.42v-.74a1.61,1.61,0,0,0-1.25-.52c-.62,0-1.12.33-1.12.89s.5.88,1.12.88a1.56,1.56,0,0,0,1.25-.51Z"/><path class="cls-2" d="M47.45,23.74l-1.57-2.28-.71.76v1.52H43.61V15.56h1.56v4.9l2.25-2.64h1.91L47,20.5l2.41,3.24Z"/><path class="cls-2" d="M49.72,20.77a3,3,0,0,1,2.89-3.1h.18a3,3,0,0,1,3,3c0,.09,0,.17,0,.26v.37H51.38a1.59,1.59,0,0,0,1.71,1.32A2.44,2.44,0,0,0,54.66,22l.7,1a3.68,3.68,0,0,1-2.44.82,3,3,0,0,1-3.2-2.79C49.72,21,49.71,20.87,49.72,20.77ZM52.79,19a1.36,1.36,0,0,0-1.45,1.26h2.92A1.37,1.37,0,0,0,52.8,19Z"/></g></g></svg>
                </div>
            </div>
        </div>
        
    </div>
    <div class="container">
        <div class="hero-and-phone">
            <div class="hero-copy">
                <div class="description">
                    <h2>How Long Can<br> You Streak?</h2>
                    <p>Compete for FREE against sports fans. Make picks, <span class="desktop-break"></span>collect streaks, win cash, crypto or prizes guaranteed.*</p>
                </div>
                <form action="" class="form-playnow">      
                    <input type="tel" name="phone"  class="input-tel" placeholder="Enter Phone Number">
                    <button type="submit" class="large-button">Play Now!</button>
                </form>
           </div>
            <div class="phone-container">
                <div class="phone">
                    <video poster="video/streaks-home.png" src="video/streaks-home.mp4" preload="auto" autoplay muted playsinline webkit-playsinline oncontextmenu="return false" loop></video>
                </div>
                <div class="shadow"></div>
            </div>
        </div> 
    </div>
    <div class="hero-shadow"></div>
</section>
