.header-menu {
	height: 90px;
	display: flex;
}
.header-menu__item {
	position: relative;
}
.header-menu__link {
	line-height: 93px;
	position: relative;
	display: block;
	height: 90px;
	margin-right: 30px;
	font-weight: 500;
	font-size: 17px;
	text-decoration: none;
	transition: all 0.3s ease;
	color: #808185;
	white-space: nowrap;
}

.header-menu__item.selected .header-menu__link,
.header-menu__link:active {
	color: #2B2D33;
	transition: all 0.3s ease;
}

.header-menu__item.selected .header-menu__link::after,
.header-menu__link:active::after {
	content: "";
	position: absolute;
	bottom: 0;
	background-color: #008E7D;
	height: 4px;
	width: 40px;
	border-radius: 4px;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.3s ease;
}

.header-menu__link-parent {
	position: relative;
}

.header-menu__sublist {
	position: absolute;
    top: 100%;
	padding: 0 35px 5px;
    transform: translate(-35px, -20px);
    border-radius: 25px;
    background-color: #fff;
    left: 0;
    min-width: 150px;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 8%);
	transition: transform .3s ease-in-out, opacity .3s ease-in-out;
	z-index: 1;
}



.header-menu__sublink {
	display: block;
	padding: 7px 0;
	font-size: 15px;
	line-height: 19px;
	transition: color .3s ease-in-out;
	color: #2B2D33;
	white-space: nowrap;
}
.header-menu__subitem.selected .header-menu__sublink{
	color: #008E7D;
}
.header-menu__subitem:first-child .header-menu__sublink{
	padding-top: 25px;
}
.header-menu__subitem:last-child .header-menu__sublink{
	padding-bottom: 25px;
}


@media (min-width: 1200px) {

	.header-menu__item:not(:hover) .header-menu__sublist {
		display: none;
	}

    .header-menu__item:hover .header-menu__link{
        color: #2B2D33;
        transition: all 0.3s ease;
    }
	
	.header-menu__item:hover .header-menu__link::after {
		content: "";
		position: absolute;
		bottom: 0;
		background-color: #008E7D;
		height: 4px;
		width: 40px;
		border-radius: 4px;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease;
	}

	.header-menu__sublink:hover {
		color: #008E7D;
	}
}
@media (max-width: 1199.98px) {
	.header-menu__item:not(.on) .header-menu__sublist {
		display: none;
	}
	.header-menu{
        display: none;
    }  
}
@media (max-width: 991.98px) {
     
}