.header-section{box-shadow:0 30px 30px 0 rgba(0,0,0,.05);display:inline-block;padding:var(--spacing-m) 0;width:100%}.header-section .header-wrap{align-items:center;display:flex;gap:var(--spacing-l);justify-content:space-between;width:100%}.header-section .header-wrap .header-logo{display:block;line-height:0;margin:0}.header-section .header-wrap .header-logo a{display:block}.header-section .header-wrap .header-logo a img{max-width:200px}.header-section .header-wrap .right{align-items:center;display:flex;flex:1;gap:var(--spacing-l);justify-content:flex-end;margin:0}.header-section .header-wrap .right .cta{display:inline-block;margin:0}.header-section .header-wrap .right .menu{display:block;margin:0}.header-section .header-wrap .right .menu ul{align-items:center;display:flex;gap:var(--spacing-l);width:100%}.header-section .header-wrap .right .menu ul li{display:block}.header-section .header-wrap .right .menu ul li a{display:block;font-weight:400;padding:8px 12px;text-decoration:none}.header-section .header-wrap .right .hamburger{display:none}@media(max-width:991px){.header-section .header-wrap .right .hamburger{cursor:pointer;display:flex;flex-direction:column;gap:4px}.header-section .hamburger span{background:#000;height:2px;transition:.3s ease;width:20px}.header-section .hamburger.active span:first-child{transform:rotate(45deg) translate(4px,4px)}.header-section .hamburger.active span:nth-child(2){opacity:0}.header-section .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.header-section .header-wrap .right .menu{background-color:#fff;display:none;height:100vh;left:0;position:absolute;right:0;top:calc(100% + 1px)}.header-section{position:relative}.header-section .header-wrap .right .menu.active{display:block}.header-section .header-wrap .right .menu ul{align-items:center;display:flex;flex-direction:column;gap:6px;padding:20px 10px}.header-section .header-wrap .right .menu ul li{width:100%}body.body-open{inset:0;position:fixed}}@media(max-width:480px){.header-section .header-wrap,.header-section .header-wrap .right{gap:var(--spacing-s)}.header-section .header-wrap .header-logo a img{max-width:115px}.header-section{padding:var(--spacing-s) 0}}