.header{left:0;padding:12px 0;position:relative;position:fixed;top:0;transition:top .3s ease,background .3s ease;width:100%;z-index:100;&.hide{top:-70px}&.active,&.show{background:var(--white);top:0}}.header__inner{align-items:center;display:flex;justify-content:space-between}.header__logo{display:inline-block;line-height:1;svg{width:auto}}.button{align-items:center;border:none;border-radius:21px;color:var(--white);cursor:pointer;display:flex;font-family:proxima-nova,sans-serif;font-weight:600;gap:12px;justify-content:space-between;line-height:150%;padding:5px 5px 5px 24px;text-align:center;text-decoration:none;transition:background .3s ease;width:max-content}.button--green{background-color:var(--light-green)}.button--green:hover{background-color:var(--dark-green)}.button--blue{background-color:var(--light-blue);svg rect{fill:#ffffff80}}.button--blue:hover{background-color:var(--dark-blue-2)}.menu--desktop{display:none;ul{display:flex;gap:8px;list-style:none;margin:0;padding:0;li{cursor:pointer;position:relative;a{align-items:center;border-radius:8px;color:var(--dark-blue-2);display:flex;font-family:proxima-nova,sans-serif;font-weight:600;gap:8px;line-height:150%;margin:12px 0;opacity:1;padding:8px 12px;text-decoration:none;transition:background .3s ease;visibility:visible;z-index:10}a,svg{position:relative}svg{top:1px;transition:transform .3s ease}>.menu__submenu{background:var(--white);border-radius:16px;box-shadow:10px 10px 30px 0 rgba(49,49,49,.12);display:flex;flex-direction:column;gap:12px;left:-14px;opacity:0;padding:24px;position:absolute;top:100%;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:-1;&.menu__submenu--columns{flex-direction:row;gap:40px}ul{display:flex;flex-direction:column;gap:12px}li{min-width:128px;a{align-items:center;background:none;color:var(--dark-blue-2);display:flex;font-family:proxima-nova,sans-serif;font-size:16px;font-weight:600;gap:16px;line-height:150%;margin:0;padding:0;transition:color .3s ease;width:max-content;svg{opacity:0;transform:rotate(0);transition:opacity .3s ease}&:hover{color:var(--light-green);svg{opacity:1}}}}}&:hover{a{background:rgba(15,143,232,.1);svg{transform:rotate(180deg)}}>.menu__submenu{opacity:1;visibility:visible;z-index:10}}}}}.header__buttons{display:none;gap:16px}.menu--mobile{background:var(--white);display:none;height:calc(100vh - 60px);overflow-y:auto;padding:24px 16px;position:fixed;top:60px;width:100%;z-index:100;&.open{display:block}.header__buttons{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:40px}ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;li{cursor:pointer;position:relative;a{align-items:center;border-radius:8px;color:var(--dark-blue-2);display:flex;font-family:proxima-nova,sans-serif;font-weight:600;gap:8px;justify-content:space-between;line-height:150%;opacity:1;padding:8px 12px;text-decoration:none;transition:background .3s ease;visibility:visible;z-index:10}a,svg{position:relative}svg{top:1px;transition:transform .3s ease}>.menu__submenu{border-bottom:1px solid var(--white);display:flex;flex-direction:column;gap:12px;margin-bottom:0;max-height:0;overflow:hidden;padding:0 12px;position:relative;transition:all .3s ease;ul{display:flex;flex-direction:column;gap:12px;&:first-child li:first-child{margin-top:16px}}>li:first-child{margin-top:16px}li{width:100%;a{align-items:center;background:none;color:var(--dark-blue-2);display:flex;font-family:proxima-nova,sans-serif;font-size:14px;font-weight:600;gap:16px;justify-content:flex-start;line-height:150%;margin:0;padding:0;transition:color .3s ease;width:100%;svg{display:none}}}}&.open{a{background:rgba(15,143,232,.1);svg{transform:rotate(180deg)}}>.menu__submenu{border-bottom:1px solid rgba(19,53,100,.1);margin-bottom:12px;max-height:500px;padding-bottom:12px}}}}}.mobile-burger{background:var(--light-green);border:none;border-radius:8px;cursor:pointer;display:block;height:36px;padding:12px;position:relative;width:44px;&:after,&:before,span{background-color:var(--white);border-radius:1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:16px}span{top:50%;transform:translate(-50%,-50%)}&:before{top:11px}&:after{bottom:11px}&.open{span{opacity:0}&:before{transform:translate(-50%,6px) rotate(45deg)}&:after{transform:translate(-50%,-6px) rotate(-45deg)}}}@media (min-width:768px){.menu--mobile{padding:48px 40px}}@media (min-width:1200px){.header{background:transparent;padding:9px 0}.header__logo{svg{height:23px}}.menu--desktop{display:block}.menu--mobile{display:none!important}.mobile-burger{display:none}.header__buttons{display:flex}}