.navigation4{position:fixed;top:20%;left:2.2%;width:2.5%;background-color:#264653e6;color:#fff;padding:10px 0;z-index:999;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-shadow:0 0 5px #264653b3;animation:pulse 3s infinite alternate}.navigation4.open{width:10%;animation:none}.nav-controls{display:flex;flex-direction:column;align-items:center;width:100%}.menu-toggle-2{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px;width:100%;text-align:center}.back-button-2{background:none;border:none;color:#fff;cursor:pointer;margin-top:10px;padding:5px;width:100%;text-align:center}.back-icon{font-size:1.2rem}.menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#264653e6;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.navigation4.open .menu-list{opacity:1;visibility:visible}.menu-list li{text-align:center;padding:5px}.menu-list li a{color:#fff;text-decoration:none;display:block;width:100%}@media (max-width: 768px){.navigation4{width:8%;left:3.5%}.navigation4.open{width:40%}.menu-toggle-2,.back-button{padding:3px}}