#nav-icon{width:16px;height:16px;position:relative;transform:rotate(0);transition:.5s ease-in-out;cursor:pointer}#nav-icon span{display:block;position:absolute;height:2px;width:100%;background:#000;border-radius:9px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}#nav-icon span:nth-child(1){top:0}#nav-icon span:nth-child(2),#nav-icon span:nth-child(3){top:6px}#nav-icon span:nth-child(4){top:12px}#nav-icon.open span:nth-child(1){top:18px;width:0%;left:50%}#nav-icon.open span:nth-child(2){transform:rotate(45deg)}#nav-icon.open span:nth-child(3){transform:rotate(-45deg)}#nav-icon.open span:nth-child(4){top:18px;width:0%;left:50%}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.transition-transform{transition:transform .5s ease-in-out}.translate-y-0{transform:translateY(0)}.-translate-y-full{transform:translateY(-100%)}.footer-bg{background-image:url(./footer_mobile_background-CH08YvN9.webp)}@media (min-width: 768px){.footer-bg{background-image:url(./footer_desktop_background-CQ8kqldv.webp)}}