body{margin:0;padding:0}.navbar{align-items:center;background-color:#fff;box-shadow:0 0 0 rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:15px 20px;position:relative}.logo{max-width:260px}.nav-links{align-items:center;display:flex;justify-content:flex-end;list-style:none;margin:0;padding:0}.nav-links li{margin:0 15px;position:relative}.nav-links a{color:#ff5900;display:inline-block;font-size:20px;font-weight:700;padding:10px 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-links a:before{left:0;top:0}.nav-links a:after,.nav-links a:before{background-color:#17361a;content:"";height:3px;position:absolute;transition:width .3s ease-in-out;width:0}.nav-links a:after{bottom:0;right:0}.nav-links a:hover:after,.nav-links a:hover:before{color:#ff5900;width:100%}.toggle-btn{background-color:#fff;border:none;color:#ff5900;cursor:pointer;display:none;font-size:40px}@media (max-width:768px){.nav-links{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;flex-direction:column;left:0;padding:10px 0;position:absolute;text-align:center;top:100%;transition:all .3s ease-in-out;width:100%}.nav-links.active{display:flex!important}.toggle-btn{display:block}}