.site-nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}.site-nav__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:calc((100% - 100px)/ 6);width:100%}@media (width <= 1024px){.site-nav__item{max-width:calc((100% - 40px)/ 3)}}@media (width <= 576px){.site-nav__list.odd .site-nav__item:last-child{max-width:100%}.site-nav__item{max-width:calc((100% - 20px)/ 2)}}.site-nav__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;width:100%;padding:16px;font-weight:500;font-size:16px;line-height:24px;white-space:nowrap;color:var(--white-60);background-color:var(--dark);border-radius:16px;border:1px solid var(--white-20);-webkit-transition:.3s;transition:.3s}@media (any-hover:hover){.site-nav__link:hover{color:var(--white);border-color:var(--white);-webkit-transform:perspective(100px) rotateX(3deg) translateY(-6px);transform:perspective(100px) rotateX(3deg) translateY(-6px);-webkit-transition:.3s;transition:.3s}}.site-nav__link svg{width:48px;height:48px;fill:var(--white)}