.navigation{background:var(--pozadi-menu);z-index:99;width:100%;transition:all .5s;position:fixed;top:0;left:0;overflow:hidden}.navigation-content{border-bottom:2px solid #000;justify-content:space-between;align-items:center;height:80px;padding:6px 60px;display:flex}.navigation .logo a{align-items:center;column-gap:10px;display:flex}.navigation .logo img{object-fit:cover;height:30px}.navigation .logo-name{color:#fff;letter-spacing:-1.5px;white-space:nowrap;pointer-events:auto;font-size:25px;font-weight:600;transition:all .5s}.navigation .nav-list{align-items:center;column-gap:40px;list-style:none;display:flex}.navigation li{margin:8px 10px;position:relative}.navigation li a{text-align:center;width:100%;height:100%;display:flex}.navigation li:hover a .links-name,.navigation li a.current .links-name{color:#fff}.navigation li a:after{content:"";background-color:#fff;width:0;height:4px;transition:all .3s;position:absolute;bottom:0;left:-6px}.navigation li a:hover:after,.navigation li a.current:after{width:calc(100% + 12px)}.navigation li a .links-name{white-space:nowrap;pointer-events:auto;font-size:20px;font-weight:400;transition:all .5s}