.header{align-items:center;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:15px 20px}.logo-container svg{height:75px;width:75px}.nav-links ul{align-items:flex-start;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}.nav-links li{margin:0 10px}.nav-item{color:#000;flex-direction:column;font-size:10px;text-align:center;text-decoration:none}.icon-circle,.nav-item{align-items:center;display:flex}.icon-circle{background-color:#e0e0e0;border-radius:50%;height:38px;justify-content:center;margin-bottom:5px;transition:background-color .3s;width:38px}.icon-circle svg{height:20px;transition:all .3s;width:20px}.icon-circle svg path{fill:#000}.nav-links .nav-item.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.nav-links .nav-item.disabled:hover{background-color:transparent;color:inherit}.nav-item.selected .icon-circle,.nav-item:hover .icon-circle{background-color:#ffc000}.nav-item.selected .icon-circle svg path,.nav-item:hover .icon-circle svg path{fill:#000}.nav-item.selected,.nav-item:hover{color:#000}@media (min-width:768px){.header{padding:20px 80px}.logo-container img{height:60px;width:auto}.nav-links ul{align-items:center;width:auto}.nav-links li{margin:0 20px}.nav-item{align-items:center;flex-direction:column;font-size:14px;transition:color .3s}.icon-circle{background-color:transparent}.icon-circle svg{border-radius:50%;height:35px;padding:8px;width:35px}.nav-item.selected .icon-circle,.nav-item:hover .icon-circle{background-color:#ffc000}.nav-item.selected .icon-circle svg path,.nav-item:hover .icon-circle svg path{fill:#000}.nav-item.selected,.nav-item:hover{color:#000}}