.hero{text-align:center;position:relative;z-index:3;overflow:hidden;height:100vh;height:calc(var(--vh, 1vh) * 100)}.hero:after{content:'';position:absolute;top:0;z-index:-1;right:0;left:0;bottom:0;background:#06a;background:-moz-linear-gradient(top,rgba(30,52,93,1) 0%,rgba(0,102,170,1) 100%);background:-webkit-linear-gradient(top,rgba(30,52,93,1) 0%,rgba(0,102,170,1) 100%);background:linear-gradient(to bottom,rgba(30,52,93,1) 0%,rgba(0,102,170,1) 100%)}#lottie1{position:absolute;left:50%;width:1000px;transform:translateX(-50%);bottom:8%;top:8%;z-index:4}.hero .anchor-btn2{position:absolute;z-index:5;left:50%;bottom:20px;width:50px;margin:0 0 0 -25px;text-align:center}.hero .anchor-btn2 svg{display:block;margin:0;width:30px;height:45px}.hero .anchor-btn2 .arrow{display:block;width:48px;height:61px;margin:0 auto;animation-name:scrollAnim;animation-duration:1s;animation-timing-function:cubic-bezier(.15,.41,.69,.94);animation-iteration-count:infinite}.hero h1{color:#fff;padding:0 9px;position:absolute;bottom:1%;left:0;right:0;text-align:center;margin:0;transform:scale(0);transform-origin:50% 20%;transition:transform 1.5s cubic-bezier(0,0,0,1)}.hero.text-visible h1{transform:scale(1)}@keyframes scrollAnim{0%{opacity:0}10%{transform:translateY(0);opacity:1}100%{transform:translateY(12px);opacity:0}}@media only screen and (min-width:1024px) and (max-height:700px){#lottie1{top:10%;bottom:10%}.hero h1{bottom:-1%;font-size:40px}}@media only screen and (max-width:1023px){#lottie1{width:700px;top:4%;bottom:9%}.hero h1{bottom:19%}}@media only screen and (max-width:767px){#lottie1{width:100%}.hero .anchor-btn2{width:20px;margin:0 0 0 -10px;bottom:12px}.hero .anchor-btn2 .arrow{width:15px;height:20px;margin:10px auto 0}.hero h1{font-size:22px;bottom:23%}}@media only screen and (max-width:767px) and (max-height:570px){.hero h1{bottom:16%}}@media only screen and (max-width:767px) and (max-height:415px){.hero h1{bottom:-1%}}