.icon svg{width:2rem;height:2em}.icon #vedio{fill:var(--green);transition:all .3s}.icon:hover #vedio{fill:var(--white)}.icon:hover svg{animation:.4s rotate}.herotitles{z-index:8!important}@keyframes rotate{0%{rotate:none}to{rotate:360deg}}@keyframes heroTitleFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{opacity:0;animation:.8s cubic-bezier(.23,.48,.26,.94) forwards heroTitleFadeInUp}.hero-title-1{animation-delay:.3s}.hero-title-2{animation-delay:.6s}.hero-title-3{animation-delay:.9s}.hero-video-container{width:100%;max-width:420px;height:100%;max-height:500px;position:relative}.hero-video-mask{width:100%;height:100%;-webkit-mask-image:url(/hero-mask.svg);mask-image:url(/hero-mask.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--mask-start-x,50%)var(--mask-start-y,50%);-webkit-mask-position:var(--mask-start-x,50%)var(--mask-start-y,50%);mask-position:var(--mask-start-x,50%)var(--mask-start-y,50%);transition:-webkit-mask-position .9s ease-out,mask-position .9s ease-out,-webkit-mask-size .9s ease-out,mask-size .9s ease-out;display:block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.hero-video-mask video{object-fit:cover;width:100%;height:100%;display:block}.hero-video-mask.animated{-webkit-mask-position:var(--mask-x,50%)var(--mask-y,50%);-webkit-mask-position:var(--mask-x,50%)var(--mask-y,50%);mask-position:var(--mask-x,50%)var(--mask-y,50%);-webkit-mask-size:var(--mask-width,420px)var(--mask-height,500px);-webkit-mask-size:var(--mask-width,420px)var(--mask-height,500px);mask-size:var(--mask-width,420px)var(--mask-height,500px)}@media (max-width:768px){.hero-video-mask.animated{-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:90vw 500px;mask-size:90vw 500px}}@media (min-width:769px) and (max-width:1023px){.hero-video-mask.animated{-webkit-mask-size:400px 480px;mask-size:400px 480px}}