.header{--background-color:hsla(0,0%,100%,0);--default-color:#fff;--heading-color:#fff;color:var(--default-color);background-color:var(--background-color);padding:20px 0;transition:all .5s;z-index:997}.header .logo img{max-height:32px;margin-right:8px}.header .logo h1{font-size:24px;margin:0;font-weight:700;color:var(--heading-color)}.header .logo span{font-size:24px;padding-left:1px;font-family:var(--heading-font);color:var(--color-primary)}.scrolled .header{box-shadow:0 0 18px rgba(0,0,0,.1);--background-color:hsla(0,0%,100%,.95);--heading-color:#3c3c3c;--nav-color:#3c3c3c;--nav-hover-color:#3c3c3c}@media (min-width:1200px){.navmenu{padding:0}.navmenu ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navmenu li{position:relative}.navmenu>ul>li{white-space:nowrap;padding:15px 14px}.navmenu>ul>li:last-child{padding-right:0}.navmenu a,.navmenu a:focus{color:var(--nav-color);font-size:14px;padding:0 2px;font-family:var(--nav-font);font-weight:500;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.3s;position:relative;text-transform:uppercase;text-decoration:none}.navmenu a i,.navmenu a:focus i{font-size:12px;line-height:0;margin-left:5px;transition:.3s}.navmenu>ul>li>a:before{content:"";position:absolute;height:2px;bottom:-6px;left:0;background-color:var(--accent-color);visibility:hidden;width:0;transition:all .3s ease-in-out 0s}.navmenu .active:before,.navmenu a:hover:before,.navmenu li:hover>a:before{visibility:visible;width:100%}.navmenu .active,.navmenu .active:focus,.navmenu li:hover>a{color:var(--nav-hover-color)}}@media (max-width:1199px){.mobile-nav-toggle{color:var(--nav-color);font-size:28px;line-height:0;margin-right:10px;cursor:pointer;transition:color .3s}.navmenu{padding:0;z-index:9997}.navmenu ul{display:none;list-style:none;position:absolute;inset:60px 20px 20px 20px;padding:10px 0;margin:0;border-radius:6px;background-color:var(--nav-mobile-background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:none;overflow-y:auto;transition:.3s;z-index:9998}.navmenu a,.navmenu a:focus{color:var(--nav-dropdown-color);padding:10px 20px;font-family:var(--nav-font);font-size:17px;font-weight:500;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.3s;text-decoration:none}.navmenu a i,.navmenu a:focus i{font-size:12px;line-height:0;margin-left:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s;background-color:color-mix(in srgb,var(--accent-color),transparent 90%)}.navmenu a i:hover,.navmenu a:focus i:hover{background-color:var(--accent-color);color:var(--contrast-color)}.navmenu .active,.navmenu .active:focus,.navmenu a:hover{color:var(--nav-dropdown-hover-color)}.navmenu .active i,.navmenu .active:focus i{background-color:var(--accent-color);color:var(--contrast-color);transform:rotate(180deg)}.mobile-nav-active{overflow:hidden}.mobile-nav-active .mobile-nav-toggle{color:#fff;position:absolute;font-size:32px;top:15px;right:15px;margin-right:0;z-index:9999}.mobile-nav-active .navmenu{position:fixed;overflow:hidden;inset:0;background:rgba(33,37,41,.8);transition:.3s}.mobile-nav-active .navmenu>ul{display:block}}@media (max-width:768px){.header .logo img{max-width:70%;height:auto}}