header{width:100%;padding:1em 2em;display:flex;justify-content:space-between;align-items:center}header .header-logo{width:60px;height:60px;cursor:none}@media only screen and (min-width: 2560px){header .header-logo{width:110px;height:110px}}@media only screen and (max-width: 767px){header .header-logo{width:40px;height:40px}}header .header-logo svg{pointer-events:none}header .header-nav{height:fit-content}@media only screen and (max-width: 767px){header .header-nav{display:none}}header .header-nav ul{display:flex;align-items:center;justify-content:space-between;column-gap:35px}@media only screen and (max-width: 1024px){header .header-nav ul{column-gap:25px}}@media only screen and (min-width: 2560px){header .header-nav ul{column-gap:80px}}header .header-nav ul li{list-style:none;position:relative;padding:.25em .5em}header .header-nav ul li a{text-decoration:none;cursor:none;position:relative}header .header-nav ul li a::before{position:absolute;content:"";bottom:.1em;left:0;height:1px;border-bottom:3px solid var(--color-text);width:100%;transform:scaleX(0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform-origin:left;transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-ms-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out}header .header-nav ul li a:hover::before{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-ms-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out}header .header-nav ul .navLinkActive::before{content:"";position:absolute;left:calc(50% - 3px);bottom:-4px;width:6px;height:6px;background:var(--color-text);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}