.header,
.mainPage .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #030303;
  font-size: clamp(12px, .9vw, 16px);
}

.header a {
  font-family: 'Title-Font', sans-serif;
}

.page-hero {
  margin-top: 72px;
}

.service-development {
  padding: clamp(48px, 6vw, 96px) 6%;
  color: #fff;
  font-family: 'Body-Font', sans-serif;
  font-size: clamp(18px, 1.4vw, 24px);
  line-height: 1.5;
}

.header header,
.header.sticky header {
  margin: 0 !important;
  padding: 16px 0;
  height: 72px;
  min-height: 72px;
}

.header .logo,
.header.sticky .logo {
  width: 40px;
}

.header .lk {
  margin-right: 0;
}

.home-page .header {
  visibility: hidden;
  opacity: 0;
  transform: translateY(-100%);
  transition: opacity .2s, transform .2s, visibility .2s;
}

.home-page .header.is-visible {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.navigation-open {
  overflow: hidden;
}

.menu-list.is-open,
.mobile-menu.is-open {
  display: block;
}

.menu-list:focus,
.mobile-menu:focus {
  outline: none;
}

@media (max-width: 1024px) {
  .menu-list .hover-menu {
    display: none;
  }
}

@media (min-width: 1025px) {
  .menu-list .hover-menu-mobile {
    display: none;
  }
}

.header a:focus-visible,
.menu-list a:focus-visible,
.mobile-menu a:focus-visible {
  outline: 2px solid #f41627;
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .home-page .header {
    transition: none;
  }
}