.hover-container {
	background-image: url('../../images/bgImg/1.svg');
	background-size: cover; /* масштабирование */
	background-size: auto 70%;
	background-repeat: no-repeat;
	background-position: center; /* выравнивание */
	font-weight: 400;
}
.intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: clamp(10px, 1vw, 19px);

}

.start-button {
	padding: clamp(2px, 0.26vw, 5px) clamp(2px, 2.6vw, 50px);
	border-radius: clamp(2px, 1.25vw, 24px);
	background-color: #C9E6A1;
}
.start-button h3,
a {
	margin: 0;
}
.panda{
	width: clamp(10px, 30vw, 576px);
	margin: 0;
}
.logo-main{
	width: clamp(10px, 10vw, 192px);
	margin: 0;
}
/* .start-button::before {
	content: '';
	width: var(--leaf-size);
	height: var(--leaf-size);
	position: absolute;
	background-image: url('../../images/bgImg/leaf.png');
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: clamp(10px, 7vw, 134px);
	margin-top: clamp(-57px, -3vw, -10px);
} */
nav {
	display: flex;
	justify-content: center;
	align-items: center;
	gap:min(1vw, 19px);
	width: clamp(10px, 39vw, 750px);
	padding: min(2vw, 38px) 0 min(4vw, 76px) 0;
}

nav img {
	width: clamp(2px, 0.57vw, 11px);
	height: clamp(2px, 0.57vw, 11px);
}
nav a {
	font-size: var(--h4-font-size);
	font-weight: var(--main-weight);
	color: var(--nav-text-color);
}
.main-end {
	height: 60vh;
	display: flex;
	align-items: end;
}

.main-end:nth-of-type(2) {
	padding: clamp(10px, 2vw, 38px);
	align-items: start;
}

/* .intro::after,
.intro::before {
	content: '';
	width: var(--leaf-size);
	height: var(--leaf-size);
	position: absolute;
	background-image: url('../../images/bgImg/leaf.png');
	background-size: contain;
	background-repeat: no-repeat;
} */
.intro::before {
	margin-left: clamp(-1536px, -80vw, -10px);
	margin-top: clamp(10px, 40vw, 768px);

	transform: rotate(200deg);
}
.intro::after {
	margin-top: clamp(-480px, -25vw, -10px);
	margin-left: clamp(10px, 80vw, 1536px);
}


/*анимации*/
.intro h1 {
	display: flex;
}
.hover-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
}
.default-text {
	transition: transform 0.4s ease, opacity 0.4s ease !important;
	opacity: 1;
}
.hover-text {
	opacity: 0;
	transform: translateY(20px);
	position: absolute;
	transition: transform 0.4s ease, opacity 0.4s ease !important;
}
.hover-container:hover .default-text {
	transform: translateY(-20px);
	opacity: 0;
}
.hover-container:hover .hover-text {
	opacity: 1;
	transform: translateY(0px);
}
.nav a:hover {
	color: var(--active-elem-color);
	transition: color 0.3s ease;
}

/*адаптив*/

@media (max-width: 1100px) {
	nav{
		width:auto;
		gap:2vw;
	}
	nav img {
		width: 1vw;
		height: 1vw;
	}
	.main-end:nth-of-type(2) {
		height: 40vh;
		padding:  0 0 12dvh 0;
	}
	.panda{
		width: 60vw;
		margin: 0;
	}
	.logo-main{
		width: 40vw;
		margin: 0;
	}
	.intro {
		gap: 3vw;

	}
	.start-button {
		padding: 0.5vw 3vw;
		border-radius: clamp(2px, 1.25vw, 24px);
	}
	.main-end:nth-of-type(2) {
		padding: 4vw;
	}

}
@media (max-width: 768px) {
	.intro h1{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: clamp(10px, 2.5vw, 48px);

	}
	.start-button {
		padding: 1vw 2.7vw;
		border-radius: 3vw;
		margin-top: 6vh;
	}
	.main-end:nth-of-type(2) {
		padding:  0 0 12dvh 0;
	}
	nav img {
		width: 1.5vw;
		height: 1.5vw;
	}
	.start-button::before {
		margin-left:15vw;
		margin-top: -7vw;
	}
	.intro::before {
		margin-left:-80vw;
		margin-top: 58vh;
	}
	.intro::after {
		margin-top: -60vh;
		margin-left: 70vw;
	}
	.panda{
		width: 70vw;
		margin: 0;
	}
	.logo-main{
		width:50vw;
		margin: 0;
	}
	.intro {
		gap: 2vw;

	}
	.main-end:nth-of-type(2) {
		padding: 8vw;
	}
}