.header-container{z-index:99999;justify-content:space-between;align-items:center;width:100%;padding:12px 100px;display:flex;position:absolute;top:0}.header-container .header-menu-toggle{display:none;font-size:2rem;cursor:pointer}.header-logo{-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-logo:hover{cursor:pointer}.header-buttons{display:flex;align-items:center;justify-content:center;gap:24px}.header-buttons.open{display:block}.header-buttons .header-link{position:relative;text-decoration:none;display:inline-block;color:inherit;width:-moz-fit-content;width:fit-content;transition:color .3s}.header-buttons .header-link.active:after{transform:scaleX(1)}.header-buttons .header-link:after{content:"";position:absolute;bottom:-2px;width:100%;height:2px;background-color:#c7a24f;transform:scaleX(0);transform-origin:center;transition:transform .3s ease-in-out}.header-buttons .header-link:hover{color:#c7a24f}.header-buttons .header-link:hover:after{transform:scaleX(1)}.header-buttons.active{color:#c7a24f}.header-buttons.active:after{transform:scaleX(1)}.give-apartment{margin-left:4rem;font-weight:700;color:#c7a24f}.give-apartment:after{background-color:#c7a24f}@media(max-width:768px){.give-apartment{margin:0}}@media(max-width:1024px){.header-container{padding:20px 40px}}@media(max-width:768px){.header-buttons{flex-direction:column;gap:20px;position:absolute;top:0;left:0;right:0;background-color:rgba(16,16,16,.9);padding:20px;transform:translateY(-100%)}.header-buttons,.header-buttons.open{display:flex;transition:all .3s ease-out}.header-buttons.open{transform:translateY(0)}.header-logo{width:80px;height:80px}.header-container{padding:0 40px}.header-container .header-menu-toggle{position:relative;display:block;cursor:pointer;z-index:100000;transition:transform .3s ease-in-out,top .3s ease-in-out}.header-container .header-menu-toggle:after{top:3px}.header-container .header-menu-toggle:after,.header-container .header-menu-toggle:before{content:"";width:20px;height:2px;background:#fff;position:absolute;transform:rotate(0deg);transition:transform .3s ease-in-out,top .3s ease-in-out}.header-container .header-menu-toggle:before{top:-3px}.header-container .header-menu-toggle.open:after{transform:rotate(-45deg);top:0}.header-container .header-menu-toggle.open:before{transform:rotate(45deg);top:0}}@media(max-width:480px){.header-container{padding:0 50px}.header-logo{width:60px;height:60px}}