header.header{
	background: white;
	padding: 10px 0;
}
.header__toggle {
  position: relative;
  padding: 5px 18px;
  background: #fff;
  box-shadow: 0 0 0px transparent, 0 0 0px transparent, 0 .125rem 2rem rgba(0, 0, 0, .1);
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  gap: 5px;
  font-size: 14px;
}
.header__toggle svg{
	width: 24px;
	height: 24px;
	fill: #333;
}



.header__logo-link{
	line-height:0;
	display: block;
}
.header__list {
	 display: flex;
	 list-style: none;
	 padding: 0;
	 justify-content: right;
}
 .header__item {
	 position: relative;
}

 .header__link {
	 display: block;
	 padding: 5px 24px;
	 text-decoration: none;
	 color: #333;
	 cursor: pointer;
}

 .header__link span {
	 vertical-align: middle;
}
.header__collapse__close{
	position: absolute;
	right: 12px;
	top: 7px;
	padding: 0;
	width: 30px;
	height: 30px;
}
.header__collapse__close svg{
	width: 25px;
	height: 25px;
}
@media (min-width: 992px){
	 .header__link.is-active{
		border: 2px solid #bc00cc;
	    border-radius: 36px;
	    font-weight: 600;
	    color: #bc00cc;
	}
	 .header__sub-list {
		 display: none;
		 position: absolute;
		 top: 100%;
		 left: 0;
		 min-width: 250px;
		 background-color: #f7f7f7;
		 padding: 0;
		 z-index: 999;
		 box-shadow: 0 0 3px #0000001f;
	}
	 .header__item:hover > .header__sub-list {
		 display: block;
	}
	.header__sub-list li:hover>ul{
		display: block;
	}
	 .header__sub-list--level-2 {
		 left: 100%;
		 top: 0;
	}
	.header__sub-list:hover>ul{
		display: block;
	}
	 .header__sub-link {
		 display: block;
		 padding: 10px 20px;
		 /* color: #fff; */
		 text-decoration: none;
		 border-bottom: 1px solid rgb(173 173 173 / 10%);
	}
	 .header__sub-link:hover {
		 color: var(--color-main2);
		 background-color: rgba(255, 255, 255, 0.05);
	}
}
@media (max-width: 992px){
	.header__collapse{
		position: fixed;
		top: 0;
		left: 0;
		width: 270px;
		height: 100%;
		background: white;
		z-index: 999;
		overflow-y: auto;
		padding: 10px;
		opacity: 0;
		transform: translateX(-100%);
		transition: all .3s;
	}
	.header__collapse.is-open{
		transform: translateX(0);
		opacity: 1;
	}
	.header__link{
		padding: 5px 0;	
	}
	.header__link.is-active{
		color: #bc00cc;
		font-weight: 600;
	}
	.header__sub-list{
		/* display: none; */
	}
	.header__sub-list li{
		list-style: disc;
	}
	.header__sub-item{
		margin-left: 15px
	}
  .header__list{
   	display: block;
   	font-size: 16px;
  }
	.header__list .has-sub>a{
		position: relative;
		padding-right: 30px;
		display: block;
		padding: 3px 30px 3px 0;
	}
	.header__list .has-sub>a i{
		position: absolute;
		top: 2px;
		right: 0;
		width: 30px;
		height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		/* transform: translateY(-50%); */
	}
li.is-open>a>i:before{
      transform: rotate(180deg);
  }
  .header__sub-list{
    display: none;
  }
	.header__collapse-logo{
		/* border-bottom: 1px solid lightgrey; */
		padding-bottom: 10px;
		margin-bottom: 5px;		
	}
	html.is-locked .header__overlay{
		
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 99;
	}
	
}