.hero-image{position:relative}.hero-image picture img{width:100%}.hero-animation{position:absolute}.hero-ring{bottom:0;left:0;right:0;z-index:-1}.hero-ring svg{width:100%}.hero-chart{left:-80px;top:0}@media only screen and (max-width:1199px){.hero-chart{left:-50px}}@media only screen and (max-width:991px){.hero-chart{left:0}}.hero-chart svg{width:17.5rem}.hero-info svg{width:16.25rem}.hero-info3{bottom:3.125rem;right:0}.hero-info2{bottom:6.25rem;right:0}.hero-info1{bottom:9.375rem;right:0}.hero-chart,.hero-ring,.hero-info1,.hero-info2,.hero-info3{opacity:0;transform:translateY(3.75rem);transition:opacity 0.3s ease-out,transform 0.3s ease-out}.hero-info1,.hero-info2,.hero-info3{transform:translateX(-3.75rem)}@keyframes fadeUp{from{opacity:0;transform:translateY(3.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeRight{from{opacity:0;transform:translateX(-3.75rem)}to{opacity:1;transform:translateX(0)}}.animate-fadeup{animation:fadeUp 2s cubic-bezier(.4,0,.2,1) forwards}.animate-faderight{animation:fadeRight 1.2s cubic-bezier(.4,0,.2,1) forwards}.hero-chart.animate-fadeup,.hero-ring.animate-fadeup,.hero-info1.animate-faderight{animation-duration:2.4s;animation-timing-function:cubic-bezier(.25,.1,.25,1)}@media only screen and (max-width:1199px){.hero-info3{bottom:1.875rem}.hero-info2{bottom:5rem}.hero-info1{bottom:8.125rem}}@media only screen and (min-width:992px) and (max-width:1199px){.hero-chart svg{width:11.25rem}}@media only screen and (max-width:767px){.hero-chart svg{width:9.375rem}}