.site-header {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  background: #303EC9;
  backdrop-filter: unset;
  border-radius: 50px;
  width: calc(100% - 60px);
  max-width: 1820px;
}

.nav-toggle {
  background: #ffffff;
  color: #222222;
}

.nav-toggle:hover {
  background: #ffffff;
  opacity: 0.85;
}

.nav-text {
  color: #222222;
}

.nav-link--no-dropdown {
  background: #ffffff;
  color: #222222;
}

.nav-link--no-dropdown:hover {
  background: #ffffff;
  color: #222222;
  opacity: 0.85;
}

.nav-search {
  background: #ffffff;
}

.search-input-wrapper {
  background: #ffffff;
}

.search-input {
  color: #222222;
}

.search-input:focus {
  color: #222222;
}

.search-input::placeholder {
  color: #222222;
}

.blue-header-margin {
  margin-top: calc(72px + 10px + 20px);
}

@media (min-width: 1919px) {
  .blue-header-margin {
    margin-top: calc(102px + 10px + 20px);
  }
}

@media (max-width: 1570px) {
  .search-input-wrapper, .nav-search {
    background: transparent;
  }
}

/* 1124px */
@media (max-width: 1124px) {
  .site-header {
    position: fixed;
  }

  .header-nav {
    background: #ffffff;
    backdrop-filter: unset;
  }

  .header-nav .nav-toggle {
    background: rgba(34, 34, 34, 0.05);
  }

  .header-nav .dropdown-list {
    background: rgba(34, 34, 34, 0.05);
  }

  .header-nav .dropdown-link {
    background: rgba(34, 34, 34, 0.05);
    color: #222222;
  }

  .header-nav .dropdown-link:hover {
    background: rgba(34, 34, 34, 0.1);
  }

  .blue-header-margin {
    margin-top: calc(102px + 10px + 20px);
  }
}

@media (max-width: 480px) {
  .blue-header-margin {
    margin-top: calc(70px + 10px + 20px);
  }
}