.hero{background-color:#101820;min-height:70vh}.hero .info h1{font-weight:800}.hero .info h1 strong{color:#ff42fa}@media (min-width:1200px){.hero .info .bg{align-items:flex-end;background-repeat:no-repeat;background-size:90%;border-radius:2rem 2rem 0 0;bottom:0;left:0;mask-image:linear-gradient(180deg,#000 0,transparent 88%);min-height:560px;position:absolute;right:0;top:15%}.hero .info,.hero .info .bg{display:flex;justify-content:center}.hero .info{flex-direction:column;margin:0 auto;min-height:65vh;padding:50px 50px 0;position:relative}.hero .info .contents{align-self:center;bottom:-50px;color:#fff;justify-items:center;max-height:560px;max-width:90%;padding:50px 50px 0;position:absolute;text-align:center;z-index:1}.hero .info .contents p{max-width:70%}.hero .container-fluid{padding:0}.hero .image{display:flex;justify-content:end}.hero .buttons{display:flex;gap:5rem}}body.loaded .hero .info{animation:fadeInLeft;animation-duration:1s;opacity:1}body.loaded .hero img{animation:fadeInDown;animation-duration:2s}body.loaded .hero .items span{animation:fadeInLeft;animation-duration:1.5s;opacity:1}body.loaded .hero .items p{animation:fadeInLeft;animation-duration:2s;opacity:1}@media (max-width:1199.98px){.hero{align-items:center;display:flex;padding:70px 0 30px}body.loaded .hero h1{font-size:32px;line-height:42px}}