@keyframes slideDownFade{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.nav-animate{opacity:0;animation:slideDownFade .7s ease-out forwards}@keyframes slideLeftFade{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.hero-left-animate{opacity:0;animation:slideLeftFade 1s ease-out 1s forwards}@keyframes slideRightFade{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.hero-right-animate{opacity:0;animation:slideRightFade 1s ease-out 1s forwards}.benefits-title-animate{opacity:0;transform:translateY(-50px);transition:opacity .8s ease-out,transform .8s ease-out}.benefits-title-visible{opacity:1;transform:translateY(0)}.benefits-circle-animate{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out}.benefits-circle-visible{opacity:1}.benefits-card-animate{opacity:0;transform:translateY(60px);transition:opacity .8s ease-out,transform .8s ease-out}.benefits-card-visible{opacity:1;transform:translateY(0)}.lowongan-title-animate{opacity:0;transform:translateY(-50px);transition:opacity .8s ease-out,transform .8s ease-out}.lowongan-title-visible{opacity:1;transform:translateY(0)}.lowongan-circle-top-animate{opacity:0;transform:translate(-100px) translateY(-50px);transition:opacity .8s ease-out,transform .8s ease-out}.lowongan-circle-bottom-animate{opacity:0;transform:translate(100px) translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.lowongan-circle-visible{opacity:1;transform:translate(0)}.lowongan-card-animate{opacity:0;transform:translateY(60px);transition:opacity .8s ease-out,transform .8s ease-out}.lowongan-card-visible{opacity:1;transform:translateY(0)}.footer-animate{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.footer-visible{opacity:1;transform:translateY(0)}.slide-menu-enter-active,.slide-menu-leave-active{transition:transform .3s ease-out}.slide-menu-enter-from,.slide-menu-leave-to{transform:translate(100%)}.slide-menu-enter-to{transform:translate(0)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 768px){.benefits-title-animate,.lowongan-title-animate{transform:translateY(-30px)}.benefits-card-animate,.lowongan-card-animate{transform:translateY(40px)}.lowongan-circle-top-animate{transform:translate(-50px) translateY(-30px)}.lowongan-circle-bottom-animate{transform:translate(50px) translateY(30px)}}