.dashed-line{position:relative}.dashed-line:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;border-bottom:3px dashed #000;overflow:hidden}.dashed-line:hover:before{animation:dash-expand 1s forwards}.dashed-line:not(:hover):before{animation:dash-contract 1s forwards}@keyframes dash-expand{0%{width:0}to{width:100%}}@keyframes dash-contract{0%{width:100%}to{width:0}}.dashed-line .img{transition:width .5s}.dashed-line2{transition:margin .5s}.dashed-line2 .img{transition:width .5s}.dashed-line:hover .img{width:120px;-o-object-fit:cover;object-fit:cover}.dashed-line2:hover{margin-left:20px;transition:margin .5s}.dashed-line2:hover .img{width:120px;-o-object-fit:cover;object-fit:cover;transition:width .5s}@media screen and (max-width:960px){.dashed-line:hover:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;border-bottom:none;animation:dash 1s forwards;overflow:hidden}}@media screen and (max-width:1500px){.dashed-line:hover .img{width:90px}}@media screen and (max-width:700px){.hero{background-position:50%}.dashed-line:hover .img{width:41px}}.underline_{position:relative;display:inline-block;cursor:pointer;border:none}.underline_:after{content:"";position:absolute;width:100%;height:1px;bottom:-3px;left:0;background-color:transparent;border-bottom:3px dashed #000;transform:scaleX(0);transform-origin:bottom left;transition:transform .8s ease-out}.underline_:hover:after{transform:scaleX(1);transform-origin:bottom left}.underline_button{position:relative;cursor:pointer;border:none}.underline_button:after{content:"";position:absolute;width:100%;height:1px;bottom:-3px;left:0;background-color:transparent;border-bottom:3px dashed #000;transform:scaleX(0);transform-origin:bottom left;transition:transform .8s ease-out}.underline_button:hover:after{transform:scaleX(1);transform-origin:bottom left}.progress-line{position:relative}.progress-line:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;border-bottom:4px solid #df1780;animation:dash 1s infinite}@keyframes dash{0%{width:0}to{width:100%}}@media screen and (max-width:600px){.kid{background-position:50%}}.scroll-area,.scroll-container{height:100vh;font-size:60px;background-repeat:no-repeat;background-size:cover;background-position:50%}.scroll-container{overflow:auto;scroll-snap-type:y mandatory;transition:all .1s}.scroll-area{scroll-snap-align:start;transition:all .1s}.scroll-area,.scroll-container{margin:0 auto}.scroll-area{display:flex;align-items:center;justify-content:center;color:#fff}