.HeaderComponent{display:flex;justify-content:center}.HeaderComponent .header{display:grid;grid-template-columns:repeat(4,1fr);gap:0 1rem;width:100%;max-width:25.5rem;grid-template-rows:5.5rem auto;align-items:center;padding:0 1.5rem}.HeaderComponent .logos__wrapper{grid-column:1 / -1;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-direction:row;justify-content:flex-start;align-items:center}.HeaderComponent .separator{width:1rem;margin:0 .5rem}.HeaderComponent .separator svg{width:100%;display:block}.HeaderComponent .logo__image{width:150px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;cursor:pointer;height:3.5rem}.HeaderComponent .logo__image img{display:block;max-height:100% !important;max-width:100% !important}.HeaderComponent .nav{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 0;display:none}.HeaderComponent .nav.active{display:flex}.HeaderComponent .nav__link{width:100%}.HeaderComponent .nav__link:first-child{margin-bottom:1.5rem}.HeaderComponent .menu{grid-column:4 / -1;grid-row:1;width:2rem;justify-self:end;cursor:pointer}.HeaderComponent .menu__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;align-items:flex-end}.HeaderComponent .menu__icon--open.active{display:none}.HeaderComponent .menu__icon--close{display:none}.HeaderComponent .menu__icon--close.active{display:flex}.HeaderComponent .button{font-family:"Aeonik",sans-serif;font-weight:400;font-size:1rem;line-height:1.5rem;padding:.75rem 1.5rem;text-decoration:none;text-align:center;border:1px solid transparent;border-radius:8px;opacity:1;cursor:pointer;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;color:#fff;background-color:#1b1d22}.HeaderComponent .button:hover,.HeaderComponent .button:active{background-color:#fff;color:#000}.HeaderComponent .button--secondary{font-family:"Satoshi",sans-serif;font-weight:bold;font-size:1rem;line-height:1.5rem;padding:.75rem 1.5rem;text-decoration:none;text-align:center;border:1px solid transparent;border-radius:8px;opacity:1;cursor:pointer;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;color:#232e4a;background-color:#fff;border:1px solid #d8ddec}.HeaderComponent .button--secondary:hover,.HeaderComponent .button--secondary:active{background-color:#fff}.HeaderComponent .button--secondary:hover{border:1px solid #8791aa}.HeaderComponent .button--secondary:active{border:1px solid #232e4a}.HeaderComponent .singleCtaMenu .logos__wrapper{grid-column:1 / 2;grid-row:1}.HeaderComponent .singleCtaMenu .nav{grid-column:2 / -1;grid-row:1;display:flex}.HeaderComponent .singleCtaMenu .nav a{margin:0}@media(min-width:48rem){.HeaderComponent .header{grid-template-rows:5.5rem;display:grid;grid-template-columns:repeat(6,1fr);gap:0 1rem;max-width:51rem}.HeaderComponent .logo{grid-column:1 / 3}.HeaderComponent .nav{grid-column:3 / -1;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-direction:row;justify-content:flex-end}.HeaderComponent .nav__link{width:auto}.HeaderComponent .nav__link:first-child{margin:0 1.5rem 0 0}.HeaderComponent .menu__icon{display:none !important}}@media(min-width:67.5rem){.HeaderComponent .header{display:grid;grid-template-columns:repeat(12,1fr);gap:0 1.5rem;max-width:70.5rem}.HeaderComponent .logo{grid-column:1 / 6}.HeaderComponent .nav{grid-column:6 / -1;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-direction:row;justify-content:flex-end}}@media(min-width:80rem){.HeaderComponent .header{max-width:83rem}}