.hero-text{text-align:center;padding:220px 0 60px}@media only screen and (width<=1024px){.hero-text{padding:120px 0 60px}}@media only screen and (width<=767px){.hero-text{padding:116px 0 15px}}.hero-text h1{opacity:1;color:#4f1a75;margin:0;font-weight:400;line-height:1}.hero-text h1>*{opacity:0;color:#4f1a75;transition:opacity 1s linear .2s,color .5s linear 2s}.hero-text h1>:nth-child(2){transition-delay:1.3s,2.8s}.hero-text h1.inview-active>*{opacity:1;color:#000}.hero-text h1 span{display:block}@media only screen and (width<=1023px){.hero-text h1 span{font-size:clamp(32.64px,10.2vw,48.96px)}}@media only screen and (width>=768px){.hero-text h1 span{font-size:clamp(66.67px,8.68vw,166.67px)}}.hero-text h1 span:not(:first-of-type){font-weight:700}