.header{display:flex;align-items:center;justify-content:space-between}.header .header-nav{background:radial-gradient(50% 50% at 50% 50%,#fffc,#fafafacc);backdrop-filter:blur(5px)}.header .header-link-head{position:relative;display:flex;align-items:center}.header .header-link-head .heder-before{pointer-events:none;position:absolute;left:0;top:0;z-index:5;height:100%;width:var(--width);--tw-translate-x: var(--left);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;opacity:var(--opacity);transition-duration:calc(var(--opacity)* .6s),.6s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.19,1,.22,1);background:var(--primary-gradient)}.header .header-link-head .header-link{position:relative;z-index:10;border-radius:9999px;padding:.75rem 1.5rem;text-transform:capitalize}.hamburger{display:flex;width:32px;height:32px;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-color:var(--mediumGrey);background-color:transparent;--tw-shadow: -62px -62px 25px 0px rgba(0, 0, 0, 0), -40px -40px 23px 0px rgba(0, 0, 0, .01), -22px -22px 19px 0px rgba(0, 0, 0, .02), -10px -10px 14px 0px rgba(0, 0, 0, .03), -2px -2px 8px 0px rgba(0, 0, 0, .04);--tw-shadow-colored: -62px -62px 25px 0px var(--tw-shadow-color), -40px -40px 23px 0px var(--tw-shadow-color), -22px -22px 19px 0px var(--tw-shadow-color), -10px -10px 14px 0px var(--tw-shadow-color), -2px -2px 8px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hamburger:hover{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media(min-width:640px){.hamburger{width:6.25vw;height:6.25vw}}@media(min-width:1150px){.hamburger{display:none;width:3.333vw;height:3.333vw}}.hamburger{transition:var(--transition)}.hamburger .icon{display:flex;width:14px;--tw-scale-x: .8;--tw-scale-y: .8;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;align-items:flex-end;gap:.25rem}@media(min-width:640px){.hamburger .icon{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media(min-width:1921px){.hamburger .icon{width:.729vw;gap:.208vw}}.hamburger .icon span{transition:var(--transition);height:2px;width:100%;flex-shrink:0;border-radius:8px;background-color:var(--Black)}@media(min-width:1921px){.hamburger .icon span{height:.104vw}}.hamburger.show{border-color:var(--Black)}.hamburger .icon span:nth-child(2){width:9px}@media(min-width:1921px){.hamburger .icon span:nth-child(2){width:.469vw}}.hamburger.show .icon span:nth-child(1){--tw-translate-y: 6px;--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(min-width:1921px){.hamburger.show .icon span:nth-child(1){--tw-translate-y: .313vw;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.hamburger.show .icon span:nth-child(2){width:0;opacity:0}.hamburger.show .icon span:nth-child(3){--tw-translate-y: -6px;--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(min-width:1921px){.hamburger.show .icon span:nth-child(3){--tw-translate-y: -.313vw;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}
