.header {padding:0 clamp(20px,5vw,120px); min-height:100px; width:100%; display:flex; align-items:center}
.header__container {position:relative; display:flex; width:100%; justify-content:space-between; align-items:center}
.header__logo {height:60px; width:auto; display:flex; align-items:center}
.header__menu {display:flex; gap:clamp(15px,3vw,35px); padding:0; margin:0}
.header__menu-item {list-style:none; position:relative}
.header__menu-item a {display:inline-block; padding:12px 5px; text-decoration:none; font-size:clamp(14px,1.5vw,16px); font-weight:500; color:#212121; text-transform:uppercase; transition:color 0.2s}
.header__menu-item a:hover,.header__menu-item a:focus {color:#978f1c}
.header__menu-item a::after {content:""; position:absolute; bottom:8px; left:0; width:0; height:2px; background:#978f1c; transition:width 0.3s}
.header__menu-item a:hover::after,.header__menu-item a:focus::after {width:100%}
.burger {display:none; align-items:flex-end; flex-direction:column; width:30px; cursor:pointer}
.burger span {background:#212121; border-radius:10px; height:4px; margin:4px 0; transition:0.4s cubic-bezier(0.68,-0.6,0.32,1.6)}
.burger span:nth-of-type(1) {width:50%}
.burger span:nth-of-type(2) {width:100%}
.burger span:nth-of-type(3) {width:75%}
.burger input[type="checkbox"] {display:none}
.burger.active {position:absolute; right:0; z-index:999}
.burger.active span:nth-of-type(1) {transform-origin:bottom; transform:rotatez(-45deg) translate(-6px,2.5px)}
.burger.active span:nth-of-type(2) {transform-origin:top; transform:rotatez(45deg)}
.burger.active span:nth-of-type(3) {transform-origin:bottom; width:50%; transform:translate(-13px,-8px) rotatez(-45deg)}
.request-button_link-mobile {display:none; text-decoration:none; text-transform:uppercase; margin-top:50px; padding:15px 25px; background-color:#e8da17; border:0; color:#212121; border-radius:15px; outline:none; align-items:center; justify-content:center; font-size:15px; font-weight:500; transition:0.15s}
@media screen and (max-width:1200px) {.header {padding:0 clamp(20px,3.5vw,80px)}
 .header__menu {display:flex; gap:clamp(15px,1vw,20px); padding:0; margin:0}
 .header__menu-item a {font-size:clamp(13px,1.25vw,15px)}
}
@media screen and (max-width:950px) {.request-button_link-mobile {display:flex}
 #request-button_link-header {display:none}
 .header__menu {display:none; flex-direction:column; justify-content:center; align-items:center; overflow-y:auto; opacity:0; position:fixed; top:0; left:0; overflow:hidden; z-index:999; width:100vw; height:100vh; background-color:rgba(255,255,255,0.5); backdrop-filter:blur(5px); transition:0.5s ease-out}
 .header__menu.active {opacity:1; transition:0.5s ease-out}
 .burger {display:flex}
 .header__menu-item a {font-size:clamp(16px,2vw,20px)}
}