header{ /* Стили, приминимые к элементу header */
	position: relative; /* Устанавливает относительное позиционирование (относительно его исходного места) */
	background: #037e9a; /* Изменение цвета задника */
	width: 100%; /* Устанавливает ширину */
	top: 0; /* Устанавливает отступ сверху */
	left: 0; /* Устанавливает отступ слева */
}

.header_content{ /* Стили, приминимые к классу footer */
	position: relative; /* Устанавливает относительное позиционирование (относительно его исходного места) */
	display: flex; /* Является flex-контейнером */
	justify-content: center; /* Центрирует элементы вдоль главной оси */
	align-items: center;
}

.header_gradient { /* Стили, приминимые к классу header_gradient */
    position: absolute; /* Устанавливает абсолютное позиционирование */
    background: linear-gradient(to bottom, #037e9a, #037e9aa1, #037e9a00); /* Устанавливает градиент сверху вниз */
    left: 0; /* Устанавливает отступ слева */
    height: 20px; /* Устанавливает высоту градиента */
    width: 100%; /* Устанавливает ширину градиента */
}

.image_logo{ /* Стили, приминимые к классу image_logo */
    width: 100%; /* Устанавливает ширину */
    max-width: 100px; /* Устанавливает максимальную ширину */
    height: 100%; /* Устанавливает высоту */
    max-height: 100px; /* Устанавливает максимальную высоту */
    display: block; /* Элемент отображается как блок */
    padding: 7px; /* Устанавливает внутренние отступы со всех строн */
	z-index: 10;
}

button:focus-visible,
a:focus-visible {
  outline: 2px solid;
  outline-offset: -3px;
}
.sub_menu_text{
	color: #477279;
}

@media (min-width: 1300px){
	.menu__list{ /* Стили, приминимые к классу menu__list */
		display: flex; /* Является flex-контейнером */
		min-width: max-content;
	}

	.enhanced .menu__list .menu__list {
		position: absolute;
	}
	.menu__btn{
		background: #037e9a;
	}
}

.menu__item {
	position: relative;
}

.image_link{
	z-index: 10;
}

.menu__submenu{
	background: #FFFFFF;
	position: absolute;
}

.menu__link, .menu__btn{ /* Стили, приминимые к классу menu__link */
	display: flex;
	width: 100%;
	gap: .5em;
	align-items: center;
	padding: .75rem 1.1rem;
	font-size: 1.45rem;
	font-weight: 300;
	font-family: inherit;
	color: #94DAE6; /* Изменение цвета текста */
	cursor: pointer;
	border: none;
	background: transparent;
	transition: background-color 0.2s linear;

}

.menu__btn{
	inline-size: 100%;
	cursor: pointer;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__btn:hover,
.menu__submenu .menu__btn[aria-expanded="true"] {
  background-color: #7dbddb;
}

.menu__submenu .menu__link:focus-visible,
.menu__submenu .menu__btn:focus-visible {
  outline-width: 2px;
  outline-offset: -3px;
  outline-style: solid;
  outline-color: #000000;
}

.menu__btn-icon {
	color: inherit;
	transition: transform .1s linear;
}

.menu__submenu .menu__btn-icon {
	transform: rotate(-90deg);
}



.menu__btn[aria-expanded="true"] .menu__btn-icon {
	transform: rotate(180deg);
}
  
.menu-submenu .menu__btn[aria-expanded="true"] .menu__btn-icon {
	transform: rotate(90deg);
}
  

  
.menu__link {
	display: block;
	text-decoration: none;
	border-radius: 10px;
}

.enhanced .menu__list .menu__list {
	position: absolute;
	top: 120%;
	left: 0;
	border-radius: 10px;
	z-index: 1;
}
  

.menu__list .menu__list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.menu__list[hidden] {
	display: none;
}
.site_nav{
	align-content: center;
}

.text_submenu{
	color: #1f61c8;
}

.menu__icon {
    display: none; /* Скрываем кнопку по умолчанию */
}

body._lock{
	overflow: hidden;
}

@media (max-width: 1300px){
	.header_content{
		justify-content: space-around;
	}
	.menu__icon{
		z-index: 5;
		display: block;
		position: relative;
		width: 30px;
		height: 18px;
		cursor: pointer;
	}
	
	.menu__icon span,
	.menu__icon::before,
	.menu__icon::after{
		left: 0;
		position: absolute;
		height: 10%;
		width: 100%;
		transition: all 0.3s ease 0s;
		background-color: #fff;
	}

	.menu__icon::after,
	.menu__icon::before{
		content: "";
	}

	.menu__icon::before{
		top: 0;
	}

	.menu__icon::after{
		bottom: 0;
	}

	.menu__icon span {
		top: 50%;
		transition: scale(1) translate(0px, -50%)
	}

	.menu__icon._active span {
		transform: scale(0) translate(0px, -50%);
	}

	.menu__icon._active::before {
		top: 50%;
		transform: rotate(-45deg) translate(0px, -50%);
	}

	.menu__icon._active::after {
		bottom: 50%;
		transform: rotate(45deg) translate(0px, 50%);
	}

	.site_nav{
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.9);
		padding: 100px 30px 30px 30px;
		transition: left 0.3s ease 0s;
		overflow: auto;

	}

	.site_nav._active{
		left: 0;

	}
	
	.site_nav._active::before{
		background-color: #037e9a;
	}

	.site_nav::before{
		content: "";
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		height: 100px;
		z-index: 2;

	}
	
	.menu__list > li{
		margin: 15px 0 15px 0;
	}

	.menu__list >li:last-child{
		margin-bottom: 0;
	}

	.menu__link{
		font-size: 24px;
	}

	.menu__submenu{
		position: relative;
		background-color: #FFFFFF;
		flex: 1 1 100%;
	}

	.text_submenu{
		font-size: 20px;
		color: #000000;
	}

	.enhanced .menu__list .menu__list {
		position: relative;
		top: 120%;
		left: 0;
		border-radius: 10px;
		z-index: 1;
	}
}