header {
  padding: 16px 0;
  height: 97px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 99;
}

header .custom-logo-link img {
	max-width: 64px;
	max-height: 64px;
}

header ul {
  display: flex;
  gap: 42px;
  font-size: var(--text-size-sm);
  list-style: none;
}

header nav a {
  position: relative;
}

header nav a:hover {
  color: var(--accent-color);
}

header nav a::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 0%;
  left: 0;
  bottom: -5px;
  transition: 0.3s;
  background-color: var(--accent-color);
}

header nav a:hover::before {
  width: 100%;
}

.burger-button {
  display: none;
}

header .dropdown-menu{
	position:relative;
	cursor:pointer;
}

header .dropdown-menu:hover a{
	color:#000;
}

header .dropdown-menu:hover a::before{
	display:none;
}

header .dropdown {
	display:none;
	position:absolute;
	left:0;
	bottom:-55px;
	background-color:#fff;
}

header .dropdown{
	padding-top:5px;
	width:100%;
}

header .dropdown a{
	padding:3px 5px;
	transition:0.3s;
	width:100%;
	display:block;
}

header .dropdown a:hover{
	background-color:var(--main-color);
}


header .dropdown-menu:hover .dropdown{
	display:block;
}

header .dropdown-title{
	display:flex;
	align-items:center;
	gap: 4px;
}

@media screen and (max-width: 920px) {
  .burger-button {
    position: relative;
    height: 16px;
    width: 24px;
    display: block;
    cursor: pointer;
  }

  .burger-button div {
    position: absolute;
    background-color: var(--black);
    height: 1px;
    width: 100%;
    border-radius: 8px;
    left: 0;
    transition: transform 0.3s;
  }

  .burger-button div:nth-child(1) {
    top: 0;
  }

  .burger-button div:nth-child(2) {
    top: 7px;
  }

  .burger-button div:nth-child(3) {
    bottom: 0;
  }

  header ul {
    position: fixed;
    background-color: #fff;
    height: calc(100vh - 97px);
    top: 97px;
    right: 0;
    transform: translateX(100%);
    transition: all 0.3s;
    width: 100%;
    flex-direction: column;
    padding-left: 32px;
    font-size: 24px;
	padding-top: 48px;
  }

  header.active .burger-button div:nth-child(1) {
    transform: rotate(45deg);
    top: 7px;
  }

  header.active .burger-button div:nth-child(2) {
    display: none;
  }

  header.active .burger-button div:nth-child(3) {
    transform: rotate(-45deg);
    bottom: unset;
    top: 7px;
  }

  header.active ul {
    transform: translateX(0);
  }
	
  header .dropdown {
	position: relative;
	bottom: 0px;
	z-index:2;
  }
	
	header .dropdown-menu:hover .dropdown {
		display:none;
	}
	
	header .dropdown-menu.active .dropdown {
		display: block !important;
	}
	
	header .dropdown-menu.active .dropdown-title > a {
		color: var(--accent-color);
	}
	
	header .dropdown-menu.active .dropdown-title > a::before {
		width: 100%;
		z-index: 3;
	}
	
	
  header .dropdown a {
	text-align:left;
	  padding-left: 0px;
  }
}

@media screen and (max-width: 390px) {
  .custom-logo {
    max-width: 200px;
  }
}