*,
html {
	box-sizing: border-box;
}

.visually-hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.no-scroll {
	overflow: hidden;
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
}

body {
	color: #000;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	background: #fff;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#about,
#programs,
#events,
#rent,
#volunteering {
	scroll-margin-top: var(--header-offset, 80px);
}

.header {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: #fff;
}

.header.header--scrolled {
	padding-top: 0;
}
.header__inner {
	display: flex;
	align-items: center;
	gap: 82px;
	padding: 12px 40px;
}

.logo {
	flex-shrink: 0;
	display: block;
}

.logo__img {
	display: block;
	width: auto;
	height: 90px;
}

.header__menu {
	display: flex;
	flex: 1;
	align-items: center;
	min-width: 0;
}

.header__burger {
	display: none;
	flex-shrink: 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 6px;
	width: 48px;
	height: 48px;
	padding: 0;
	border: none;
	border-radius: 12px;
	cursor: pointer;
	background: #ebf4ee;
	transition: background-color 0.25s ease;
}

.header__burger:hover {
	background: #dceee3;
}

.header__burger:focus-visible {
	outline: 2px solid #117f1c;
	outline-offset: 2px;
}

.header__burger-line {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 2px;
	background: #054e05;
	transition:
		transform 0.3s ease,
		opacity 0.3s ease;
}

.header--open .header__burger-line:nth-child(1) {
	transform: translateY(8px) rotate(45deg);
}

.header--open .header__burger-line:nth-child(2) {
	opacity: 0;
}

.header--open .header__burger-line:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
}

.nav {
	flex: 1;
	display: flex;
	justify-content: center;
	min-width: 0;
}

.nav__list {
	display: flex;
	flex-wrap: nowrap;
	gap: 55px;
}

.nav__link {
	display: block;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}

.nav__item {
	position: relative;
	color: #000;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	transition: color 0.3s ease;
}
.nav__item--dropdown::after {
	content: '';
	position: absolute;
	bottom: 0;
	background-image: url('../images/nav-decor.svg');
	right: 0;
	width: 8px;
	height: 8px;
}

.nav__item--dropdown {
	padding-right: 25px;
}

.nav__dropdown::before {
	content: '';
	position: absolute;
	top: -14px;
	left: 0;
	right: 0;
	height: 14px;
}

.nav__dropdown {
	position: absolute;
	top: calc(100% + 14px);
	left: 50%;
	z-index: 110;
	min-width: 240px;
	margin: 0;
	padding: 10px 0;
	list-style: none;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(5, 78, 5, 0.12);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate(-50%, 8px);
	transition:
		opacity 0.25s ease,
		visibility 0.25s ease,
		transform 0.25s ease;
}

.nav__item--dropdown:hover .nav__dropdown,
.nav__item--dropdown:focus-within .nav__dropdown {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translate(-50%, 0);
}

.nav__dropdown-link {
	display: block;
	padding: 10px 24px;
	color: #000;
	font-family: Montserrat, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
	transition:
		color 0.25s ease,
		background-color 0.25s ease;
}

.nav__dropdown-link:hover,
.nav__dropdown-link:focus-visible {
	color: #117f1c;
	background: #ebf4ee;
}

.nav__item:hover,
.nav__item--active {
	color: #117f1c;
}

.header__right {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	border-radius: 16px;
	background: #ebf4ee;
}
.header__socials {
	display: flex;
	gap: 10px;
	padding: 0 32px;
}
.header__social {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
	border-radius: 8px;
	transition:
		background-color 0.25s ease,
		transform 0.25s ease,
		opacity 0.25s ease;
}
.header__social:hover {
	background-color: rgba(17, 127, 28, 0.12);
	transform: translateY(-2px);
}
.header__social:active {
	transform: translateY(0);
	opacity: 0.85;
}
.header__social img {
	display: block;
	transition: opacity 0.25s ease;
}
.header__social:hover img {
	opacity: 0.85;
}
.header__donate {
	display: flex;
	gap: 11px;
	align-items: center;
	padding: 20px 33px;
	border-radius: 16px;
	border: none;
	cursor: pointer;
	background: linear-gradient(
		100deg,
		#a9c337 0%,
		#7eb52a 30%,
		#117f1c 50%,
		#7eb52a 70%,
		#a9c337 100%
	);
	background-size: 200% 100%;
	background-position: 0% 50%;
	color: var(--White, #fff);
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	transition:
		background-position 0.55s ease,
		box-shadow 0.25s ease;
}
.header__donate:hover {
	background-position: 100% 50%;
	box-shadow: 0 2px 8px rgba(17, 127, 28, 0.15);
}
.header__donate:active {
	background-position: 50% 50%;
	box-shadow: 0 1px 4px rgba(17, 127, 28, 0.12);
}

.header__donate:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

@media (max-width: 1650px) {
	.header__inner {
		padding-left: 32px;
		padding-right: 32px;
		gap: 20px;
	}

	.nav__list {
		gap: 42px;
	}

	.nav__item {
		font-size: 17px;
	}

	.nav__item--dropdown {
		padding-right: 22px;
	}

	.header__socials {
		gap: 16px;
		padding: 0 26px;
	}

	.header__donate {
		padding: 18px 28px;
		font-size: 22px;
	}
}

@media (max-width: 1520px) {
	.header__inner {
		padding-left: 28px;
		padding-right: 28px;
	}

	.logo__img {
		height: 58px;
	}

	.nav__list {
		gap: 34px;
	}

	.nav__item {
		font-size: 16px;
	}

	.nav__item--dropdown {
		padding-right: 20px;
	}

	.header__menu {
		gap: 20px;
	}

	.header__donate {
		padding: 16px 24px;
		font-size: 20px;
		gap: 9px;
	}

	.header__donate img {
		width: 22px;
		height: auto;
	}
}

@media (max-width: 1400px) {
	.header__inner {
		padding-left: 24px;
		padding-right: 24px;
		gap: 16px;
	}

	.logo__img {
		height: 54px;
	}

	.nav__list {
		gap: 26px;
	}

	.nav__item {
		font-size: 15px;
	}

	.nav__item--dropdown::after {
		width: 7px;
		height: 7px;
	}

	.nav__item--dropdown {
		padding-right: 18px;
	}

	.header__socials {
		gap: 14px;
		padding: 0 20px;
	}

	.header__social img {
		width: 22px;
		height: auto;
	}

	.header__donate {
		padding: 14px 20px;
		font-size: 18px;
	}
}

@media (max-width: 1280px) {
	.header__inner {
		padding-left: 20px;
		padding-right: 20px;
	}

	.nav__list {
		gap: 18px;
	}

	.nav__item {
		font-size: 14px;
	}

	.nav__item--dropdown {
		padding-right: 16px;
	}

	.header__menu {
		gap: 16px;
	}

	.header__socials {
		gap: 12px;
		padding: 0 16px;
	}

	.header__donate {
		padding: 12px 18px;
		font-size: 16px;
		border-radius: 14px;
	}

	.header__right {
		border-radius: 14px;
	}
}

@media (max-width: 1199px) {
	.header {
		z-index: 100;
	}

	.header__inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 12px;
		padding: 10px 20px;
	}

	.header__burger {
		display: flex;
		width: 44px;
		height: 44px;
	}

	.nav {
		flex: none;
		display: block;
	}

	.header__menu {
		display: block;
		position: fixed;
		top: var(--header-offset, 72px);
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 99;
		flex: none;
		max-height: none;
		margin: 0;
		padding: 0 20px 24px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		background: #fff;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:
			opacity 0.3s ease,
			visibility 0.3s ease;
	}

	.header--open .header__menu {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		border-top: 1px solid #e0ebe4;
	}

	.header--open .header__menu .nav__list {
		padding-top: 12px;
	}

	.header__right {
		display: flex;
		flex-direction: row;
		align-items: stretch;
		justify-content: center;
		width: fit-content;
		max-width: 100%;
		margin: 8px auto 0;
		min-height: 54px;
		border-radius: 14px;
		background: #ebf4ee;
		overflow: hidden;
	}

	.header__socials {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 14px;
		padding: 0 18px;
		background: transparent;
	}

	.header__social {
		min-width: 44px;
		min-height: 44px;
		padding: 8px;
	}

	.header__social img {
		width: 22px;
		height: 22px;
	}

	.header__donate {
		flex-shrink: 0;
		align-self: stretch;
		padding: 0 24px;
		font-size: 17px;
		gap: 9px;
		border-radius: 0 14px 14px 0;
	}

	.header__donate img {
		width: 22px;
		height: auto;
	}

	.nav__list {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: 16px 0 8px;
	}

	.nav__link {
		white-space: normal;
	}

	.nav__item {
		font-size: 17px;
		padding: 14px 0;
		border-bottom: 1px solid #e0ebe4;
	}

	.nav__item:last-child {
		border-bottom: none;
	}

	.nav__item--dropdown {
		padding-right: 0;
	}

	.nav__item--dropdown::after {
		display: none;
	}

	.nav__dropdown::before {
		display: none;
	}

	.nav__dropdown {
		position: static;
		min-width: 0;
		padding: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}

	.nav__item--dropdown.is-open .nav__dropdown {
		max-height: 320px;
	}

	.nav__item--dropdown:hover .nav__dropdown,
	.nav__item--dropdown:focus-within .nav__dropdown {
		transform: none;
	}

	.nav__dropdown-link {
		padding: 10px 0 10px 16px;
		font-size: 15px;
	}

	.nav__dropdown-link:hover,
	.nav__dropdown-link:focus-visible {
		background: transparent;
	}

	.logo__img {
		height: 50px;
	}
}

@media (max-width: 768px) {
	.header__inner {
		padding: 8px 16px;
		column-gap: 10px;
	}

	.logo__img {
		height: 46px;
	}

	.header__burger {
		width: 40px;
		height: 40px;
		gap: 5px;
		border-radius: 10px;
	}

	.header__burger-line {
		width: 20px;
	}

	.header--open .header__burger-line:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}

	.header--open .header__burger-line:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	.header__right {
		min-height: 52px;
		border-radius: 12px;
	}

	.header__socials {
		gap: 12px;
		padding: 0 16px;
	}

	.header__social img {
		width: 22px;
		height: 22px;
	}

	.header__donate {
		padding: 0 22px;
		font-size: 16px;
		border-radius: 0 12px 12px 0;
	}

	.header__donate img {
		width: 22px;
	}

	.nav__item {
		font-size: 16px;
		padding: 12px 0;
	}
}

@media (max-width: 480px) {
	.header__inner {
		padding: 8px 12px;
		column-gap: 8px;
	}

	.logo__img {
		height: 42px;
	}

	.header__right {
		min-height: 50px;
	}

	.header__socials {
		gap: 10px;
		padding: 0 14px;
	}

	.header__donate {
		padding: 0 20px;
		font-size: 15px;
		gap: 8px;
	}
}

.main {
	padding-top: 25px;
	position: relative;
	overflow-x: clip;
	--main-slide-duration: 1.3s;
	--main-title-duration: 0.55s;
	--main-exit-duration: 0.58s;
	--main-exit-title-duration: 0.26s;
	--main-exit-opacity-fade: 0.1s;
	--main-text-enter-delay: 0.12s;
	--main-slide-ease: cubic-bezier(0.45, 0, 0.2, 1);
	--main-exit-ease: cubic-bezier(0.94, 0, 1, 0);
	--main-text-shift: clamp(300px, 42vw, 560px);
	--main-content-max: 720px;
	--main-content-wide: 820px;
	--main-tree-grow-duration: 1.7s;
	--main-tree-grow-ease: cubic-bezier(0.33, 1, 0.68, 1);
}

.container {
	padding: 0 15px;
	max-width: 1260px;
	margin: 0 auto;
}

.main__inner {
	display: flex;
	align-items: flex-end;
	min-height: 500px;
	padding-bottom: 24px;
}

.main__content {
	position: relative;
	z-index: 1;
}

.main.main--slider .main__content {
	min-width: 0;
}

.main__slides {
	display: grid;
	grid-template-columns: 1fr;
	align-items: start;
}

.main__slide--directions {
	padding-bottom: 50px;
}

.main__slide--bottom {
	align-self: end;
	padding-bottom: 20px;
}

.main__slide {
	grid-row: 1;
	grid-column: 1;
	visibility: hidden;
	pointer-events: none;
}

.main__slide.is-active,
.main__slide.is-enter,
.main__slide.is-exit {
	visibility: visible;
}

.main__slide .main__title,
.main__slide .main__text,
.main__slide .main__list {
	opacity: 0;
	transform: translateX(var(--main-text-shift));
	transform-origin: left center;
	transition:
		transform var(--main-slide-duration) var(--main-slide-ease),
		opacity var(--main-slide-duration) var(--main-slide-ease);
}

.main__slide.is-active .main__title,
.main__slide.is-active .main__text,
.main__slide.is-active .main__list {
	opacity: 1;
	transform: translateX(0);
}

.main__slide.is-exit .main__title {
	opacity: 0;
	transform: translateX(var(--main-text-shift)) scale(0.98);
	transition:
		transform var(--main-exit-title-duration) var(--main-exit-ease),
		opacity var(--main-exit-opacity-fade) var(--main-exit-ease)
			calc(var(--main-exit-title-duration) - var(--main-exit-opacity-fade));
}

.main__slide.is-exit .main__text,
.main__slide.is-exit .main__list {
	opacity: 0;
	transform: translateX(var(--main-text-shift)) scale(0.98);
	transition:
		transform var(--main-exit-duration) var(--main-exit-ease),
		opacity var(--main-exit-opacity-fade) var(--main-exit-ease)
			calc(var(--main-exit-duration) - var(--main-exit-opacity-fade));
}

.main__slide.is-enter .main__title,
.main__slide.is-enter .main__text,
.main__slide.is-enter .main__list {
	opacity: 0;
	transform: translateX(var(--main-text-shift)) scale(0.98);
	transition: none;
}

.main__slide.is-enter.is-active .main__title {
	opacity: 1;
	transform: translateX(0);
	transition:
		transform var(--main-title-duration) var(--main-slide-ease),
		opacity var(--main-title-duration) var(--main-slide-ease);
}

.main__slide.is-enter.is-active .main__text,
.main__slide.is-enter.is-active .main__list {
	opacity: 1;
	transform: translateX(0);
	transition:
		transform var(--main-slide-duration) var(--main-slide-ease),
		opacity var(--main-slide-duration) var(--main-slide-ease);
	transition-delay: var(--main-text-enter-delay);
}

.main__slide.is-active {
	pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
	.main__slide .main__title,
	.main__slide .main__text,
	.main__slide .main__list,
	.main__img,
	.main__tree {
		transition: none !important;
		animation: none !important;
	}
}

.main__title {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
	margin-bottom: 24px;
	max-width: 580px;
	z-index: 10;
}

.main__text {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	max-width: 460px;
}

.main__slide--wide .main__title {
	max-width: var(--main-content-max);
}

.main__slide--wide .main__text {
	max-width: var(--main-content-max);
	line-height: 32px;
}

.main__slide--directions .main__title,
.main__slide--directions .main__list {
	max-width: var(--main-content-wide);
}

.main__list {
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: var(--main-content-max);
}

.main__list-item {
	color: var(--Black, #000);
	font-family: Montserrat;
	position: relative;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	padding-left: 40px;
}

.main__list-item + .main__list-item {
	margin-top: 3px;
}

.main__list-item::before {
	content: '';
	position: absolute;
	background-image: url('../images/directions-check.svg');
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
	top: -4px;
	width: 40px;
	height: 40px;
}

.main__media {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	max-height: 100%;
}

.main__photos {
	display: grid;
	grid-template-columns: 1fr;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.main__img {
	grid-row: 1;
	grid-column: 1;
	position: relative;
	display: block;
	height: auto;
	max-height: 500px;
	width: auto;
	justify-self: end;
	align-self: end;
	opacity: 0;
	visibility: hidden;
	transform: translateX(0);
	z-index: 1;
	transition: none;
	pointer-events: none;
}

.main__img.is-active {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	z-index: 1;
}

.main__img.is-exit {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	z-index: 1;
}

.main__img.is-enter {
	opacity: 1;
	visibility: visible;
	transform: translateX(-100%);
	z-index: 2;
}

.main__img.is-enter.is-active {
	transform: translateX(0);
	transition: transform var(--main-slide-duration) var(--main-slide-ease);
}

.main__tree {
	position: absolute;
	right: 68%;
	bottom: 0;
	height: auto;
	max-height: 500px;
	width: auto;
	z-index: 2;
	transform-origin: center bottom;
	animation: main-tree-grow var(--main-tree-grow-duration)
		var(--main-tree-grow-ease) both;
}

@keyframes main-tree-grow {
	from {
		clip-path: inset(100% 0 0 0);
		opacity: 0.85;
	}

	to {
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
}

@media (max-width: 2000px) {
	.main.main--slider {
		--main-content-max: 660px;
		--main-content-wide: 740px;
	}

	.main.main--slider .main__content {
		max-width: 58%;
	}

	.main.main--slider .main__title {
		max-width: min(520px, 100%);
	}

	.main.main--slider .main__text {
		max-width: min(420px, 100%);
	}
}

@media (max-width: 1850px) {
	.main.main--slider {
		--main-content-max: 620px;
		--main-content-wide: 700px;
	}

	.main.main--slider .main__content {
		max-width: 56%;
	}

	.main.main--slider .main__title {
		max-width: min(500px, 100%);
	}

	.main.main--slider .main__text {
		max-width: min(400px, 100%);
	}
}

@media (max-width: 1750px) {
	.main.main--slider {
		--main-content-max: 580px;
		--main-content-wide: 660px;
	}

	.main.main--slider .main__content {
		max-width: 54%;
	}

	.main.main--slider .main__title {
		max-width: min(480px, 100%);
	}

	.main.main--slider .main__text {
		max-width: min(380px, 100%);
	}
}

@media (max-width: 1650px) {
	.main__media {
		right: -138px;
	}

	.main.main--slider {
		--main-content-max: 540px;
		--main-content-wide: 620px;
	}

	.main.main--slider .main__content {
		max-width: 52%;
	}

	.main.main--slider .main__title {
		max-width: min(460px, 100%);
	}

	.main.main--slider .main__text {
		max-width: min(360px, 100%);
	}
}

@media (max-width: 1520px) {
	.main__media {
		right: -186px;
	}

	.main.main--slider {
		--main-content-max: 500px;
		--main-content-wide: 580px;
	}

	.main.main--slider .main__content {
		max-width: 50%;
	}

	.main.main--slider .main__title {
		max-width: min(440px, 100%);
	}

	.main.main--slider .main__text {
		max-width: min(340px, 100%);
	}
}

@media (max-width: 1400px) {
	.main__media {
		right: -238px;
	}

	.main.main--slider {
		--main-content-max: 460px;
		--main-content-wide: 540px;
	}

	.main.main--slider .main__content {
		max-width: 48%;
	}

	.main.main--slider .main__title {
		max-width: min(420px, 100%);
	}

	.main.main--slider .main__text {
		max-width: min(320px, 100%);
	}
}

@media (max-width: 1280px) {
	.main__media {
		right: -300px;
	}

	.main.main--slider {
		--main-content-max: 420px;
		--main-content-wide: 500px;
	}

	.main.main--slider .main__content {
		max-width: 46%;
	}

	.main.main--slider .main__title {
		max-width: min(400px, 100%);
	}

	.main.main--slider .main__text {
		max-width: min(300px, 100%);
	}
}

@media (max-width: 1100px) {
	.main__media {
		right: -370px;
	}

	.main.main--slider {
		--main-content-max: 380px;
		--main-content-wide: 460px;
	}

	.main.main--slider .main__content {
		max-width: 44%;
	}

	.main.main--slider .main__title {
		max-width: min(380px, 100%);
	}

	.main.main--slider .main__text {
		max-width: min(280px, 100%);
	}
}

@media (max-width: 1240px) {
	.main.main--slider {
		--main-text-shift: 0;
		--main-text-enter-delay: 0s;
		--main-tree-grow-duration: 0s;
		--main-content-max: 360px;
		--main-content-wide: 440px;
	}

	.main.main--slider .main__content {
		max-width: 42%;
		z-index: 2;
	}

	.main.main--slider .main__title {
		max-width: min(360px, 100%);
	}

	.main.main--slider .main__text {
		max-width: min(260px, 100%);
	}

	.main.main--slider .main__inner {
		min-height: 500px;
		align-items: flex-end;
		padding-bottom: 24px;
	}

	.main.main--slider .main__slide--directions,
	.main.main--slider .main__slide--bottom {
		padding-bottom: 0;
	}

	.main.main--slider .main__tree {
		z-index: 1;
		animation: none;
		clip-path: none;
		opacity: 1;
	}

	.main.main--slider .main__photos {
		z-index: 0;
	}

	.main.main--slider .main__img,
	.main.main--slider .main__img.is-active,
	.main.main--slider .main__img.is-exit {
		z-index: 0;
	}

	.main.main--slider .main__img.is-enter,
	.main.main--slider .main__img.is-enter.is-active {
		z-index: 1;
	}

	.main.main--slider .main__img.is-enter {
		transform: none;
		opacity: 0;
		transition: none;
	}

	.main.main--slider .main__img.is-enter.is-active {
		transform: none;
		opacity: 1;
		transition: opacity var(--main-slide-duration) var(--main-slide-ease);
	}

	.main.main--slider .main__img.is-exit {
		transform: none;
		opacity: 0;
		transition: opacity var(--main-exit-duration) var(--main-exit-ease);
	}

	.main.main--slider .main__slide--bottom {
		align-self: start;
	}
}

@media (max-width: 1024px) {
	.main {
		--main-offset-top: 16px;
		--main-text-shift: 64px;
		overflow-x: clip;
		isolation: isolate;
		padding-top: var(--main-offset-top);
	}

	.main:has(.main__inner)::before {
		content: '';
		position: absolute;
		left: max(-8%, -60px);
		top: var(--main-offset-top);
		width: min(52vw, 480px);
		height: min(52vw, 480px);
		background: radial-gradient(
			circle at 30% 20%,
			rgba(235, 244, 238, 0.95) 0%,
			rgba(235, 244, 238, 0.35) 45%,
			transparent 72%
		);
		pointer-events: none;
		z-index: 0;
	}

	.main .container {
		position: relative;
		z-index: 1;
	}

	.main__inner {
		display: grid;
		grid-template-columns: 1fr;
		align-items: start;
		min-height: auto;
		gap: 28px;
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 32px;
	}

	.main__content {
		z-index: 2;
		max-width: 100%;
	}

	.main.main--slider .main__content {
		max-width: 100%;
	}

	.main.main--slider .main__title,
	.main.main--slider .main__text,
	.main.main--slider .main__list {
		max-width: 100%;
	}

	.main__title {
		font-size: clamp(26px, 5vw, 36px);
		line-height: 1.15;
		margin-bottom: clamp(14px, 2vw, 20px);
		max-width: 100%;
	}

	.main__text,
	.main__list-item {
		font-size: clamp(15px, 2.5vw, 18px);
		line-height: 1.45;
		max-width: 100%;
	}

	.main__list {
		max-width: 100%;
	}

	.main__media {
		display: block;
		position: relative;
		right: auto;
		top: 0;
		transform: none;
		order: -1;
		align-self: start;
		justify-self: stretch;
		width: 100%;
		max-width: 100%;
		max-height: none;
		margin: 0;
	}

	.main__tree {
		display: none;
	}

	.main__photos {
		width: 100%;
	}

	.main__img {
		justify-self: stretch;
		display: block;
		width: 100%;
		max-width: 100%;
		max-height: none;
		height: auto;
		margin: 0;
		object-fit: contain;
		object-position: left top;
	}
}

@media (max-width: 768px) {
	.main {
		--main-offset-top: 12px;
	}

	.main:has(.main__inner)::before {
		left: max(-12%, -48px);
		top: var(--main-offset-top);
		width: min(75vw, 400px);
		height: min(65vw, 340px);
		background: radial-gradient(
			circle at 30% 18%,
			rgba(235, 244, 238, 0.95) 0%,
			rgba(235, 244, 238, 0.35) 45%,
			transparent 72%
		);
		transform: none;
	}

	.main__inner {
		gap: 20px;
		padding-bottom: 24px;
	}

	.main__img {
		filter: drop-shadow(0 14px 14px rgba(5, 78, 5, 0.1));
	}
}

@media (max-width: 480px) {
	.main__inner {
		gap: 16px;
		padding-bottom: 20px;
	}

	.main:has(.main__inner)::before {
		width: min(85vw, 340px);
		height: min(72vw, 300px);
	}
}

.junior {
	padding: 60px 0 0 0;
}

.junior__description {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 38px;
}
.junior__description-title {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.junior__inner {
	position: relative;
	overflow: hidden;
	padding-top: 27px;
	border-radius: 16px;
	margin-bottom: 60px;
}

.junior__inner::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #ebf4ee 0%, #fff 100%);
	z-index: 0;
}

.junior__img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: 100%;
	max-width: 48%;
	transform: translateX(10%);
	object-fit: contain;
	object-position: right center;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
	border-radius: 0 16px 16px 0;
	clip-path: ellipse(90% 100% at 100% 50%);
}

.junior__content {
	position: relative;
	z-index: 1;
	padding: 0 50px;
	margin-bottom: 52px;
}

.junior__title {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
	margin-bottom: 20px;
}

.junior__text {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	max-width: 700px;
}

.junior__footer {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	border-radius: 0 0 16px 16px;
}

.junior__footer-start {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 42px;
	min-width: 0;
}

.junior__btn-wrap {
	position: relative;
	flex-shrink: 0;
	background: #fff;
	padding: 15px 18px 0 0;
	border-radius: 0 16px 0 16px;
}

.junior__btn-wrap::before {
	content: '';
	position: absolute;
	left: -45px;
	bottom: -0.3px;
	width: 27px;
	height: 27px;
	background-image: url('../images/radius.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none;
}

.junior__button {
	position: relative;
	overflow: visible;
	border: none;
	cursor: pointer;
	border-radius: 16px;
	background: linear-gradient(
		100deg,
		#117f1c 0%,
		#2d8f24 30%,
		#a9c337 50%,
		#2d8f24 70%,
		#117f1c 100%
	);
	background-size: 200% 100%;
	background-position: 0% 50%;
	color: var(--White, #fff);
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	display: inline-flex;
	align-items: center;
	gap: 11px;
	padding: 15px 63px;
	white-space: nowrap;
	transition:
		background-position 0.55s ease,
		box-shadow 0.25s ease;
}

.junior__button:hover {
	background-position: 100% 50%;
	box-shadow: 0 2px 8px rgba(17, 127, 28, 0.15);
}

.junior__button:active {
	background-position: 50% 50%;
	box-shadow: 0 1px 4px rgba(17, 127, 28, 0.12);
}

.junior__info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 24px;
}

.junior__date,
.junior__time {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--Green, #117f1c);
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.junior__union-wrap {
	flex-shrink: 0;
	background: #fff;
	padding: 15px 0 0 18px;
	border-radius: 25px 0 0px 0;
}

.junior__union-btn,
.news__card-btn,
.accordion__btn {
	border: none;
	cursor: pointer;
	border-radius: 16px;
	background: var(--Dark-green, #054e05);
	padding: 27px 30px;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition:
		box-shadow 0.25s ease,
		background-color 0.25s ease;
}

.accordion__btn {
	outline: none;
	background: var(
		--Yellow,
		linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
		#d3f445
	);
}

.accordion__btn img {
	display: block;
	width: 11px;
	height: 15px;
	transform: rotate(90deg);
	filter: brightness(0) saturate(100%) invert(16%) sepia(98%) saturate(2077%)
		hue-rotate(88deg) brightness(95%) contrast(101%);
	transition: transform 0.4s ease;
}

.junior__union-btn:hover,
.news__card-btn:hover {
	background-color: #066606;
}

.junior__union-btn:hover {
	box-shadow: 0 6px 14px rgba(5, 78, 5, 0.18);
}

.accordion__btn:hover {
	box-shadow: 0 6px 14px rgba(5, 78, 5, 0.12);
}

.junior__union-btn:active {
	box-shadow: 0 2px 8px rgba(5, 78, 5, 0.14);
}

.news__card-btn:active {
	box-shadow: none;
}

.junior__union-btn:focus-visible,
.news__card-btn:focus-visible {
	outline: 3px solid #d3f445;
	outline-offset: 3px;
}

.accordion__btn:focus-visible {
	outline: 3px solid #054e05;
	outline-offset: 3px;
}

@media (max-width: 1240px) {
	.junior {
		padding: 48px 0;
	}

	.junior__description {
		margin-bottom: 28px;
	}

	.junior__description-title {
		font-size: 22px;
	}

	.junior__inner {
		padding-top: 24px;
	}

	.junior__img {
		display: none;
	}

	.junior__content {
		padding: 0 clamp(20px, 4vw, 40px);
		margin-bottom: 32px;
	}

	.junior__title {
		font-size: clamp(26px, 3vw, 30px);
		margin-bottom: 16px;
	}

	.junior__text {
		font-size: clamp(16px, 1.8vw, 18px);
		line-height: 1.6;
		max-width: none;
	}

	.junior__footer {
		padding: 0 clamp(16px, 3vw, 24px) 20px;
	}

	.junior__footer-start {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 16px 24px;
		width: 100%;
	}

	.junior__union-wrap {
		display: none;
	}

	.junior__btn-wrap {
		background: none;
		padding: 0;
		border-radius: 0;
	}

	.junior__btn-wrap::before {
		display: none;
	}

	.junior__button {
		font-size: 20px;
		padding: 8px 24px;
	}

	.junior__info {
		flex: 1;
		justify-content: flex-end;
		gap: 12px 20px;
		min-width: 0;
	}

	.junior__date,
	.junior__time {
		font-size: 16px;
		line-height: 1.4;
	}
}

@media (max-width: 768px) {
	.junior {
		padding: 32px 0;
	}

	.junior__description {
		margin-bottom: 20px;
		gap: 8px;
	}

	.junior__description-title {
		font-size: 20px;
	}

	.junior__description-img {
		width: 28px;
		height: auto;
	}

	.junior__inner {
		padding-top: 16px;
	}

	.junior__content {
		padding: 0 16px;
		margin-bottom: 24px;
	}

	.junior__title {
		font-size: 22px;
		margin-bottom: 12px;
	}

	.junior__text {
		font-size: 15px;
		line-height: 1.55;
	}

	.junior__footer {
		padding: 0 12px 16px;
	}

	.junior__button {
		font-size: 18px;
		padding: 8px 20px;
	}

	.junior__date,
	.junior__time {
		font-size: 14px;
	}

	.junior__footer-start {
		gap: 12px 16px;
	}
}

@media (max-width: 550px) {
	.junior__footer-start {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.junior__info {
		order: -1;
		flex: none;
		justify-content: center;
	}

	.junior__btn-wrap {
		align-self: center;
	}
}

@media (max-width: 480px) {
	.junior__button {
		font-size: 16px;
		padding: 8px 16px;
	}
}

.shows {
	padding: 0px 0 60px 0;
}

.shows__items,
.rent__items {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 20px;
}

.rent__items {
	width: 100%;
}

.shows__item,
.rent__item {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 400px;
	min-height: 360px;
	overflow: hidden;
	border-radius: 16px;
}

.shows__photo {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	pointer-events: none;
}

.rent__item {
	flex: 1 1 0;
	min-width: 0;
	width: auto;
	max-width: none;
	min-height: 400px;
}

.shows__visual {
	position: relative;
	flex-shrink: 0;
	height: 228px;
	overflow: hidden;
	display: none;
}

.shows__visual::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0) 18.31%,
		#ebf4ee 83.1%
	);
	pointer-events: none;
}

.shows__img {
	display: none;
	width: 108.207%;
	max-width: none;
	height: 100%;
	margin-left: -15px;
	object-fit: cover;
	object-position: top center;
}

.shows__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	width: 100%;
	min-height: 0;
	margin-top: 0;
	padding: 215px 20px 8px;
	position: relative;
	z-index: 2;
}

.rent__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	width: 100%;
	min-height: 0;
	margin-top: 0;
	padding: 20px 20px 72px;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}

.shows__item::before,
.rent__item::before,
.news__card-media::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0) 18.31%,
		#ebf4ee 83.1%
	);
	pointer-events: none;
}

.shows__body > *,
.rent__body > * {
	position: relative;
	z-index: 1;
}

.shows__title {
	color: #054e05;
	text-align: center;
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
}

.shows__info {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	color: #054e05;
	font-family: Montserrat, sans-serif;
	font-size: 18px;
	font-weight: 500;
}

.shows__bottom-calendar,
.shows__bottom-time,
.rent__bottom-calendar,
.rent__bottom-time {
	display: flex;
	align-items: center;
	gap: 6px;
}
.rent__title-card {
	color: var(--Black, #000);
	text-align: center;
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
}
.rent__info {
	color: var(--Black, #000);
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
}
.rent__price {
	color: var(--Black, #000);
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
}
.shows__bottom-calendar img,
.shows__bottom-time img,
.rent__bottom-calendar img,
.rent__bottom-time img {
	display: block;
	flex-shrink: 0;
}
.rent {
	padding: 0 40px 80px;
}
.shows__btn-wrap,
.rent__btn-wrap {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 2;
	display: inline-flex;
	transform: translateX(-50%);
	padding: 10px 12px 0;
	background: #fff;
	border-radius: 25px 25px 0 0;
}

.shows__btn,
.rent__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	gap: 11px;
	padding: 8px 24px;
	border-radius: 16px;
	white-space: nowrap;
	text-wrap: nowrap;
	color: #054e05;
	font-family: Montserrat, sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	background: linear-gradient(
		100deg,
		#b5cf32 0%,
		#c8dd3c 25%,
		#e2f752 50%,
		#c8dd3c 75%,
		#b5cf32 100%
	);
	background-size: 200% 100%;
	background-position: 0% 50%;
	transition:
		background-position 0.55s ease,
		box-shadow 0.25s ease;
}
.shows__btn::after,
.rent__btn::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	background-image: url('../images/radius-small.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	right: -23px;
	bottom: -0.5px;
}
.shows__btn::before,
.rent__btn::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	background-image: url('../images/radius-small.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	bottom: -0.5px;
	transform: rotate(-90deg);
	left: -23px;
}
.shows__btn:hover,
.rent__btn:hover {
	background-position: 100% 50%;
	box-shadow: 0 2px 6px rgba(5, 78, 5, 0.1);
}

.shows__btn:active,
.rent__btn:active {
	background-position: 50% 50%;
	box-shadow: 0 1px 4px rgba(5, 78, 5, 0.08);
}

.shows__btn img,
.rent__btn img {
	display: block;
	flex-shrink: 0;
}

.shows__watch,
.rent__watch {
	margin-top: 48px;
}

.news__watch {
	margin-top: 48px;
	padding: 0 40px;
	box-sizing: border-box;
}

.news__watch-btn {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	width: calc((100% - 40px) / 3);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 15px 24px;
	border-radius: 16px;
	border: 3px solid #d3f445;
	background: transparent;
	color: #054e05;
	text-decoration: none;
	cursor: pointer;
	transition:
		box-shadow 0.25s ease,
		border-color 0.25s ease;
}

.shows__watch,
.rent__watch {
	width: calc((100% - 40px) / 3);
	margin-left: auto;
	margin-right: auto;
}

.shows__watch-btn,
.rent__watch-btn {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	width: 100%;
	box-sizing: border-box;
	padding: 15px 24px;
	border-radius: 16px;
	border: 3px solid #d3f445;
	background: transparent;
	color: #054e05;
	text-decoration: none;
	cursor: pointer;
	transition:
		box-shadow 0.25s ease,
		border-color 0.25s ease;
}

.news__watch-btn::before,
.shows__watch-btn::before,
.rent__watch-btn::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: 13px;
	background: linear-gradient(
		100deg,
		#b5cf32 0%,
		#c8dd3c 25%,
		#e2f752 50%,
		#c8dd3c 75%,
		#b5cf32 100%
	);
	background-size: 200% 100%;
	background-position: 0% 50%;
	opacity: 0;
	transition:
		opacity 0.35s ease,
		background-position 0.55s ease;
}

.news__watch-btn:hover,
.shows__watch-btn:hover,
.rent__watch-btn:hover {
	border-color: #c8dd3c;
	box-shadow: 0 2px 6px rgba(5, 78, 5, 0.1);
}

.news__watch-btn:hover::before,
.shows__watch-btn:hover::before,
.rent__watch-btn:hover::before {
	opacity: 1;
	background-position: 100% 50%;
}

.news__watch-btn:active,
.shows__watch-btn:active,
.rent__watch-btn:active {
	box-shadow: 0 1px 4px rgba(5, 78, 5, 0.08);
}

.news__watch-btn:active::before,
.shows__watch-btn:active::before,
.rent__watch-btn:active::before {
	background-position: 50% 50%;
}

.news__watch-btn img,
.shows__watch-btn img,
.rent__watch-btn img {
	display: block;
	flex-shrink: 0;
}

.news__watch-btn span,
.shows__watch-btn span,
.rent__watch-btn span {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
}

body:has(.main .about) .header {
	background: transparent;
	transition:
		background-color 0.3s ease,
		padding-top 0.3s ease;
}

body:has(.main .about) .header.header--scrolled,
body:has(.main .about) .header.header--open {
	background: #fff;
}

.main:has(.about) {
	--about-decor-header: var(
		--header-offset,
		calc(114px + var(--header-top-gap, 15px))
	);
	--about-decor-fade: 90px;
	overflow: visible;
}

.main:has(.about)::before {
	content: none;
	display: none;
}

.main:has(.about)::after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--about-decor-header));
	right: 0;
	width: 1500px;
	height: 1500px;
	background-image: url('../images/main.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
	pointer-events: none;
	z-index: 0;
	-webkit-mask-image: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.45) 0,
		rgba(0, 0, 0, 0.45) var(--about-decor-header),
		rgba(0, 0, 0, 1) calc(var(--about-decor-header) + var(--about-decor-fade))
	);
	mask-image: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.45) 0,
		rgba(0, 0, 0, 0.45) var(--about-decor-header),
		rgba(0, 0, 0, 1) calc(var(--about-decor-header) + var(--about-decor-fade))
	);
}
.about {
	position: relative;
	z-index: 1;
}

.about__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.about__content {
	flex: 0 0 705px;
	max-width: 705px;
}
.about__subtitle {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 160% */
}
.about__title {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 52px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
.about__text {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
}
.about__image {
	transform: translateX(50px);
}

@media (max-width: 1600px) {
	.main:has(.about)::after {
		width: min(1500px, 96vw);
		height: min(1500px, 96vw);
	}

	.about__inner {
		gap: clamp(20px, 2.5vw, 32px);
	}

	.about__content {
		flex: 0 1 clamp(480px, 44vw, 705px);
		max-width: clamp(480px, 44vw, 705px);
		min-width: 0;
	}

	.about__image {
		flex: 1 1 auto;
		min-width: 0;
		max-width: min(
			691px,
			calc(100% - clamp(480px, 44vw, 705px) - clamp(20px, 2.5vw, 32px))
		);
		transform: translateX(clamp(0px, 2.5vw, 50px));
	}

	.about__image img {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}

@media (max-width: 1400px) {
	.main:has(.about)::after {
		width: min(1200px, 92vw);
		height: min(1200px, 92vw);
	}

	.about__content {
		flex: 0 1 clamp(420px, 42vw, 620px);
		max-width: clamp(420px, 42vw, 620px);
	}

	.about__title {
		font-size: clamp(40px, 3.6vw, 52px);
	}

	.about__image {
		max-width: min(580px, 46vw);
		transform: translateX(clamp(0px, 1.5vw, 30px));
	}

	.about__image img {
		max-width: 100%;
	}
}

@media (max-width: 1240px) {
	.main:has(.about)::after {
		width: min(1000px, 88vw);
		height: min(1000px, 88vw);
	}

	.about__inner {
		gap: clamp(16px, 2vw, 24px);
	}

	.about__content {
		flex: 0 1 clamp(360px, 48%, 560px);
		max-width: clamp(360px, 48%, 560px);
	}

	.about__subtitle,
	.about__text {
		font-size: clamp(16px, 1.6vw, 20px);
		line-height: 1.6;
	}

	.about__title {
		font-size: clamp(36px, 4vw, 48px);
	}

	.about__image {
		max-width: min(480px, 50%);
		transform: translateX(0);
	}
}

@media (max-width: 1024px) {
	.main:has(.about) {
		overflow-x: clip;
	}

	.main:has(.about)::after {
		width: min(780px, 120vw);
		height: min(780px, 120vw);
		right: -12%;
		opacity: 0.85;
	}

	.about__inner {
		gap: 28px;
	}

	.about__content {
		flex: none;
		max-width: 640px;
		width: 100%;
	}

	.about__title {
		font-size: clamp(32px, 5vw, 44px);
	}

	.about__subtitle,
	.about__text {
		font-size: clamp(16px, 2.2vw, 18px);
	}

	.about__image {
		display: none;
	}
}

@media (max-width: 768px) {
	.main:has(.about)::after {
		width: min(620px, 130vw);
		height: min(620px, 130vw);
		right: -18%;
	}

	.about__inner {
		gap: 22px;
	}

	.about__content {
		max-width: 100%;
	}

	.about__title {
		font-size: clamp(28px, 6vw, 36px);
	}
}

@media (max-width: 480px) {
	.main:has(.about)::after {
		width: min(480px, 140vw);
		height: min(480px, 140vw);
		right: -22%;
	}

	.about__inner {
		gap: 18px;
	}

	.about__subtitle {
		font-size: 14px;
		line-height: 1.5;
	}

	.about__title {
		font-size: clamp(24px, 7vw, 30px);
	}

	.about__text {
		font-size: 15px;
		line-height: 1.5;
	}
}

@media (max-width: 1240px) {
	.shows {
		padding: 48px 0;
	}

	.shows__items {
		gap: clamp(12px, 1.6vw, 20px);
	}

	.shows__item {
		flex: 1 1 0;
		min-width: 0;
		width: auto;
		min-height: clamp(300px, 29vw, 360px);
	}

	.shows__body {
		padding-top: clamp(165px, 17.34vw, 215px);
		padding-right: clamp(12px, 1.6vw, 20px);
		padding-left: clamp(12px, 1.6vw, 20px);
		padding-bottom: 56px;
	}

	.shows__title {
		font-size: clamp(18px, 1.94vw, 24px);
		line-height: 1.25;
	}

	.shows__info {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 6px;
		column-gap: clamp(10px, 1.9vw, 24px);
		font-size: clamp(14px, 1.45vw, 18px);
	}

	.shows__bottom-calendar,
	.shows__bottom-time {
		min-width: 0;
	}

	.shows__bottom-calendar span,
	.shows__bottom-time span {
		white-space: nowrap;
	}

	.shows__btn-wrap {
		padding: 8px 10px 0;
	}

	.shows__btn {
		font-size: clamp(16px, 1.6vw, 20px);
		padding: 8px clamp(14px, 1.9vw, 24px);
		gap: clamp(8px, 0.9vw, 11px);
	}

	.shows__btn::before,
	.shows__btn::after {
		display: none;
	}

	.shows__watch,
	.rent__watch {
		margin-top: clamp(32px, 4vw, 48px);
	}

	.shows__watch,
	.rent__watch {
		width: calc((100% - 20px) / 2);
	}

	.news__watch-btn,
	.shows__watch-btn,
	.rent__watch-btn {
		padding: clamp(5px, 1.4vw, 15px) 24px;
	}

	.news__watch-btn span,
	.shows__watch-btn span,
	.rent__watch-btn span {
		font-size: clamp(18px, 1.94vw, 24px);
	}

	.rent {
		padding: 0 15px clamp(56px, 6.5vw, 80px);
	}

	.rent > .container {
		padding-inline: 0;
	}

	.rent__btn-extra {
		display: none;
	}

	.rent__items {
		gap: clamp(12px, 1.6vw, 20px);
	}

	.rent__item {
		flex: 1 1 0;
		min-width: 0;
		width: auto;
		min-height: clamp(300px, 29vw, 360px);
	}

	.rent__body {
		padding: clamp(16px, 2vw, 24px) clamp(12px, 1.6vw, 20px)
			clamp(60px, 5.5vw, 72px);
	}

	.rent__title-card {
		text-align: center;
		font-size: clamp(20px, 2.1vw, 26px);
		line-height: 1.25;
	}

	.rent__info,
	.rent__price {
		font-size: clamp(18px, 1.6vw, 22px);
		line-height: 1.4;
	}

	.rent__btn-wrap {
		padding: 8px 10px 0;
	}

	.rent__btn {
		font-size: clamp(16px, 1.6vw, 20px);
		padding: 8px clamp(14px, 1.9vw, 24px);
		gap: clamp(8px, 0.9vw, 11px);
	}

	.rent__btn::before,
	.rent__btn::after {
		display: none;
	}
}

@media (max-width: 850px) {
	.shows {
		padding: 40px 0;
	}

	.shows__items {
		flex-wrap: wrap;
		justify-content: center;
		gap: 16px;
	}

	.shows__item {
		min-height: clamp(255px, 34vw, 320px);
		border-radius: 14px;
	}

	.shows__item:nth-child(1),
	.shows__item:nth-child(2) {
		flex: 1 1 calc(50% - 8px);
		max-width: calc(50% - 8px);
	}

	.shows__item:nth-child(3) {
		flex: 0 1 auto;
		flex-basis: 100%;
		width: 100%;
		max-width: calc(50% - 8px);
		margin-inline: auto;
	}

	.shows__body {
		padding-top: clamp(140px, 22.8vw, 195px);
		padding-right: clamp(10px, 2vw, 16px);
		padding-left: clamp(10px, 2vw, 16px);
		padding-bottom: 48px;
		gap: 2px;
	}

	.shows__title {
		font-size: clamp(18px, 2.7vw, 24px);
		line-height: 1.2;
	}

	.shows__info {
		column-gap: clamp(10px, 2vw, 18px);
		row-gap: 4px;
		font-size: clamp(14px, 2vw, 18px);
	}

	.shows__bottom-calendar,
	.shows__bottom-time {
		gap: 6px;
	}

	.shows__bottom-calendar img,
	.shows__bottom-time img {
		width: clamp(18px, 2.5vw, 22px);
		height: auto;
	}

	.shows__btn-wrap {
		padding: 8px 10px 0;
		border-radius: 20px 20px 0 0;
	}

	.shows__btn {
		font-size: clamp(16px, 2.2vw, 20px);
		padding: 8px clamp(16px, 2.7vw, 22px);
		gap: 10px;
		border-radius: 14px;
	}

	.shows__btn img {
		width: clamp(18px, 2.5vw, 22px);
		height: auto;
	}

	.shows__watch,
	.rent__watch {
		margin-top: clamp(24px, 4vw, 40px);
	}

	.rent {
		padding: 0 15px clamp(48px, 6vw, 64px);
	}

	.rent__items {
		flex-wrap: nowrap;
		justify-content: stretch;
		gap: 16px;
	}

	.rent__item,
	.rent__item:nth-child(1),
	.rent__item:nth-child(2),
	.rent__item:nth-child(3) {
		flex: 1 1 0;
		min-width: 0;
		width: auto;
		max-width: none;
		margin-inline: 0;
		min-height: clamp(255px, 34vw, 320px);
		border-radius: 14px;
	}

	.rent__body {
		padding: clamp(14px, 2vw, 20px) clamp(10px, 2vw, 16px)
			clamp(54px, 6vw, 62px);
		gap: 2px;
	}

	.rent__title-card {
		font-size: clamp(20px, 2.9vw, 26px);
		line-height: 1.2;
	}

	.rent__info,
	.rent__price {
		font-size: clamp(18px, 2.2vw, 22px);
		line-height: 1.35;
	}

	.rent__btn-wrap {
		padding: 8px 10px 0;
		border-radius: 20px 20px 0 0;
	}

	.rent__btn {
		font-size: clamp(16px, 2.2vw, 20px);
		padding: 8px clamp(16px, 2.7vw, 22px);
		gap: 10px;
		border-radius: 14px;
	}

	.rent__btn img {
		width: clamp(18px, 2.5vw, 22px);
		height: auto;
	}
}

@media (max-width: 768px) {
	.shows {
		padding: 0px 0;
	}

	.shows__items {
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}

	.shows__item,
	.shows__item:nth-child(1),
	.shows__item:nth-child(2),
	.shows__item:nth-child(3) {
		flex: none;
		flex-basis: auto;
		width: 100%;
		max-width: min(100%, 360px);
		margin-inline: auto;
		min-height: 310px;
	}

	.shows__body {
		padding-top: clamp(175px, 28vw, 200px);
		padding-right: 16px;
		padding-left: 16px;
		padding-bottom: 50px;
	}

	.shows__title {
		font-size: 23px;
	}

	.shows__info {
		font-size: 17px;
		column-gap: 20px;
	}

	.shows__bottom-calendar img,
	.shows__bottom-time img {
		width: 20px;
	}

	.shows__btn {
		font-size: 19px;
		padding: 9px 22px;
	}

	.shows__btn img {
		width: 22px;
	}

	.shows__watch,
	.rent__watch {
		margin-top: clamp(28px, 4vw, 40px);
	}

	.rent {
		padding: 0 15px 48px;
	}

	.rent__items {
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}

	.rent__items {
		align-items: stretch;
	}

	.rent__item,
	.rent__item:nth-child(1),
	.rent__item:nth-child(2),
	.rent__item:nth-child(3) {
		flex: none;
		flex-basis: auto;
		width: 100%;
		max-width: 100%;
		margin-inline: 0;
		min-height: 310px;
	}

	.rent__body {
		padding: 20px 16px 64px;
	}

	.rent__title-card {
		font-size: 25px;
	}

	.rent__info,
	.rent__price {
		font-size: 20px;
		line-height: 1.35;
	}

	.rent__btn {
		font-size: 19px;
		padding: 9px 22px;
	}

	.rent__btn img {
		width: 22px;
	}
}

@media (max-width: 480px) {
	.shows {
		padding: 0;
	}

	.shows__items {
		gap: 20px;
	}

	.shows__item {
		min-height: 275px;
		max-width: 100%;
		border-radius: 12px;
	}

	.shows__body {
		padding-top: clamp(155px, 38vw, 185px);
		padding-right: 12px;
		padding-left: 12px;
		padding-bottom: 46px;
	}

	.shows__title {
		font-size: 20px;
	}

	.shows__info {
		flex-direction: column;
		align-items: center;
		gap: 6px;
		font-size: 16px;
	}

	.shows__bottom-calendar img,
	.shows__bottom-time img {
		width: 18px;
	}

	.shows__btn-wrap {
		padding: 7px 8px 0;
	}

	.shows__btn {
		font-size: 17px;
		padding: 8px 18px;
	}

	.shows__btn img {
		width: 20px;
	}

	.shows__watch,
	.rent__watch {
		margin-top: clamp(22px, 5.5vw, 28px);
	}

	.rent {
		padding: 0 15px 40px;
	}

	.rent__items {
		gap: 20px;
	}

	.rent__item {
		min-height: 275px;
		max-width: 100%;
		border-radius: 12px;
	}

	.rent__body {
		padding: 16px 12px 58px;
	}

	.rent__title-card {
		font-size: 22px;
	}

	.rent__info,
	.rent__price {
		font-size: 18px;
		line-height: 1.35;
	}

	.rent__btn-wrap {
		padding: 7px 8px 0;
	}

	.rent__btn {
		font-size: 17px;
		padding: 8px 18px;
	}

	.rent__btn img {
		width: 20px;
	}
}

.directions {
	margin-top: 10px;
	background: #ebf4ee;
	margin-bottom: 55px;
	position: relative;
	overflow: hidden;
}

.directions::before {
	content: '';
	position: absolute;
	top: 0;
	left: -387px;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/directions-decor.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none;
}

.directions .container {
	position: relative;
	z-index: 1;
}

.directions__inner {
	position: relative;
	padding: 47px 0;
	display: flex;
	align-items: stretch;
	min-height: 480px;
	overflow: visible;
}

.directions__inner::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(
		90deg,
		transparent 0%,
		transparent 32%,
		rgba(255, 255, 255, 0.45) 42%,
		rgba(255, 255, 255, 0.85) 50%,
		#fff 58%,
		#fff 100%
	);
}

.directions__content {
	position: relative;
	z-index: 2;
	flex: 0 0 790px;
	width: 790px;
	max-width: 790px;
	padding-right: 32px;
	background: transparent;
}
.directions__title {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
}
.directions__text {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 26px;
	margin-top: 12px;
}
.directions__subtitle {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
}
.directions__list {
	margin-top: 16px;
	margin-bottom: 24px;
}
.directions__list-item {
	color: var(--Black, #000);
	font-family: Montserrat;
	position: relative;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
	padding-left: 40px;
}
.directions__list-item + .directions__list-item {
	margin-top: 3px;
}
.directions__list-item:before {
	content: '';
	position: absolute;
	background-image: url('../images/directions-check.svg');
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
	top: -4px;
	width: 40px;
	height: 40px;
}
.directions__mission {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
	margin-top: 12px;
	max-width: 710px;
}
.directions__img-wrapper {
	position: absolute;
	top: 0;
	right: calc(45% - 50vw);
	z-index: 2;
	width: 850px;
	height: 100%;
	overflow: hidden;
	-webkit-clip-path: url(#directions-img-clip);
	clip-path: url(#directions-img-clip);
}

@media (max-width: 1780px) {
	.directions__img-wrapper {
		right: 0;
		margin-right: calc(50% - 50vw - max(80px, (1780px - 100vw) * 0.85));
	}
}

.directions__img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 480px;
	object-fit: cover;
	object-position: left center;
}

@media (max-width: 1240px) {
	.directions {
		margin-bottom: 0;
	}

	.directions::before {
		left: clamp(-320px, -26vw, -180px);
		width: min(140%, 900px);
		background-position: left center;
	}

	.directions__inner {
		padding: clamp(28px, 3.8vw, 47px) 0 0;
		min-height: clamp(400px, 40vw, 480px);
	}

	.directions__inner::before {
		background: linear-gradient(
			90deg,
			transparent 0%,
			transparent 26%,
			rgba(255, 255, 255, 0.4) 36%,
			rgba(255, 255, 255, 0.82) 46%,
			#fff 54%,
			#fff 100%
		);
	}

	.directions__content {
		flex: 1 1 auto;
		width: auto;
		max-width: clamp(480px, 58%, 680px);
		min-width: 0;
		padding-right: clamp(12px, 2vw, 32px);
	}

	.directions__title {
		font-size: clamp(24px, 2.58vw, 32px);
		line-height: 1.2;
	}

	.directions__text {
		font-size: clamp(16px, 1.61vw, 20px);
		margin-top: clamp(8px, 1vw, 12px);
		margin-bottom: clamp(18px, 2.1vw, 26px);
	}

	.directions__subtitle {
		font-size: clamp(19px, 1.94vw, 24px);
	}

	.directions__list {
		margin-top: clamp(12px, 1.3vw, 16px);
		margin-bottom: clamp(18px, 1.9vw, 24px);
	}

	.directions__list-item {
		font-size: clamp(16px, 1.61vw, 20px);
		line-height: 1.5;
		padding-left: clamp(30px, 3.2vw, 40px);
	}

	.directions__list-item::before {
		width: clamp(28px, 3.2vw, 40px);
		height: clamp(28px, 3.2vw, 40px);
		top: -2px;
	}

	.directions__mission {
		font-size: clamp(16px, 1.61vw, 20px);
		line-height: 1.5;
		max-width: 100%;
		margin-top: clamp(8px, 1vw, 12px);
	}

	.directions__img-wrapper {
		width: clamp(460px, 56vw, 720px);
		right: calc(40% - 50vw);
		margin-right: 0;
	}

	.directions__img {
		min-height: clamp(400px, 40vw, 480px);
		object-position: left center;
	}
}

@media (max-width: 850px) {
	.directions__content {
		flex: 1 1 0;
		max-width: calc(100% - clamp(180px, 44vw, 340px));
		min-width: 0;
	}

	.directions__title,
	.directions__text,
	.directions__subtitle,
	.directions__list-item,
	.directions__mission {
		overflow-wrap: break-word;
	}
}

@media (max-width: 768px) {
	.directions {
		background: #fff;
		overflow: hidden;
	}

	.directions::before {
		display: none;
	}

	.directions__inner {
		flex-direction: column;
		min-height: auto;
		padding: 32px 0 0;
	}

	.directions__inner::before {
		display: block;
		inset: auto -15px 0;
		top: auto;
		z-index: 0;
		height: clamp(320px, 75vw, 520px);
		background: linear-gradient(
			0deg,
			#ebf4ee 0%,
			rgba(235, 244, 238, 0.9) 25%,
			rgba(235, 244, 238, 0.6) 50%,
			rgba(235, 244, 238, 0.25) 75%,
			transparent 100%
		);
	}

	.directions__content {
		position: relative;
		z-index: 1;
		flex: none;
		max-width: 100%;
		padding-right: 0;
		padding-bottom: 0;
		background: transparent;
	}

	.directions__img-wrapper {
		display: none;
	}
}

@media (max-width: 480px) {
	.directions__inner {
		padding-top: 24px;
	}

	.directions__title {
		font-size: 22px;
	}

	.directions__text,
	.directions__list-item,
	.directions__mission {
		font-size: 15px;
	}

	.directions__subtitle {
		font-size: 18px;
	}

	.directions__list-item {
		padding-left: 28px;
	}

	.directions__list-item::before {
		width: 26px;
		height: 26px;
	}
}

.programs {
	padding: 60px 0 80px;
}

.programs__top {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 32px;
}
.programs__top-text {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.programs__items {
	display: flex;
	flex-direction: column;
	gap: 35px;
}
.programs__item {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: stretch;
	border-radius: 16px;
	justify-content: space-between;
}

/* засвітлення має бути під фото і текстом */
.programs__item::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}
.programs__item:nth-child(odd)::before {
	background: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.65) 55%,
		#ebf4ee 100%
	);
}
.programs__item:nth-child(even)::before {
	background: linear-gradient(
		270deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.65) 55%,
		#ebf4ee 100%
	);
}

/* 1 і 3 блок: фото зліва, контент справа — фон і закруглення з правого боку */
.programs__item:nth-child(odd) {
	background: linear-gradient(270deg, #ebf4ee 9.56%, #fff 100%);
}

/* 2 блок: фото справа, контент зліва — фон і закруглення з лівого боку */
.programs__item:nth-child(even) {
	background: linear-gradient(90deg, #ebf4ee 9.56%, #fff 100%);
}
.programs__img-wrapper {
	position: relative;
	flex: 0 0 50%;
	max-width: 50%;
	overflow: hidden;
	z-index: 1;
	border-radius: 16px;
}

/* обріз краю зі сторони контенту */
.programs__item:nth-child(odd) .programs__img-wrapper {
	border-radius: 16px 0 0 16px;
	-webkit-clip-path: url(#programs-img-clip-right);
	clip-path: url(#programs-img-clip-right);
}
.programs__item:nth-child(even) .programs__img-wrapper {
	border-radius: 0 16px 16px 0;
	-webkit-clip-path: url(#directions-img-clip);
	clip-path: url(#directions-img-clip);
}

.programs__item-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.programs__content {
	display: flex;
	position: relative;
	flex: 1 1 50%;
	flex-direction: column;
	padding: 60px 40px 110px;
	min-width: 0;
	z-index: 1;
}

.programs__decor {
	position: absolute;
	width: 120px;
	height: 120px;
	z-index: 1;
	top: 35px;
	object-fit: contain;
	pointer-events: none;
}
.programs__item:nth-child(1) .programs__decor {
	right: 48px;
}
.programs__item:nth-child(2) .programs__decor {
	right: 0;
}
.programs__item:nth-child(3) .programs__decor {
	right: 20px;
}

/* 1-й блок: підтягнути текст ближче до правого краю */
.programs__item:first-child .programs__content {
	padding-right: 20px;
}

/* 2-й блок: опустити контент на 20px */
.programs__item:nth-child(2) .programs__content {
	padding-top: 80px;
}

/* 3-й блок: рухаємо тільки текст (кнопку не чіпаємо) */
.programs__item:nth-child(3) .programs__title,
.programs__item:nth-child(3) .programs__list {
	transform: translateX(-50px);
}

.programs__title {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 24px;
}
.programs__list {
	margin-bottom: 24px;
}
.programs__list-item {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	position: relative;
	line-height: 32px; /* 160% */
	padding-left: 40px;
	white-space: nowrap;
}
.programs__list-item + .programs__list-item {
	margin-top: 3px;
}
.programs__list-item::before {
	content: '';
	position: absolute;
	background-color: #054e05;
	-webkit-mask-image: url('../images/directions-check.svg');
	mask-image: url('../images/directions-check.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	left: 0;
	top: -4px;
	width: 40px;
	height: 40px;
}
.programs__bottom {
	position: absolute;
	bottom: 0;
	display: flex;
	z-index: 1;
}

/* контейнер "як у junior" */
.programs__bottom-register {
	background: #fff;
}

/* 1 і 3: кнопка внизу справа (як junior__union-wrap) */
.programs__item:nth-child(odd) .programs__bottom {
	right: 0;
}
.programs__item:nth-child(odd) .programs__bottom-register {
	padding: 15px 0 0 18px;
	border-radius: 16px 0 16px 0;
}

/* 2: кнопка внизу зліва (як junior__btn-wrap) */
.programs__item:nth-child(even) .programs__bottom {
	left: 0;
}
.programs__item:nth-child(even) .programs__bottom-register {
	padding: 15px 18px 0 0;
	border-radius: 0 16px 0 16px;
}
.programs__button {
	position: relative;
	overflow: visible;
	border-radius: 16px;
	text-decoration: none;
	background: linear-gradient(
		100deg,
		#117f1c 0%,
		#2d8f24 30%,
		#a9c337 50%,
		#2d8f24 70%,
		#117f1c 100%
	);
	background-size: 200% 100%;
	background-position: 0% 50%;
	color: var(--White, #fff);
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 15px 63px;
	transition:
		background-position 0.55s ease,
		box-shadow 0.25s ease;
}

.programs__button:hover {
	background-position: 100% 50%;
	box-shadow: 0 2px 8px rgba(17, 127, 28, 0.15);
}

.programs__button:active {
	background-position: 50% 50%;
	box-shadow: 0 1px 4px rgba(17, 127, 28, 0.12);
}

.clubs__button {
	position: relative;
	overflow: visible;
	border: none;
	cursor: pointer;
	border-radius: 16px;
	background: linear-gradient(
		100deg,
		#117f1c 0%,
		#2d8f24 30%,
		#a9c337 50%,
		#2d8f24 70%,
		#117f1c 100%
	);
	background-size: 200% 100%;
	background-position: 0% 50%;
	color: var(--White, #fff);
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	display: inline-flex;
	align-items: center;
	gap: 11px;
	padding: 15px 63px;
	white-space: nowrap;
	transition:
		background-position 0.55s ease,
		box-shadow 0.25s ease;
}

.clubs__button:hover {
	background-position: 100% 50%;
	box-shadow: 0 2px 8px rgba(17, 127, 28, 0.15);
}

.clubs__button:active {
	background-position: 50% 50%;
	box-shadow: 0 1px 4px rgba(17, 127, 28, 0.12);
}

.news {
	padding: 0 0 90px;
}

.news__top,
.rent__top {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 37px;
}
.news__top-text,
.rent__top-text {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.news__slider {
	position: relative;
	width: 100%;
	padding: 0 40px;
	box-sizing: border-box;
}

.news__viewport {
	width: 100%;
	overflow: hidden;
}

.news__track {
	display: flex;
	align-items: stretch;
	gap: 20px;
	transition: transform 0.45s ease;
	will-change: transform;
}

.news__card {
	flex: 0 0 calc((100% - 40px) / 3);
	min-width: 0;
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 500px;
	border-radius: 16px;
	overflow: hidden;
	background: transparent;
}

.news__card-media {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	border-radius: 16px;
}

.news__card-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.news__card-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 0;
	max-width: 480px;
	width: 100%;
	padding: 24px 24px 16px 40px;
	position: relative;
	z-index: 1;
	background: transparent;
}

.news__card-title {
	margin-top: auto;
	color: var(--Black, #000);
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 16px;
}

.news__card-text {
	color: var(--Black, #000);
	font-family: Montserrat, sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	margin-bottom: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.news__card-footer {
	display: flex;
	align-items: flex-end;
	align-self: stretch;
	padding-right: 110px;
	box-sizing: border-box;
}

.news__card-btn-wrap {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: #fff;
	padding: 15px 0 0 18px;
	border-radius: 25px 0 25px 0;
}

.news__card-btn > * {
	position: relative;
	z-index: 1;
}

.news__nav {
	position: absolute;
	top: 50%;
	z-index: 3;
	width: 64px;
	height: 64px;
	padding: 0;
	border: none;
	border-radius: 0;
	background: transparent;
	cursor: pointer;
	transition: opacity 0.25s ease;
}

.news__nav--prev {
	left: 40px;
	transform: translate(-50%, -50%) rotate(180deg);
}

.news__nav--next {
	right: 40px;
	left: auto;
	transform: translate(50%, -50%) rotate(180deg);
}

.news__nav:hover:not(:disabled) {
	opacity: 0.85;
}

.news__nav:disabled {
	cursor: default;
}

.news__nav:focus-visible {
	outline: 2px solid #117f1c;
	outline-offset: 4px;
	border-radius: 50%;
}

.news__nav-icon {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 64px;
	height: 64px;
}

.news__nav-icon--inactive {
	display: none;
}

.news__nav:disabled .news__nav-icon--active {
	display: none;
}

.news__nav:disabled .news__nav-icon--inactive {
	display: block;
}

.news__info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 24px;
}
.news__info-date {
	display: flex;
	align-items: center;
	gap: 6px;
}
.news__info-views {
	display: flex;
	align-items: center;
	gap: 6px;
}

.news__info-date img,
.news__info-views img {
	display: block;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
}

.news__card-footer .news__info-date span,
.news__card-footer .news__info-views span {
	line-height: normal;
}
.news__info-date span,
.news__info-views span {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 228.571% */
}

.programs__button::after {
	content: '';
	position: absolute;
	z-index: 0;
	width: 27px;
	height: 27px;
	background-image: url('../images/radius.svg');
	background-repeat: no-repeat;
	background-size: contain;
	transform: rotate(90deg);
	bottom: -0.5px;
	right: -44px;
}

.programs__button::before {
	content: '';
	position: absolute;
	left: -0.5px;
	top: -41.5px;
	transform: rotate(90deg);
	width: 27px;
	z-index: 0;
	height: 27px;
	background-image: url('../images/radius.svg');
	background-repeat: no-repeat;
	background-position: center;
}

.clubs__button::after {
	content: '';
	position: absolute;
	z-index: 0;
	width: 27px;
	height: 27px;
	background-image: url('../images/radius.svg');
	background-repeat: no-repeat;
	background-size: contain;
	transform: rotate(90deg);
	bottom: -0.5px;
	right: -44px;
}

.clubs__button::before {
	content: '';
	position: absolute;
	left: -0.5px;
	top: -41.5px;
	transform: rotate(90deg);
	width: 27px;
	z-index: 0;
	height: 27px;
	background-image: url('../images/radius.svg');
	background-repeat: no-repeat;
	background-position: center;
}

@media (min-width: 1241px) {
	.junior__button::after {
		content: '';
		position: absolute;
		z-index: 0;
		width: 27px;
		height: 27px;
		background-image: url('../images/radius.svg');
		background-repeat: no-repeat;
		background-size: contain;
		transform: rotate(90deg);
		bottom: -0.5px;
		right: -44px;
	}

	.junior__button::before {
		content: '';
		position: absolute;
		left: -0.5px;
		top: -41.5px;
		transform: rotate(90deg);
		width: 27px;
		z-index: 0;
		height: 27px;
		background-image: url('../images/radius.svg');
		background-repeat: no-repeat;
		background-position: center;
	}
}

@media (max-width: 1240px) {
	.junior__button::before,
	.junior__button::after,
	.clubs__button::before,
	.clubs__button::after {
		display: none;
	}

	.junior__union-btn::before,
	.junior__union-btn::after,
	.news__card-btn::before,
	.news__card-btn::after {
		display: none;
	}
}

/* programs 1 та 3: дзеркально (кнопка справа внизу) */
.programs__item:nth-child(1) .programs__button::before,
.programs__item:nth-child(3) .programs__button::before {
	left: auto;
	right: -1px;
	top: -42px;
	transform: none;
}
.programs__item:nth-child(1) .programs__button::after,
.programs__item:nth-child(3) .programs__button::after {
	right: auto;
	left: -45px;
	bottom: -0.5px;
	transform: none;
}

@media (max-width: 1240px) {
	.programs {
		padding: clamp(40px, 4.8vw, 60px) 0 clamp(56px, 6.5vw, 80px);
	}

	.programs__top {
		gap: clamp(8px, 0.9vw, 11px);
		margin-bottom: 0;
	}

	.programs__top-text {
		font-size: clamp(16px, 1.45vw, 20px);
		line-height: 1.25;
	}

	.programs__items {
		gap: clamp(24px, 2.8vw, 35px);
	}

	.programs__img-wrapper {
		flex: 0 0 clamp(44%, 48%, 50%);
		max-width: clamp(44%, 48%, 50%);
		min-height: clamp(280px, 32vw, 380px);
	}

	.programs__item-img {
		min-height: clamp(280px, 32vw, 380px);
	}

	.programs__content {
		padding: clamp(32px, 4vw, 60px) clamp(16px, 2.2vw, 40px)
			clamp(88px, 8.5vw, 110px);
	}

	.programs__item:first-child .programs__content {
		padding-right: clamp(12px, 1.6vw, 20px);
	}

	.programs__item:nth-child(2) .programs__content {
		padding-top: clamp(48px, 6.5vw, 80px);
	}

	.programs__item:nth-child(3) .programs__title,
	.programs__item:nth-child(3) .programs__list {
		transform: none;
	}

	.programs__decor {
		width: clamp(72px, 8.5vw, 120px);
		height: clamp(72px, 8.5vw, 120px);
		top: clamp(16px, 2.4vw, 35px);
	}

	.programs__item:nth-child(1) .programs__decor {
		right: clamp(12px, 3.2vw, 48px);
	}

	.programs__item:nth-child(3) .programs__decor {
		right: clamp(4px, 1.2vw, 20px);
	}

	.programs__title {
		font-size: clamp(24px, 2.58vw, 32px);
		line-height: 1.2;
		margin-bottom: clamp(16px, 1.9vw, 24px);
		padding-right: clamp(56px, 7.5vw, 100px);
	}

	.programs__list {
		margin-bottom: clamp(16px, 1.9vw, 24px);
	}

	.programs__list-item {
		font-size: clamp(16px, 1.61vw, 20px);
		line-height: 1.5;
		padding-left: clamp(30px, 3.2vw, 40px);
		white-space: normal;
	}

	.programs__list-item::before {
		width: clamp(28px, 3.2vw, 40px);
		height: clamp(28px, 3.2vw, 40px);
		top: -2px;
	}

	.programs__list-item + .programs__list-item {
		margin-top: clamp(2px, 0.24vw, 3px);
	}

	.programs__item:nth-child(odd) .programs__bottom-register {
		padding: clamp(10px, 1.2vw, 15px) 0 0 clamp(12px, 1.45vw, 18px);
	}

	.programs__item:nth-child(even) .programs__bottom-register {
		padding: clamp(10px, 1.2vw, 15px) clamp(12px, 1.45vw, 18px) 0 0;
	}

	.programs__button {
		font-size: clamp(18px, 1.94vw, 24px);
		padding: clamp(12px, 1.2vw, 15px) clamp(24px, 4.5vw, 63px);
		gap: clamp(8px, 0.9vw, 11px);
	}

	.programs__button::before,
	.programs__button::after,
	.programs__item:nth-child(1) .programs__button::before,
	.programs__item:nth-child(3) .programs__button::before,
	.programs__item:nth-child(1) .programs__button::after,
	.programs__item:nth-child(3) .programs__button::after {
		display: none;
	}
}

@media (max-width: 550px) {
	.programs {
		padding: 32px 0;
	}

	.programs__top {
		margin-bottom: 0;
		gap: 8px;
	}

	.programs__top-text {
		font-size: 16px;
	}

	.programs__items {
		gap: 16px;
	}

	.programs__item {
		flex-direction: column;
		background: linear-gradient(180deg, #fff 0%, #ebf4ee 100%);
	}

	.programs__item:nth-child(odd),
	.programs__item:nth-child(even) {
		background: linear-gradient(180deg, #fff 0%, #ebf4ee 100%);
	}

	.programs__item:nth-child(odd)::before,
	.programs__item:nth-child(even)::before {
		background: linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.85) 0%,
			rgba(255, 255, 255, 0.35) 45%,
			#ebf4ee 100%
		);
	}

	.programs__img-wrapper {
		display: none;
	}

	.programs__content {
		flex: none;
		width: 100%;
		padding: 24px 16px 16px;
	}

	.programs__item:first-child .programs__content {
		padding-right: 16px;
	}

	.programs__item:nth-child(2) .programs__content {
		padding-top: 24px;
	}

	.programs__decor {
		width: 72px;
		height: 72px;
		top: 16px;
		right: 12px;
	}

	.programs__title {
		font-size: 22px;
		margin-bottom: 12px;
		padding-right: 64px;
	}

	.programs__list {
		margin-bottom: 16px;
	}

	.programs__list-item {
		font-size: 15px;
		line-height: 1.55;
		padding-left: 28px;
	}

	.programs__list-item::before {
		width: 26px;
		height: 26px;
	}

	.programs__bottom {
		position: static;
		left: auto;
		right: auto;
		justify-content: center;
		margin-top: 4px;
	}

	.programs__item:nth-child(odd) .programs__bottom,
	.programs__item:nth-child(even) .programs__bottom {
		left: auto;
		right: auto;
	}

	.programs__bottom-register {
		background: none;
		padding: 0;
		border-radius: 0;
	}

	.programs__item:nth-child(odd) .programs__bottom-register,
	.programs__item:nth-child(even) .programs__bottom-register {
		padding: 0;
		border-radius: 0;
	}

	.programs__button {
		font-size: 18px;
		padding: 8px 20px;
		display: inline-flex;
	}
}

@media (max-width: 480px) {
	.programs__button {
		font-size: 16px;
		padding: 8px 16px;
	}
}

.junior__button > *,
.programs__button > *,
.clubs__button > * {
	position: relative;
	z-index: 1;
}

.junior__union-btn::before,
.news__card-btn::before {
	content: '';
	position: absolute;
	left: -45px;
	bottom: -0.3px;
	width: 27px;
	height: 27px;
	background-image: url('../images/radius.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.junior__union-btn::after,
.news__card-btn::after {
	content: '';
	position: absolute;
	right: -1px;
	top: -42px;
	width: 27px;
	height: 27px;
	background-image: url('../images/radius.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

@media (max-width: 1240px) {
	.news {
		padding: 0 0 clamp(32px, 4vw, 48px);
	}

	.news__top,
	.rent__top {
		gap: clamp(8px, 0.9vw, 11px);
		margin-bottom: clamp(24px, 2.9vw, 37px);
	}

	.news__top-text,
	.rent__top-text {
		font-size: clamp(16px, 1.45vw, 20px);
		line-height: 1.25;
	}

	.news__card {
		flex-basis: calc((100% - 20px) / 2);
		min-height: 420px;
	}

	.news__card-body {
		padding: 20px 30px 16px;
	}

	.news__card-footer {
		padding-right: 96px;
	}

	.news__card-title {
		font-size: clamp(20px, 1.94vw, 24px);
		margin-bottom: clamp(12px, 1.6vw, 16px);
	}

	.news__card-text {
		font-size: clamp(16px, 1.61vw, 20px);
		line-height: 1.4;
		margin-bottom: clamp(16px, 2vw, 24px);
	}

	.news__info {
		gap: 16px;
		flex-wrap: nowrap;
	}

	.news__info-date,
	.news__info-views {
		flex-shrink: 0;
		white-space: nowrap;
	}

	.news__info-date span,
	.news__info-views span {
		font-size: clamp(12px, 1.13vw, 14px);
		line-height: 1.4;
	}

	.news__card-btn-wrap {
		padding: clamp(10px, 1.2vw, 15px) 0 0 clamp(12px, 1.45vw, 18px);
	}

	.news__card-btn {
		padding: clamp(20px, 2.2vw, 27px) clamp(22px, 2.4vw, 30px);
	}

	.news__slider {
		padding: 0 30px;
	}

	.news__nav {
		top: 50%;
		width: 56px;
		height: 56px;
	}

	.news__nav--prev {
		left: 30px;
	}

	.news__nav--next {
		right: 30px;
	}

	.news__nav-icon {
		width: 56px;
		height: 56px;
	}

	.news__watch {
		padding: 0 30px;
	}

	.news__watch-btn {
		width: calc((100% - 20px) / 2);
	}

	.news__watch {
		margin-top: clamp(24px, 3vw, 40px);
	}
}

@media (max-width: 768px) {
	.news {
		padding-bottom: 32px;
	}

	.news__slider {
		padding: 0 30px;
	}

	.news__nav--prev {
		left: 30px;
	}

	.news__nav--next {
		right: 30px;
	}

	.news__card {
		flex-basis: 100%;
		min-height: 380px;
	}

	.news__card-body {
		padding: 20px 30px 16px;
	}

	.news__card-footer {
		padding-right: 88px;
	}

	.news__info {
		gap: 12px;
		flex-wrap: nowrap;
	}

	.news__card-text {
		margin-bottom: 20px;
	}

	.news__watch {
		padding: 0 30px;
		margin-top: 24px;
	}

	.news__watch-btn {
		width: 100%;
	}

	.shows__watch,
	.rent__watch {
		width: 100%;
	}

	.news__watch-btn,
	.shows__watch-btn,
	.rent__watch-btn {
		padding-left: 24px;
		padding-right: 24px;
	}
}

@media (max-width: 390px) {
	.news__card-body {
		padding-bottom: 60px;
	}
}

.join {
	padding: 0 0 52px;
	position: relative;
}
.join__wrapper {
	background-image: url('../images/join-bg.png');
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	/* background: radial-gradient(50% 329.92% at 100% 50%, #117f1c 0%, #a9c337 100%); */
}

.join__wrapper .container {
	position: relative;
	z-index: 1;
}

.join__content {
	padding-top: 53px;
	position: relative;
	max-width: 980px;
	margin: 0 auto;
}

.join__content > * {
	position: relative;
	z-index: 1;
}

.join__content::before,
.join__content::after {
	content: '';
	position: absolute;
	width: 200px;
	height: 200px;
	pointer-events: none;
	z-index: 0;
	background-color: #fff;
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
}

.join__content::after {
	top: -17px;
	right: -190px;
	-webkit-mask-image: url('../images/join-1.svg');
	mask-image: url('../images/join-1.svg');
}

.join__content::before {
	bottom: 0;
	left: -190px;
	-webkit-mask-image: url('../images/join-2.svg');
	mask-image: url('../images/join-2.svg');
}

.join__title {
	color: #fff;
	text-align: center;
	font-family: Montserrat;
	font-size: 54px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 24px;
}
.join__text {
	color: #fff;
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
	margin-bottom: 32px;
}
.join__btn-register {
	position: relative;
	flex-shrink: 0;
	margin: 0 auto;
	width: fit-content;
	background: #fff;
	padding: 15px 18px 0;
	border-radius: 16px 16px 0 0;
}

.join__btn-register::before {
	content: '';
	position: absolute;
	left: -26px;
	bottom: -0.3px;
	width: 27px;
	height: 27px;
	background-image: url('../images/radius.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none;
}

.join__btn-register::after {
	content: '';
	position: absolute;
	right: -26px;
	bottom: -0.3px;
	width: 27px;
	height: 27px;
	background-image: url('../images/radius.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transform: scaleX(-1);
	pointer-events: none;
}

.join__btn {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	border: none;
	cursor: pointer;
	border-radius: 16px;
	background-color: #117f1c;
	background-image: radial-gradient(
		50% 329.92% at 50% 50%,
		#117f1c 0%,
		#a9c337 100%
	);
	color: var(--White, #fff);
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	padding: 20px 18px;
	box-shadow: 0 4px 14px rgba(5, 78, 5, 0.14);
	transition:
		background-position 0.85s cubic-bezier(0.33, 1, 0.68, 1),
		box-shadow 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	background-size: 100% 180%;
	background-position: 50% 100%;
}

.join__btn::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	z-index: 0;
	background: linear-gradient(
		110deg,
		#0d6b16 0%,
		#117f1c 15%,
		#4a9624 38%,
		#a9c337 52%,
		#c5d84a 68%,
		#a9c337 82%,
		#117f1c 100%
	);
	background-size: 260% 100%;
	background-position: 100% 50%;
	opacity: 0;
	transition:
		opacity 0.55s cubic-bezier(0.33, 1, 0.68, 1),
		background-position 0.9s cubic-bezier(0.33, 1, 0.68, 1);
	pointer-events: none;
}

.join__btn:hover {
	background-position: 50% 0%;
	box-shadow:
		0 0 0 3px rgba(211, 244, 69, 0.5),
		inset 0 1px 0 rgba(255, 255, 255, 0.25),
		0 10px 26px rgba(5, 78, 5, 0.24);
}

.join__btn:hover::before {
	opacity: 1;
	background-position: 0% 50%;
}

.join__btn:active {
	box-shadow:
		0 0 0 2px rgba(211, 244, 69, 0.35),
		inset 0 3px 8px rgba(0, 0, 0, 0.15),
		0 4px 12px rgba(5, 78, 5, 0.18);
}

.join__btn:active::before {
	opacity: 1;
	background-position: 50% 50%;
	transition-duration: 0.15s;
}

.join__btn > * {
	position: relative;
	z-index: 1;
}

.join__btn:focus-visible {
	outline: 3px solid #d3f445;
	outline-offset: 3px;
}

.join__btn img {
	display: block;
	flex-shrink: 0;
}

.join__btn span {
	color: var(--White, #fff);
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}

@media (max-width: 1240px) {
	.join {
		padding-bottom: clamp(40px, 4.2vw, 52px);
	}

	.join__wrapper {
		overflow: visible;
	}

	.join__wrapper .container {
		padding-inline: clamp(15px, 2vw, 20px);
		box-sizing: border-box;
	}

	.join__content {
		max-width: min(980px, 100%);
		padding-top: clamp(40px, 4.3vw, 53px);
		padding-inline: clamp(20px, 2.5vw, 32px);
		padding-bottom: clamp(8px, 1vw, 16px);
		box-sizing: border-box;
	}

	.join__content::before,
	.join__content::after {
		width: clamp(120px, 16vw, 200px);
		height: clamp(120px, 16vw, 200px);
	}

	.join__content::after {
		top: clamp(-12px, -1.4vw, -17px);
		right: clamp(0px, 1.6vw, 20px);
	}

	.join__content::before {
		bottom: clamp(0px, 1vw, 12px);
		left: clamp(0px, 1.6vw, 20px);
	}

	.join__title {
		font-size: clamp(36px, 4.35vw, 54px);
		margin-bottom: clamp(16px, 1.9vw, 24px);
		line-height: 1.15;
	}

	.join__text {
		max-width: 100%;
		width: 100%;
		margin-inline: auto;
		font-size: clamp(16px, 1.61vw, 20px);
		line-height: 1.6;
		margin-bottom: clamp(24px, 2.6vw, 32px);
	}

	.join__btn-register {
		background: none;
		padding: 0;
		border-radius: 0;
	}

	.join__btn-register::before,
	.join__btn-register::after {
		display: none;
	}

	.join__btn {
		font-size: clamp(20px, 1.94vw, 24px);
		padding: clamp(16px, 1.6vw, 20px) clamp(18px, 2vw, 22px);
		gap: clamp(9px, 0.9vw, 11px);
		border-radius: clamp(14px, 1.3vw, 16px);
	}

	.join__btn img {
		width: clamp(20px, 1.9vw, 24px);
		height: auto;
	}

	.join__btn span {
		font-size: clamp(20px, 1.94vw, 24px);
		line-height: 1.2;
	}
}

@media (max-width: 850px) {
	.join {
		padding-bottom: clamp(32px, 4vw, 48px);
	}

	.join__content {
		padding-top: clamp(32px, 4.5vw, 48px);
		padding-inline: clamp(16px, 2.5vw, 28px);
		padding-bottom: clamp(8px, 1.2vw, 12px);
	}

	.join__content::before,
	.join__content::after {
		width: clamp(96px, 14vw, 160px);
		height: clamp(96px, 14vw, 160px);
	}

	.join__content::after {
		top: clamp(-8px, -1vw, -12px);
		right: clamp(0px, 2vw, 16px);
	}

	.join__content::before {
		top: 0;
		bottom: auto;
		left: 0;
	}

	.join__title {
		font-size: clamp(30px, 4.5vw, 44px);
		margin-bottom: clamp(14px, 2vw, 20px);
	}

	.join__text {
		max-width: 100%;
		font-size: clamp(15px, 2.2vw, 18px);
		line-height: 1.55;
		margin-bottom: clamp(20px, 3vw, 28px);
	}

	.join__btn {
		font-size: clamp(18px, 2.5vw, 22px);
		padding: clamp(14px, 2vw, 18px) clamp(16px, 2.5vw, 22px);
		gap: 10px;
		border-radius: 14px;
	}

	.join__btn img {
		width: clamp(18px, 2.5vw, 22px);
	}

	.join__btn span {
		font-size: clamp(18px, 2.5vw, 22px);
	}
}

@media (max-width: 768px) {
	.join {
		padding-bottom: clamp(10px, 4vw, 40px);
	}

	.join__content {
		padding-top: clamp(28px, 4.5vw, 40px);
		padding-inline: clamp(12px, 2vw, 20px);
	}

	.join__content::before,
	.join__content::after {
		width: clamp(80px, 12vw, 120px);
		height: clamp(80px, 12vw, 120px);
	}

	.join__title {
		font-size: clamp(28px, 5vw, 38px);
	}

	.join__text {
		font-size: clamp(15px, 2.4vw, 17px);
		margin-bottom: clamp(18px, 3.5vw, 24px);
	}

	.join__btn-register {
		width: fit-content;
		max-width: min(100%, 300px);
	}

	.join__btn {
		width: auto;
		box-sizing: border-box;
		font-size: clamp(17px, 2.7vw, 21px);
		padding: clamp(12px, 1.8vw, 16px) clamp(18px, 2.8vw, 22px);
	}

	.join__btn img {
		width: clamp(20px, 2.7vw, 24px);
	}

	.join__btn span {
		font-size: clamp(17px, 2.7vw, 21px);
		text-align: center;
	}
}

@media (max-width: 480px) {
	.join {
		padding-bottom: clamp(24px, 5.5vw, 32px);
	}

	.join__content {
		padding-top: clamp(24px, 5.5vw, 32px);
		padding-inline: clamp(12px, 3vw, 16px);
		padding-bottom: 25px;
	}

	.join__content::before,
	.join__content::after {
		width: clamp(72px, 18vw, 100px);
		height: clamp(72px, 18vw, 100px);
	}

	.join__content::after {
		top: 15px;
		right: -11px;
	}

	.join__content::before {
		top: 15px;
		bottom: auto;
		left: -10px;
	}

	.join__title {
		font-size: clamp(24px, 6.5vw, 30px);
		margin-bottom: 12px;
	}

	.join__text {
		max-width: 100%;
		font-size: 15px;
		line-height: 1.5;
		margin-bottom: 20px;
	}

	.join__btn-register {
		width: fit-content;
		max-width: min(100%, 280px);
	}

	.join__btn {
		font-size: 17px;
		padding: 12px 16px;
		gap: 10px;
		border-radius: 12px;
	}

	.join__btn img {
		width: 20px;
	}

	.join__btn span {
		font-size: 17px;
	}
}

.reviews {
	padding: 40px 15px 70px;
	position: relative;
	overflow: visible;
}

.reviews__inner {
	position: relative;
	max-width: 1440px;
	margin: 0 auto;
	min-height: 630px;
}

.reviews__top {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.reviews__title {
	position: static;
	z-index: 2;
	margin: 0;
	transform: none;
	color: var(--Dark-green, #054e05);
	text-align: center;
	font-family: Montserrat, sans-serif;
	font-size: 54px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	pointer-events: none;
}

.reviews__items {
	position: relative;
	min-height: 630px;
	overflow: visible;
}

.reviews__item {
	position: absolute;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	gap: 0;
	max-width: 340px;
}

.reviews__item:nth-child(1) {
	top: -3%;
	left: 50%;
	transform: translateX(-77%);
}

.reviews__item:nth-child(2) {
	top: 20%;
	right: -5%;
	flex-direction: row-reverse;
}

.reviews__item:nth-child(3) {
	top: 20%;
	left: -5%;
	max-width: 400px;
}

.reviews__item:nth-child(4) {
	top: 50%;
	right: -5%;
	flex-direction: row-reverse;
}

.reviews__item:nth-child(5) {
	top: 50%;
	left: -5%;
}

.reviews__item:nth-child(6) {
	bottom: 5%;
	right: 5%;
	flex-direction: row-reverse;
}

.reviews__item:nth-child(7) {
	bottom: 5%;
	left: 10%;
}

.reviews__img {
	display: block;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	overflow: hidden;
	object-fit: cover;
	object-position: center top;
}

/* виїмка знизу зліва (border-radius … 0) — аватар у нижньому лівому куті */
.reviews__item:nth-child(1) .reviews__img,
.reviews__item:nth-child(3) .reviews__img,
.reviews__item:nth-child(5) .reviews__img,
.reviews__item:nth-child(7) .reviews__img {
	align-self: flex-end;
	margin-right: 10px;
	margin-bottom: 8px;
}

/* виїмка знизу справа (border-radius … 0 55px) — аватар у нижньому правому куті */
.reviews__item:nth-child(2) .reviews__img,
.reviews__item:nth-child(4) .reviews__img,
.reviews__item:nth-child(6) .reviews__img {
	align-self: flex-end;
	margin-left: 10px;
	margin-bottom: 8px;
}

.reviews__info {
	position: relative;
	flex: 1;
	min-width: 0;
	padding: 16px 26px;
	min-width: 400px;
	background: var(--Grey, #ebf4ee);
}

.reviews__item:nth-child(1) > .reviews__info {
	border-radius: 55px 55px 55px 0;
}
.reviews__item:nth-child(2) > .reviews__info {
	border-radius: 55px 55px 0px 55px;
}
.reviews__item:nth-child(3) > .reviews__info {
	border-radius: 55px 55px 55px 0px;
}
.reviews__item:nth-child(4) > .reviews__info {
	border-radius: 55px 55px 0px 55px;
}
.reviews__item:nth-child(5) > .reviews__info {
	border-radius: 55px 55px 55px 0px;
}
.reviews__item:nth-child(6) > .reviews__info {
	border-radius: 55px 55px 0px 55px;
}
.reviews__item:nth-child(7) > .reviews__info {
	border-radius: 55px 55px 55px 0;
}

/* reviews__info справа від аватара — декор знизу зліва */
.reviews__info::before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 55px;
	height: 55px;
	background-image: url('../images/review-decor.svg');
	background-repeat: no-repeat;
	background-size: contain;
	transform: scaleX(-1);
	pointer-events: none;
}

/* reviews__info зліва від аватара (row-reverse) — декор знизу справа */
.reviews__item:nth-child(2) .reviews__info::before,
.reviews__item:nth-child(4) .reviews__info::before,
.reviews__item:nth-child(6) .reviews__info::before {
	left: auto;
	right: -53px;
	bottom: 0px;
	transform: rotate(90deg);
}
.reviews__item:nth-child(1) .reviews__info::before,
.reviews__item:nth-child(3) .reviews__info::before,
.reviews__item:nth-child(5) .reviews__info::before,
.reviews__item:nth-child(7) .reviews__info::before {
	bottom: 0px;
	transform: rotate(0deg);
	left: -54px;
}
.reviews__item:nth-child(2) .reviews__info,
.reviews__item:nth-child(3) .reviews__info,
.reviews__item:nth-child(6) .reviews__info,
.reviews__item:nth-child(7) .reviews__info {
	position: relative;
	overflow: visible;
}

/* Коля */
.reviews__item:nth-child(2) .reviews__info::after {
	content: '';
	position: absolute;
	z-index: 0;
	display: block;
	pointer-events: none;
	background-image: url('../images/arrow-1.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 75.496px;
	height: 88.968px;
	left: -100px;
	bottom: -50px;
}

/* Катерина */
.reviews__item:nth-child(3) .reviews__info::after {
	content: '';
	position: absolute;
	z-index: 0;
	display: block;
	pointer-events: none;
	background-image: url('../images/arrow-4.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 184.205px;
	height: 53.284px;
	right: -178px;
	transform: rotate(8deg);
	top: 100px;
}

/* Арсен */
.reviews__item:nth-child(6) .reviews__info::after {
	content: '';
	position: absolute;
	z-index: 0;
	display: block;
	pointer-events: none;
	background-image: url('../images/arrow-2.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 178.752px;
	height: 74px;
	top: -70%;
	left: -10%;
}

/* Анжеліка */
.reviews__item:nth-child(7) .reviews__info::after {
	content: '';
	position: absolute;
	z-index: 0;
	display: block;
	pointer-events: none;
	background-image: url('../images/arrow-3.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 104.177px;
	height: 130.816px;
	top: -85px;
	left: 115%;
	transform: translateX(-50%);
}

.reviews__name {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 177.778% */
	margin-bottom: 6px;
}

.reviews__text {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

@media (max-width: 1600px) {
	.reviews__title {
		font-size: clamp(44px, 3.4vw, 54px);
	}

	.reviews__item:nth-child(1) {
		transform: translateX(-72%);
	}

	.reviews__item:nth-child(2) {
		right: -2%;
	}

	.reviews__item:nth-child(3) {
		left: -2%;
	}

	.reviews__item:nth-child(4) {
		right: -2%;
	}

	.reviews__item:nth-child(5) {
		left: -2%;
	}

	.reviews__item:nth-child(6) {
		right: 8%;
	}

	.reviews__item:nth-child(7) {
		left: 14%;
	}

	.reviews__info {
		min-width: 360px;
	}
}

@media (max-width: 1400px) {
	.reviews__title {
		font-size: clamp(38px, 3vw, 48px);
	}

	.reviews__item:nth-child(1) {
		transform: translateX(-68%);
	}

	.reviews__item:nth-child(2) {
		right: 2%;
	}

	.reviews__item:nth-child(3) {
		left: 2%;
	}

	.reviews__item:nth-child(4) {
		right: 2%;
	}

	.reviews__item:nth-child(5) {
		left: 2%;
	}

	.reviews__item:nth-child(6) {
		right: 5%;
	}

	.reviews__item:nth-child(7) {
		left: 8%;
	}

	.reviews__info {
		min-width: 320px;
	}

	.reviews__item {
		max-width: 300px;
	}

	.reviews__item:nth-child(3) {
		max-width: 360px;
	}

	.reviews__item:nth-child(2) .reviews__info::after,
	.reviews__item:nth-child(3) .reviews__info::after,
	.reviews__item:nth-child(6) .reviews__info::after,
	.reviews__item:nth-child(7) .reviews__info::after {
		display: none;
	}
}

@media (max-width: 1240px) {
	.reviews__inner {
		min-height: 580px;
	}

	.reviews__items {
		min-height: 580px;
	}

	.reviews__title {
		font-size: clamp(32px, 2.8vw, 42px);
	}

	.reviews__info {
		padding: 14px 22px;
	}
}

@media (max-width: 1180px) {
	.reviews__title {
		font-size: clamp(28px, 2.5vw, 36px);
	}
}

@media (max-width: 1100px) {
	.reviews {
		padding: 0 15px clamp(48px, 5vw, 70px);
		overflow: hidden;
	}

	.reviews__inner {
		display: flex;
		flex-direction: column;
		min-height: auto;
	}

	.reviews__top {
		position: static;
		inset: auto;
		z-index: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-bottom: 15px;
		pointer-events: auto;
	}

	.reviews__title {
		text-align: center;
		font-size: clamp(28px, 3.2vw, 40px);
		font-weight: 700;
		line-height: normal;
		pointer-events: auto;
	}

	.reviews__items {
		position: static;
		min-height: auto;
		display: grid;
		grid-template-columns: 1fr;
		row-gap: clamp(32px, 4.5vw, 48px);
	}

	.reviews__items > .reviews__item + .reviews__item {
		margin-top: clamp(32px, 4.5vw, 48px);
	}

	.reviews__dots {
		display: none;
	}

	.reviews.reviews--slider .reviews__dots {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: clamp(20px, 2.4vw, 28px);
	}

	.reviews__dot {
		width: 10px;
		height: 10px;
		padding: 0;
		border: none;
		border-radius: 50%;
		background: #c5d9cb;
		cursor: pointer;
		transition:
			background 0.25s ease,
			transform 0.25s ease;
	}

	.reviews__dot.is-active {
		background: var(--Dark-green, #054e05);
		transform: scale(1.15);
	}

	.reviews__dot:focus-visible {
		outline: 2px solid var(--Dark-green, #054e05);
		outline-offset: 3px;
	}

	.reviews__slide {
		grid-row: 1;
		grid-column: 1;
		display: flex;
		flex-direction: column;
		gap: clamp(32px, 4.5vw, 48px);
		opacity: 0;
		visibility: hidden;
		transition:
			opacity 0.6s ease,
			visibility 0.6s ease;
		pointer-events: none;
	}

	.reviews__slide:first-child {
		opacity: 1;
		visibility: visible;
		z-index: 1;
		pointer-events: auto;
	}

	.reviews.reviews--slider .reviews__slide:first-child:not(.is-active) {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.reviews.reviews--slider .reviews__slide.is-active {
		opacity: 1;
		visibility: visible;
		z-index: 1;
		pointer-events: auto;
	}

	.reviews__item,
	.reviews__item:nth-child(1),
	.reviews__item:nth-child(2),
	.reviews__item:nth-child(3),
	.reviews__item:nth-child(4),
	.reviews__item:nth-child(5),
	.reviews__item:nth-child(6),
	.reviews__item:nth-child(7) {
		position: static;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		transform: none;
		flex-direction: row;
		max-width: 100%;
		width: 100%;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.reviews__img,
	.reviews__item:nth-child(1) .reviews__img,
	.reviews__item:nth-child(2) .reviews__img,
	.reviews__item:nth-child(3) .reviews__img,
	.reviews__item:nth-child(4) .reviews__img,
	.reviews__item:nth-child(5) .reviews__img,
	.reviews__item:nth-child(6) .reviews__img,
	.reviews__item:nth-child(7) .reviews__img {
		align-self: flex-end;
		margin-right: 10px;
		margin-left: 0;
		margin-bottom: 8px;
		width: clamp(80px, 10vw, 110px);
		height: clamp(80px, 10vw, 110px);
	}

	.reviews__info,
	.reviews__item:nth-child(1) > .reviews__info,
	.reviews__item:nth-child(2) > .reviews__info,
	.reviews__item:nth-child(3) > .reviews__info,
	.reviews__item:nth-child(4) > .reviews__info,
	.reviews__item:nth-child(5) > .reviews__info,
	.reviews__item:nth-child(6) > .reviews__info,
	.reviews__item:nth-child(7) > .reviews__info {
		min-width: 0;
		flex: 1;
		border-radius: clamp(24px, 3vw, 32px) clamp(24px, 3vw, 32px)
			clamp(24px, 3vw, 32px) 0;
	}

	.reviews__info::before,
	.reviews__item:nth-child(2) .reviews__info::before,
	.reviews__item:nth-child(4) .reviews__info::before,
	.reviews__item:nth-child(6) .reviews__info::before,
	.reviews__item:nth-child(1) .reviews__info::before,
	.reviews__item:nth-child(3) .reviews__info::before,
	.reviews__item:nth-child(5) .reviews__info::before,
	.reviews__item:nth-child(7) .reviews__info::before {
		width: clamp(24px, 3vw, 32px);
		height: clamp(24px, 3vw, 32px);
		left: calc(-1 * clamp(24px, 3vw, 32px) + 1px);
		right: auto;
		bottom: 0;
		transform: rotate(0deg);
	}

	.reviews__name {
		font-size: clamp(16px, 1.45vw, 18px);
		line-height: 1.5;
		margin-bottom: clamp(4px, 0.5vw, 6px);
	}

	.reviews__text {
		font-size: clamp(13px, 1.13vw, 14px);
		line-height: 1.45;
	}
}

@media (max-width: 768px) {
	.reviews__info {
		padding: clamp(12px, 2vw, 16px) clamp(16px, 2.8vw, 22px);
	}
}

@media (max-width: 480px) {
	.reviews {
		padding: 0 15px clamp(40px, 7vw, 56px);
	}

	.reviews__slide {
		gap: 28px;
	}

	.reviews__items > .reviews__item + .reviews__item {
		margin-top: 28px;
	}

	.reviews__title br {
		display: none;
	}

	.reviews__img,
	.reviews__item:nth-child(1) .reviews__img,
	.reviews__item:nth-child(2) .reviews__img,
	.reviews__item:nth-child(3) .reviews__img,
	.reviews__item:nth-child(4) .reviews__img,
	.reviews__item:nth-child(5) .reviews__img,
	.reviews__item:nth-child(6) .reviews__img,
	.reviews__item:nth-child(7) .reviews__img {
		width: 72px;
		height: 72px;
		margin-right: 8px;
		margin-bottom: 6px;
	}

	.reviews__info {
		border-radius: 20px 20px 20px 0;
		padding: 12px 16px;
	}

	.reviews__info::before,
	.reviews__item:nth-child(1) .reviews__info::before,
	.reviews__item:nth-child(3) .reviews__info::before,
	.reviews__item:nth-child(5) .reviews__info::before,
	.reviews__item:nth-child(7) .reviews__info::before {
		width: 20px;
		height: 20px;
		left: -20px;
	}
}

.footer {
	padding: 38px 0 0;
	border-radius: 16px 16px 0 0;
	background: var(
		--Green,
		linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
		#117f1c
	);
}

.footer__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 60px;
}
.footer__logo {
	display: block;
	transition:
		opacity 0.25s ease,
		transform 0.25s ease;
}

.footer__logo:hover {
	opacity: 0.9;
	transform: scale(1.02);
}

.footer__logo:focus-visible {
	outline: 2px solid var(--Yellow, #d3f445);
	outline-offset: 4px;
	border-radius: 4px;
}

.footer__logo-img {
	display: block;
}

.footer__socials {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.footer__social {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px;
	border-radius: 8px;
	transition:
		background-color 0.25s ease,
		transform 0.25s ease;
}

.footer__social:hover {
	background-color: rgba(255, 255, 255, 0.14);
	transform: translateY(-2px);
}

.footer__social:active {
	transform: translateY(0);
}

.footer__social:focus-visible {
	outline: 2px solid var(--Yellow, #d3f445);
	outline-offset: 3px;
}

.footer__social img {
	display: block;
	transition: opacity 0.25s ease;
}

.footer__social:hover img {
	opacity: 0.85;
}

.footer__donate {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 20px 33px;
	gap: 11px;
	border-radius: 16px;
	border: 3px solid var(--White, #fff);
	cursor: pointer;
	color: var(--White, #fff);
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	background: var(
		--Green,
		linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
		#117f1c
	);
	box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.25);
	transition:
		border-color 0.4s ease,
		box-shadow 0.4s ease;
}

.footer__donate::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: inherit;
	opacity: 0;
	background: linear-gradient(
		120deg,
		rgba(211, 244, 69, 0.28) 0%,
		rgba(255, 255, 255, 0.14) 45%,
		rgba(169, 195, 55, 0.22) 100%
	);
	transition: opacity 0.4s ease;
	pointer-events: none;
}

.footer__donate > * {
	position: relative;
	z-index: 1;
}

.footer__donate:hover {
	border-color: var(--Yellow, #d3f445);
	box-shadow:
		0 6px 0 0 rgba(0, 0, 0, 0.25),
		0 0 24px rgba(211, 244, 69, 0.4),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.footer__donate:hover::before {
	opacity: 1;
}

.footer__donate:active {
	box-shadow:
		0 6px 0 0 rgba(0, 0, 0, 0.32),
		inset 0 2px 10px rgba(0, 0, 0, 0.18);
}

.footer__donate:active::before {
	opacity: 0.75;
}

.footer__donate:focus-visible {
	outline: 2px solid var(--Yellow, #d3f445);
	outline-offset: 3px;
}
.footer__inner {
	display: flex;
	justify-content: space-between;
}
.footer__list {
	margin-bottom: 52px;
}
.footer__list-title {
	color: var(--Yellow, #d3f445);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
	margin-bottom: 12px;
}
.footer__list-item + .footer__list-item {
	margin-top: 14px;
}
.footer__list-link {
	display: inline-block;
	color: var(--White, #fff);
	font-family: Montserrat, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration: none;
	transition: color 0.25s ease;
}
.footer__list-works{
	display: inline-block;
	color: var(--White, #fff);
	font-family: Montserrat, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration: none;
	transition: color 0.25s ease;	
}
.footer__list-link:hover {
	color: var(--Yellow, #d3f445);
}

.footer__list-link:focus-visible {
	outline: 2px solid var(--Yellow, #d3f445);
	outline-offset: 3px;
	border-radius: 2px;
}
.footer__bottom {
	padding: 30px 0;
	border-radius: 16px 16px 0 0;
	background: var(--Dark-green, #054e05);
}
.footer__bottom-inner {
	display: flex;
	align-items: center;
}
.footer__bottom-text {
	color: var(--Yellow, #d3f445);
	font-family: Montserrat;
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 41px; /* 241.176% */
}
.footer__bottom-img {
	display: block;
	width: 67px;
	height: auto;
	max-width: 67px;
	flex-shrink: 0;
	margin-left: 135px;
}

@media (max-width: 1240px) {
	.footer {
		padding-top: clamp(28px, 3.1vw, 38px);
	}

	.footer .container {
		padding-inline: clamp(15px, 2vw, 20px);
		box-sizing: border-box;
	}

	.footer__top {
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: clamp(20px, 2.4vw, 32px);
		margin-bottom: clamp(40px, 4.8vw, 60px);
	}

	.footer__logo {
		flex: 0 1 auto;
	}

	.footer__logo-img {
		max-width: min(100%, 260px);
		width: auto;
		height: auto;
	}

	.footer__socials {
		flex: 0 1 auto;
		gap: clamp(12px, 1.6vw, 20px);
	}

	.footer__donate {
		flex: 0 1 auto;
		font-size: clamp(18px, 1.94vw, 24px);
		padding: clamp(14px, 1.6vw, 20px) clamp(20px, 2.6vw, 33px);
		gap: clamp(8px, 0.9vw, 11px);
		border-radius: clamp(14px, 1.3vw, 16px);
	}

	.footer__donate img {
		width: clamp(20px, 1.9vw, 24px);
		height: auto;
	}

	.footer__inner {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: clamp(16px, 2.2vw, 32px);
		row-gap: clamp(32px, 3.5vw, 48px);
		padding-bottom: clamp(12px, 4.2vw, 52px);
	}

	.footer__list {
		min-width: 0;
		margin-bottom: 0;
		box-sizing: border-box;
	}

	.footer__list:nth-child(1) {
		order: 1;
	}

	.footer__list:nth-child(2) {
		order: 2;
	}

	.footer__list:nth-child(3) {
		order: 3;
	}

	.footer__list:nth-child(4) {
		order: 6;
	}

	.footer__list:nth-child(5) {
		order: 5;
	}

	.footer__list:nth-child(6) {
		order: 4;
	}

	.footer__list-title {
		font-size: clamp(17px, 1.61vw, 20px);
		line-height: 1.5;
		margin-bottom: clamp(10px, 1vw, 12px);
	}

	.footer__list-item + .footer__list-item {
		margin-top: clamp(10px, 1.1vw, 14px);
	}

	.footer__list-link, .footer__list-works {
		font-size: clamp(15px, 1.37vw, 17px);
		line-height: 1.35;
		overflow-wrap: break-word;
	}

	.footer__bottom {
		padding: clamp(10px, 2.4vw, 30px) 0;
	}

	.footer__bottom-inner {
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: clamp(16px, 2vw, 24px);
	}

	.footer__bottom-text {
		flex: 1 1 260px;
		font-size: clamp(15px, 1.37vw, 17px);
		line-height: 1.45;
	}

	.footer__bottom-img {
		width: clamp(56px, 5.4vw, 67px);
		max-width: clamp(56px, 5.4vw, 67px);
		height: auto;
		margin-left: clamp(20px, 4vw, 80px);
		flex: 0 0 auto;
	}
}

@media (max-width: 850px) {
	.footer__top {
		justify-content: center;
	}

	.footer__logo {
		flex: 1 1 100%;
		display: flex;
		justify-content: center;
	}

	.footer__socials {
		flex: 1 1 auto;
		justify-content: center;
	}

	.footer__donate {
		flex: 1 1 auto;
	}
}

@media (max-width: 768px) {
	.footer__top {
		row-gap: clamp(10px, 3vw, 24px);
	}

	.footer__inner {
		column-gap: clamp(12px, 2vw, 20px);
		row-gap: clamp(24px, 4vw, 36px);
	}

	.footer__bottom-inner {
		flex-wrap: wrap;
		align-items: center;
	}

	.footer__bottom-img {
		width: 56px;
		max-width: 56px;
		margin-left: clamp(16px, 3vw, 40px);
	}
}

@media (max-width: 480px) {
	.footer {
		padding-top: clamp(24px, 5vw, 32px);
		border-radius: 12px 12px 0 0;
	}

	.footer__top {
		margin-bottom: clamp(32px, 7vw, 40px);
	}

	.footer__logo-img {
		max-width: min(100%, 220px);
	}

	.footer__donate {
		width: fit-content;
		max-width: 100%;
		margin-inline: auto;
		box-sizing: border-box;
	}

	.footer__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: clamp(20px, 4.5vw, 28px);
		gap: 50px;
	}

	.footer__list {
		min-width: 0;
	}

	.footer__list-title {
		font-size: clamp(16px, 4vw, 18px);
	}

	.footer__list-link, .footer__list-works{
		font-size: 15px;
	}

	.footer__bottom {
		border-radius: 12px 12px 0 0;
	}

	.footer__bottom-text {
		font-size: 14px;
		line-height: 1.5;
	}
}

@media (max-width: 380px) {
	.footer__bottom-inner {
		flex-direction: column-reverse;
		align-items: center;
		justify-content: center;
		gap: 12px;
	}

	.footer__bottom-text {
		flex: none;
		text-align: center;
	}

	.footer__bottom-img {
		margin-left: 0;
	}
}

.values {
	position: relative;
	z-index: 1;
	overflow: visible;
	padding-top: 40px;
}

.values__inner {
	position: relative;
	min-height: 385px;
}

.values__top {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.values__title {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 52px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
	margin: 0;
	text-align: center;
	pointer-events: none;
}

.values__items {
	position: relative;
	min-height: 385px;
	overflow: visible;
}

.values__item-wrap {
	position: absolute;
	z-index: 1;
}

.values__item {
	display: inline-block;
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	padding: 10px 30px;
	border-radius: 50px;
	background: var(--Grey, #ebf4ee);
}

.values__item-white {
	background: var(--White, #fff);
	font-size: 20px;
}

.values__item--comfort {
	font-size: 20px;
	padding: 10px 20px;
}

.values__item--family {
	padding: 10px 40px;
}

.values__item-wrap:nth-child(1) {
	top: 25%;
	left: 32.5%;
}
.values__item-wrap:nth-child(2) {
	top: 6%;
	left: 50%;
}
.values__item-wrap:nth-child(3) {
	top: 77%;
	left: 36%;
}
.values__item-wrap:nth-child(4) {
	top: 62%;
	left: 56%;
}
.values__item-wrap:nth-child(5) {
	top: 28%;
	left: 1%;
}
.values__item-wrap:nth-child(6) {
	top: 27%;
	left: 66%;
	transform: translateX(29%);
}
.values__item-wrap:nth-child(7) {
	top: 59%;
	left: 14%;
}
.values__item-wrap:nth-child(8) {
	top: 51%;
	left: 76%;
}
.values__item-wrap .values__item {
	position: relative;
}
.values__item-wrap:nth-child(5) .values__item::after {
	content: '';
	position: absolute;
	top: -13px;
	right: -105px;
	width: 80px;
	height: 80px;
	background-image: url('../images/values-1.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.values__item-wrap:nth-child(2) .values__item::after {
	content: '';
	position: absolute;
	top: -20px;
	left: -87px;
	width: 80px;
	height: 80px;
	background-image: url('../images/values-2.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.values__item-wrap:nth-child(6) .values__item::after {
	content: '';
	position: absolute;
	top: -44px;
	left: -103px;
	width: 80px;
	height: 80px;
	background-image: url('../images/values-3.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.values__item-wrap:nth-child(3) .values__item::after {
	content: '';
	position: absolute;
	top: 20px;
	right: -95px;
	width: 80px;
	height: 80px;
	background-image: url('../images/values-4.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.values__item-wrap:nth-child(7) .values__item::after {
	content: '';
	position: absolute;
	top: -200px;
	right: 16px;
	width: 91px;
	height: 37px;
	border-radius: 50px;
	background: var(--Grey, #ebf4ee);
}
.values__item-wrap:nth-child(1) .values__item::after {
	content: '';
	position: absolute;
	bottom: 7px;
	right: -272px;
	width: 44px;
	height: 18px;
	border-radius: 50px;
	background: var(--Grey, #ebf4ee);
}
.values__item-wrap:nth-child(4) .values__item::after {
	content: '';
	position: absolute;
	bottom: -35px;
	right: -90px;
	width: 66px;
	height: 27px;
	border-radius: 50px;
	background: var(--Grey, #ebf4ee);
}

@media (max-width: 1600px) {
	.values__inner,
	.values__items {
		min-height: clamp(340px, 24vw, 385px);
	}

	.values__title {
		font-size: clamp(40px, 3.25vw, 52px);
	}

	.values__item,
	.values__item-white,
	.values__item--comfort,
	.values__item--family {
		font-size: clamp(20px, 1.6vw, 26px);
		padding: clamp(8px, 0.6vw, 10px) clamp(18px, 1.8vw, 30px);
		line-height: 1.25;
	}

	.values__item-white {
		background: var(--Grey, #ebf4ee);
	}

	.values__item-wrap:nth-child(6) {
		transform: translateX(18%);
	}

	.values__item-wrap:nth-child(5) .values__item::after,
	.values__item-wrap:nth-child(2) .values__item::after,
	.values__item-wrap:nth-child(6) .values__item::after,
	.values__item-wrap:nth-child(3) .values__item::after {
		width: clamp(56px, 5vw, 80px);
		height: clamp(56px, 5vw, 80px);
	}
}

@media (max-width: 1400px) {
	.values {
		overflow-x: clip;
	}

	.values__inner,
	.values__items {
		min-height: clamp(300px, 22vw, 360px);
	}

	.values__title {
		font-size: clamp(34px, 2.8vw, 44px);
	}

	.values__item,
	.values__item-white,
	.values__item--comfort,
	.values__item--family {
		font-size: clamp(18px, 1.45vw, 22px);
		padding: clamp(8px, 0.55vw, 10px) clamp(14px, 1.4vw, 24px);
	}

	.values__item-white {
		background: var(--Grey, #ebf4ee);
	}

	.values__item-wrap:nth-child(6) {
		transform: translateX(8%);
	}

	.values__item-wrap:nth-child(8) {
		left: 72%;
	}

	.values__item-wrap:nth-child(5) .values__item::after,
	.values__item-wrap:nth-child(2) .values__item::after,
	.values__item-wrap:nth-child(7) .values__item::after,
	.values__item-wrap:nth-child(3) .values__item::after,
	.values__item-wrap:nth-child(6) .values__item::after,
	.values__item-wrap:nth-child(1) .values__item::after,
	.values__item-wrap:nth-child(4) .values__item::after {
		display: none;
	}
}

@media (max-width: 1240px) {
	.values__inner,
	.values__items {
		min-height: clamp(280px, 28vw, 330px);
	}

	.values__title {
		font-size: clamp(30px, 3.2vw, 38px);
	}

	.values__item,
	.values__item-white,
	.values__item--comfort,
	.values__item--family {
		font-size: clamp(16px, 1.6vw, 20px);
		padding: 8px 16px;
	}

	.values__item-white {
		background: var(--Grey, #ebf4ee);
	}

	.values__item-wrap:nth-child(1) {
		left: 28%;
	}

	.values__item-wrap:nth-child(5) {
		left: 0;
	}

	.values__item-wrap:nth-child(6) {
		left: 62%;
		transform: none;
	}

	.values__item-wrap:nth-child(8) {
		left: 68%;
		top: 54%;
	}
}

@media (max-width: 1024px) {
	.values {
		overflow-x: visible;
		padding-top: clamp(48px, 7vw, 72px);
		padding-bottom: 8px;
	}

	.values__inner {
		min-height: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 28px;
	}

	.values__top {
		position: static;
		inset: auto;
		width: 100%;
	}

	.values__title {
		font-size: clamp(28px, 4.5vw, 36px);
	}

	.values__items {
		position: static;
		min-height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 12px 14px;
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
	}

	.values__item-wrap {
		position: static;
		transform: none;
	}

	.values__item,
	.values__item-white,
	.values__item--comfort,
	.values__item--family {
		font-size: clamp(15px, 2.1vw, 18px);
		padding: 10px 18px;
		line-height: 1.3;
		white-space: normal;
		text-align: center;
	}

	.values__item-white {
		background: var(--Grey, #ebf4ee);
	}
}

@media (max-width: 768px) {
	.values {
		padding-top: clamp(40px, 8vw, 56px);
	}

	.values__inner {
		gap: 22px;
	}

	.values__title {
		font-size: clamp(26px, 5.5vw, 32px);
	}

	.values__items {
		gap: 10px 12px;
		max-width: 100%;
	}

	.values__item,
	.values__item-white,
	.values__item--comfort,
	.values__item--family {
		font-size: clamp(14px, 2.4vw, 16px);
		padding: 9px 16px;
	}

	.values__item-white {
		background: var(--Grey, #ebf4ee);
	}
}

@media (max-width: 480px) {
	.values {
		padding-top: clamp(32px, 9vw, 48px);
	}

	.values__inner {
		gap: 18px;
	}

	.values__title {
		font-size: clamp(22px, 6.5vw, 28px);
	}

	.values__items {
		gap: 8px 10px;
	}

	.values__item,
	.values__item-white,
	.values__item--comfort,
	.values__item--family {
		font-size: 14px;
		padding: 8px 14px;
		border-radius: 40px;
	}

	.values__item-white {
		background: var(--Grey, #ebf4ee);
	}
}

.team {
	padding: 135px 0 125px;
}

.team__top {
	display: flex;
	gap: 50px;
	margin-bottom: 60px;
}

.team__top .team__profile {
	max-width: 350px;
}

.team__top .team__profile-img {
	width: 260px;
	height: 260px;
	padding-top: 47px;
}

.team__top .team__profile-img::before {
	width: 260px;
	height: 260px;
}

.team__top .team__profile-img img {
	width: 260px;
	height: 331px;
}
.team__content {
	max-width: 535px;
	position: relative;
}
.team__content::before {
	content: '';
	position: absolute;
	top: 30px;
	left: -35px;
	width: 510px;
	height: 260px;
	background: url('../images/team-arrow.svg') no-repeat center center;
	background-size: cover;
	z-index: -1;
}
.team__profile {
	max-width: 300px;
	overflow: visible;
}
.team__profile-img {
	position: relative;
	width: 220px;
	height: 220px;
	padding-top: 40px;
	box-sizing: content-box;
	margin-inline: auto;
	overflow: visible;
}

.team__profile-img::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 1;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: linear-gradient(102deg, #a9c337 15.32%, #117f1c 90.79%);
	transform: translateX(-50%);
	-webkit-clip-path: url(#team-profile-clip);
	clip-path: url(#team-profile-clip);
}

.team__profile-img img {
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 2;
	display: block;
	width: 220px;
	height: 280px;
	object-fit: cover;
	object-position: center top;
	transform: translateX(-50%);
	-webkit-clip-path: url(#team-profile-photo-clip);
	clip-path: url(#team-profile-photo-clip);
}

.team__profile-img img[src$='team-1.png'] {
	scale: 0.9;
	left: 42%;
	bottom: -20px;
}

.team__profile-img img[src$='team-2.png'] {
	left: 47%;
	height: 240px;
	bottom: -4px;
	scale: 0.97;
}

.team__profile-img img[src$='team-3.png'] {
	left: 49.5%;
	bottom: -1.5px;
	width: 205px;
	scale: 0.97;
	height: 230px;
}

.team__profile-img img[src$='team-4.png'] {
	left: 48%;
	scale: 0.93;
	bottom: -7px;
	height: 250px;
}

.team__profile-img img[src$='team-5.png'] {
	left: 47%;
	bottom: -11px;
	scale: 0.93;
	height: 255px;
}

.team__profile-img img[src$='team-6.png'] {
	left: 47%;
	bottom: -12px;
	scale: 0.9;
	height: 255px;
}
.team__info {
	margin-top: -33px;
}
.team__info-position {
	text-align: center;
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.3;
}
.team__info-name {
	text-align: center;
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 133.333% */
	white-space: nowrap;
}
.team__title {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 52px;
	font-style: normal;
	text-align: center;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
	margin-bottom: 78px;
}
.team__text {
	color: var(--Green, #117f1c);
	font-family: Montserrat;
	font-size: 16px;
	font-style: italic;
	font-weight: 500;
	line-height: 26px;
}
.team__text span {
	color: var(--Green, #117f1c);
	font-family: Montserrat;
	font-size: 24px;
	font-style: italic;
	font-weight: 500;
	line-height: 26px; /* 108.333% */
}

.team__crew--second {
	margin-top: 85px;
}
.team__crew-title {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 15px;
}
.team__crew-title span {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 133.333% */
}
.team__inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, auto);
	row-gap: 20px;
	column-gap: 30px;
	justify-items: center;
}

.team__inner .team__profile {
	width: 100%;
	max-width: 300px;
}

@media (max-width: 1240px) {
	.team {
		padding: clamp(80px, 9vw, 135px) 0 clamp(70px, 8vw, 125px);
	}

	.team__top {
		gap: clamp(24px, 3vw, 50px);
		margin-bottom: clamp(40px, 4.5vw, 60px);
		align-items: flex-start;
	}

	.team__top .team__profile {
		flex: 0 1 clamp(240px, 26vw, 350px);
		max-width: clamp(240px, 26vw, 350px);
		min-width: 0;
	}

	.team__top .team__profile-img {
		width: clamp(200px, 21vw, 260px);
		height: clamp(200px, 21vw, 260px);
		padding-top: clamp(36px, 3.8vw, 47px);
	}

	.team__top .team__profile-img::before {
		width: clamp(200px, 21vw, 260px);
		height: clamp(200px, 21vw, 260px);
	}

	.team__top .team__profile-img img {
		width: clamp(200px, 21vw, 260px);
		height: clamp(255px, 26.7vw, 331px);
	}

	.team__content {
		flex: 1 1 auto;
		min-width: 0;
		max-width: clamp(360px, 42vw, 535px);
	}

	.team__content::before {
		top: clamp(20px, 2.4vw, 30px);
		left: clamp(-20px, -2.4vw, -35px);
		width: min(100%, clamp(340px, 41vw, 510px));
		height: clamp(195px, 21vw, 260px);
		background-size: contain;
	}

	.team__title {
		font-size: clamp(40px, 4.2vw, 52px);
		margin-bottom: clamp(48px, 5.5vw, 78px);
	}

	.team__text {
		font-size: clamp(14px, 1.3vw, 16px);
		line-height: 1.625;
	}

	.team__text span {
		font-size: clamp(20px, 1.94vw, 24px);
	}

	.team__profile {
		max-width: 100%;
		min-width: 0;
	}

	.team__profile-img {
		width: clamp(180px, 17.7vw, 220px);
		height: clamp(180px, 17.7vw, 220px);
		padding-top: clamp(32px, 3.2vw, 40px);
	}

	.team__profile-img::before {
		width: clamp(180px, 17.7vw, 220px);
		height: clamp(180px, 17.7vw, 220px);
	}

	.team__profile-img img {
		width: clamp(180px, 17.7vw, 220px);
		height: clamp(229px, 22.6vw, 280px);
	}

	.team__profile-img img[src$='team-1.png'] {
		bottom: clamp(-16px, -1.6vw, -20px);
	}

	.team__profile-img img[src$='team-2.png'] {
		height: clamp(196px, 19.4vw, 240px);
		bottom: clamp(-3px, -0.32vw, -4px);
	}

	.team__profile-img img[src$='team-3.png'] {
		width: clamp(167px, 16.5vw, 205px);
		height: clamp(188px, 18.5vw, 230px);
	}

	.team__profile-img img[src$='team-4.png'] {
		height: clamp(204px, 20.2vw, 250px);
		bottom: clamp(-6px, -0.56vw, -7px);
	}

	.team__profile-img img[src$='team-5.png'] {
		height: clamp(208px, 20.6vw, 255px);
		bottom: clamp(-9px, -0.89vw, -11px);
	}

	.team__profile-img img[src$='team-6.png'] {
		height: clamp(208px, 20.6vw, 255px);
		bottom: clamp(-10px, -0.97vw, -12px);
	}

	.team__info {
		margin-top: clamp(-28px, -2.7vw, -33px);
	}

	.team__info-position {
		font-size: clamp(14px, 1.3vw, 16px);
		line-height: 1.35;
	}

	.team__info-name {
		font-size: clamp(20px, 1.94vw, 24px);
		line-height: 1.33;
		white-space: normal;
		overflow-wrap: break-word;
	}

	.team__crew--second {
		margin-top: clamp(60px, 6.8vw, 85px);
	}

	.team__crew-title {
		gap: clamp(8px, 0.9vw, 11px);
		margin-bottom: clamp(12px, 1.2vw, 15px);
	}

	.team__crew-title span {
		font-size: clamp(20px, 1.94vw, 24px);
		line-height: 1.33;
	}

	.team__inner {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		column-gap: clamp(16px, 2vw, 30px);
		row-gap: clamp(16px, 1.6vw, 20px);
	}

	.team__inner .team__profile {
		max-width: 100%;
	}
}

@media (max-width: 1024px) {
	.team__top {
		flex-wrap: wrap;
		justify-content: center;
	}

	.team__top .team__profile {
		flex: 0 1 auto;
	}

	.team__content {
		flex: 1 1 100%;
		max-width: 640px;
		margin-inline: auto;
	}

	.team__content::before {
		left: 50%;
		transform: translateX(-50%);
		width: min(100%, 480px);
	}

	.team__title {
		font-size: clamp(36px, 4.5vw, 44px);
		margin-bottom: clamp(36px, 4.5vw, 56px);
	}

	.team__inner {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: clamp(20px, 2.5vw, 28px);
		row-gap: clamp(24px, 2.8vw, 32px);
	}

	.team__profile-img {
		width: clamp(170px, 20vw, 200px);
		height: clamp(170px, 20vw, 200px);
		padding-top: clamp(28px, 3.4vw, 36px);
	}

	.team__profile-img::before {
		width: clamp(170px, 20vw, 200px);
		height: clamp(170px, 20vw, 200px);
	}

	.team__profile-img img {
		width: clamp(170px, 20vw, 200px);
		height: clamp(216px, 25.4vw, 254px);
	}

	.team__profile-img img[src$='team-2.png'] {
		height: clamp(185px, 21.8vw, 218px);
	}

	.team__profile-img img[src$='team-3.png'] {
		width: clamp(158px, 18.6vw, 186px);
		height: clamp(178px, 20.9vw, 209px);
	}

	.team__profile-img img[src$='team-4.png'] {
		height: clamp(193px, 22.7vw, 227px);
	}

	.team__profile-img img[src$='team-5.png'] {
		height: clamp(197px, 23.1vw, 232px);
	}

	.team__profile-img img[src$='team-6.png'] {
		height: clamp(197px, 23.1vw, 232px);
	}
}

@media (max-width: 768px) {
	.team {
		padding: clamp(56px, 10vw, 80px) 0 clamp(48px, 8vw, 70px);
	}

	.team__top {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: clamp(28px, 5vw, 40px);
	}

	.team__top .team__profile {
		max-width: 100%;
	}

	.team__content {
		max-width: 100%;
	}

	.team__content::before {
		width: min(100%, 400px);
		height: clamp(160px, 28vw, 210px);
	}

	.team__title {
		font-size: clamp(32px, 5.5vw, 40px);
		margin-bottom: clamp(28px, 5vw, 44px);
	}

	.team__crew-title span {
		font-size: clamp(18px, 3.2vw, 22px);
	}

	.team__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: clamp(16px, 4vw, 24px);
		row-gap: clamp(28px, 5vw, 36px);
	}

	.team__info-name {
		font-size: clamp(18px, 3.2vw, 22px);
	}

	.team__crew--second {
		margin-top: clamp(48px, 8vw, 64px);
	}
}

@media (max-width: 480px) {
	.team__top .team__profile-img {
		width: clamp(180px, 48vw, 220px);
		height: clamp(180px, 48vw, 220px);
		padding-top: clamp(30px, 8vw, 40px);
	}

	.team__top .team__profile-img::before {
		width: clamp(180px, 48vw, 220px);
		height: clamp(180px, 48vw, 220px);
	}

	.team__top .team__profile-img img {
		width: clamp(180px, 48vw, 220px);
		height: clamp(229px, 61vw, 280px);
	}

	.team__title {
		font-size: clamp(28px, 7vw, 34px);
	}

	.team__text,
	.team__text span {
		font-size: clamp(14px, 3.6vw, 16px);
	}

	.team__inner {
		column-gap: clamp(12px, 3.5vw, 18px);
		row-gap: clamp(24px, 6vw, 32px);
	}

	.team__profile-img {
		width: clamp(150px, 40vw, 180px);
		height: clamp(150px, 40vw, 180px);
		padding-top: clamp(24px, 6.5vw, 32px);
	}

	.team__profile-img::before {
		width: clamp(150px, 40vw, 180px);
		height: clamp(150px, 40vw, 180px);
	}

	.team__profile-img img {
		width: clamp(150px, 40vw, 180px);
		height: clamp(191px, 51vw, 229px);
	}

	.team__profile-img img[src$='team-2.png'] {
		height: clamp(163px, 43.6vw, 196px);
	}

	.team__profile-img img[src$='team-3.png'] {
		width: clamp(140px, 37.3vw, 167px);
		height: clamp(157px, 41.8vw, 188px);
	}

	.team__profile-img img[src$='team-4.png'] {
		height: clamp(170px, 45.5vw, 204px);
	}

	.team__profile-img img[src$='team-5.png'] {
		height: clamp(174px, 46.4vw, 208px);
	}

	.team__profile-img img[src$='team-6.png'] {
		height: clamp(174px, 46.4vw, 208px);
	}

	.team__info {
		margin-top: clamp(-24px, -6vw, -28px);
	}

	.team__info-position {
		font-size: clamp(13px, 3.4vw, 15px);
	}

	.team__info-name {
		font-size: clamp(16px, 4.2vw, 20px);
	}
}

.partners {
	padding-bottom: 95px;
}

.partners__title {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 52px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 22px;
}
.partners__text {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px; /* 140% */
	margin-bottom: 60px;
	width: 705px;
}
.partners__images {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 30px;
}

.partners__img {
/*	display: block;
	flex-shrink: 1;
	min-width: 0;
	max-width: 100%;
	height: auto;
	object-fit: contain;*/
	width: auto;
	height: 80px;
}

@media (max-width: 1240px) {
	.partners {
		padding-bottom: clamp(60px, 7.7vw, 95px);
	}

	.partners__title {
		font-size: clamp(40px, 4.2vw, 52px);
		margin-bottom: clamp(16px, 1.8vw, 22px);
	}

	.partners__text {
		width: auto;
		max-width: min(705px, 100%);
		font-size: clamp(16px, 1.6vw, 20px);
		line-height: 1.4;
		margin-bottom: clamp(40px, 4.8vw, 60px);
	}

	.partners__images {
		display: grid;
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: clamp(16px, 2.4vw, 30px);
		align-items: center;
		justify-items: center;
	}

	.partners__img {
		width: 100%;
		max-width: 100%;
		height: auto;
		max-height: clamp(68px, 10vw, 124px);
		object-fit: contain;
	}

	.partners__img:nth-child(4) {
		order: 6;
	}

	.partners__img:nth-child(5) {
		order: 5;
	}

	.partners__img:nth-child(6) {
		order: 4;
	}
}

@media (max-width: 768px) {
	.partners {
		padding-bottom: clamp(48px, 8vw, 60px);
	}

	.partners__title {
		font-size: clamp(32px, 5.5vw, 40px);
	}

	.partners__text {
		font-size: clamp(15px, 2.1vw, 16px);
		margin-bottom: clamp(32px, 5vw, 40px);
	}

	.partners__images {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		row-gap: clamp(24px, 4.5vw, 36px);
		column-gap: clamp(16px, 3vw, 24px);
	}

	.partners__img {
		max-height: clamp(56px, 12vw, 90px);
	}
}

.contact__top {
	padding-top: 3px;
	margin-bottom: 48px;
}

.contact__heading {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 52px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.contact__subtitle {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
}

.contact__info {
	flex-shrink: 0;
	width: 100%;
	max-width: 520px;
	padding: 48px 40px;
	color: #fff;
	border-radius: 0px 16px 16px 0px;
	background: linear-gradient(110deg, #a9c337 6%, #117f1c 64%);
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 22px;
	align-self: stretch;
	clip-path: ellipse(92% 75% at 0% 50%);
}

@media (max-width: 770px) {
	.contact__info {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: clamp(12px, 3vw, 20px);
		row-gap: clamp(16px, 3vw, 22px);
		align-content: center;
	}

	.contact__info-value,
	.contact__info-link {
		font-size: clamp(15px, 3.8vw, 22px);
	}
}

@media (max-width: 575px) {
	.contact__info {
		display: flex;
		flex-direction: column;
		gap: clamp(16px, 4vw, 22px);
	}

	.contact__info-value,
	.contact__info-link {
		font-size: clamp(16px, 4.2vw, 20px);
	}
}

.contact__info-block {
	display: flex;
	flex-direction: column;
}

.contact__info-label {
	color: var(--White, #fff);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 200% */
	margin-bottom: 4px;
}

.contact__info-value,
.contact__info-link {
	color: var(--White, #fff);
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.contact__info-link {
	display: inline-block;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.contact__info-link:hover {
	opacity: 0.95;
}

.contact__info-socials {
	display: flex;
	align-items: center;
	gap: 10px;
}

.contact__info-social {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
	border-radius: 12px;
	transition:
		transform 0.2s ease,
		background-color 0.2s ease;
}

.contact__info-social:hover {
	transform: translateY(-2px);
	background-color: rgba(255, 255, 255, 0.12);
}

.contact__info-social:active {
	transform: translateY(-1px);
	background-color: rgba(255, 255, 255, 0.18);
}

.contact__info-social:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.9);
	outline-offset: 2px;
}

.contact__info-social svg,
.contact__info-social img {
	display: block;
	width: 40px;
	height: 40px;
}

.contact-map {
	width: 100%;
	max-width: 100%;
	padding-bottom: 0;
	overflow-x: clip;
}

.contact-map__frame {
	position: relative;
	width: 100%;
	border-radius: 0;
	overflow: hidden;
	background: #ebf4ee;
	min-height: 450px;
	isolation: isolate;
}

.contact-map__iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.contact-map__marker {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -78%);
	width: 98px;
	height: auto;
	max-width: 98px;
	aspect-ratio: 1;
	object-fit: contain;
	pointer-events: none;
}

.about-contact,
.contact {
	position: relative;
}

.about-contact {
	padding-bottom: 115px;
}

.contact {
	padding-bottom: 95px;
}

.about-contact > .container,
.contact > .container {
	position: relative;
	z-index: 0;
}

.about-contact > .container::before {
	content: '';
	position: absolute;
	top: -10%;
	left: 33%;
	width: 208px;
	height: 135px;
	z-index: 10;
	pointer-events: none;
	background: url('../images/contact-decor.svg') no-repeat center center;
	background-size: cover;
}

.about-contact__inner,
.contact__inner {
	display: flex;
	position: relative;
	align-items: stretch;
	border-radius: 16px;
	background: linear-gradient(270deg, #ebf4ee 0%, #fff 100%);
	overflow: hidden;
	z-index: 0;
}

.about-contact__inner {
	gap: 50px;
}

.contact__inner {
	gap: 0;
}

.contact > .container::before {
	display: none;
}

.about-contact__img,
.contact__img {
	flex-shrink: 0;
	width: 100%;
	max-width: 620px;
	height: auto;
	object-fit: cover;
}

.about-contact__content,
.contact__content {
	flex: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 58px 24px 110px;
}

.about-contact__title,
.contact__title {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 52px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 34px;
}

.about-contact__form,
.contact__form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.about-contact__form-row,
.contact__form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.about-contact__field,
.contact__field {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.about-contact__label,
.contact__label {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 200% */
}

.about-contact__input,
.about-contact__textarea,
.contact__textarea {
	width: 100%;
	border-radius: 18px;
	border: 1px solid #c8e4d1;
	background: #fff;
	padding: 16px;
	color: #000;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 200% */
	transition: border-color 0.2s ease;
}

.about-contact__input::placeholder,
.about-contact__textarea::placeholder,
.contact__textarea::placeholder {
	color: #949494;
}

.about-contact__input:focus,
.about-contact__textarea:focus,
.contact__textarea:focus {
	outline: none;
	border-color: var(--Green, #117f1c);
}

.about-contact__textarea,
.contact__textarea {
	padding: 10px 16px;
	min-height: 120px;
	resize: none;
}

.about-contact__agree,
.contact__agree {
	display: flex;
	align-items: center;
	gap: 19px;
	cursor: pointer;
	margin-bottom: 3px;
}

.about-contact__agree-input,
.contact__agree-input {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	margin: 0;
	border-radius: 10px;
	border: 1px solid #c8e4d1;
	background-color: #fff;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease;
}

.about-contact__agree-input:checked,
.contact__agree-input:checked {
	background-color: var(--Green, #117f1c);
	border-color: var(--Green, #117f1c);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4 9.5L7.5 13L14 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

.about-contact__agree-input:focus-visible,
.contact__agree-input:focus-visible {
	outline: 2px solid var(--Green, #117f1c);
	outline-offset: 2px;
}

.about-contact__agree-text,
.contact__agree-text {
	color: var(--Green, #117f1c);
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.4;
}

.about-contact__bottom,
.contact__bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: flex-end;
	z-index: 1;
}

.about-contact__bottom-submit,
.contact__bottom-submit {
	width: 96%;
	background: #fff;
	padding: 15px 0 0 18px;
	border-radius: 16px 0 16px 0;
}

.about-contact__submit,
.contact__submit {
	width: 100%;
	justify-content: center;
}

.about-contact__submit::before,
.contact__submit::before {
	left: auto;
	right: -1px;
	top: -42px;
	transform: none;
}

.about-contact__submit::after,
.contact__submit::after {
	right: auto;
	left: -45px;
	bottom: -0.5px;
	transform: none;
}

.about-contact__submit svg,
.contact__submit svg {
	flex-shrink: 0;
}

@media (max-width: 1240px) {
	.contact__top {
		margin-bottom: clamp(32px, 4vw, 64px);
	}

	.contact__heading {
		font-size: clamp(36px, 4.2vw, 52px);
		max-width: min(705px, 100%);
		margin-bottom: clamp(20px, 2.3vw, 28px);
	}

	.contact__subtitle {
		font-size: clamp(16px, 1.6vw, 20px);
		line-height: 1.6;
	}

	.contact__info {
		flex: 0 1 clamp(380px, 48%, 520px);
		width: auto;
		max-width: none;
		align-self: stretch;
		padding: clamp(32px, 3.6vw, 48px) clamp(28px, 3.2vw, 40px);
		border-radius: 0 16px 16px 0;
		clip-path: ellipse(90% 78% at 0% 50%);
		overflow: hidden;
		z-index: 2;
		margin-right: clamp(-28px, -2.4vw, -12px);
	}

	.about-contact {
		padding-bottom: clamp(72px, 8.5vw, 115px);
	}

	.contact {
		padding-bottom: clamp(60px, 7vw, 95px);
	}

	.about-contact > .container,
	.contact > .container {
		overflow: visible;
	}

	.about-contact > .container::before,
	.contact > .container::before {
		top: clamp(-6%, -0.8vw, -10%);
		left: auto;
		right: clamp(8%, 12vw, 22%);
		width: clamp(150px, 17vw, 208px);
		height: clamp(98px, 11vw, 135px);
		background-size: contain;
	}

	.about-contact__inner,
	.contact__inner {
		gap: 0;
		flex-wrap: nowrap;
		align-items: stretch;
		overflow: visible;
	}

	.about-contact__img,
	.contact__img {
		display: none;
	}

	.contact__info {
		order: -1;
	}

	.contact__info-label {
		font-size: clamp(14px, 1.3vw, 16px);
		line-height: 1.6;
	}

	.contact__info-value,
	.contact__info-link {
		font-size: clamp(18px, 2vw, 24px);
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	.about-contact__content,
	.contact__content {
		flex: 1 1 0;
		min-width: 0;
		position: relative;
		z-index: 1;
		padding: clamp(40px, 4.7vw, 58px) clamp(16px, 2vw, 24px)
			clamp(88px, 8.5vw, 110px);
		padding-left: clamp(28px, 3.2vw, 40px);
	}

	.about-contact__title,
	.contact__title {
		font-size: clamp(36px, 4.2vw, 52px);
		margin-bottom: clamp(24px, 2.7vw, 34px);
		line-height: 1.15;
	}

	.about-contact__form,
	.contact__form {
		gap: clamp(16px, 1.6vw, 20px);
	}

	.about-contact__form-row,
	.contact__form-row {
		gap: clamp(16px, 2.4vw, 30px);
	}

	.about-contact__label,
	.about-contact__input,
	.about-contact__textarea,
	.contact__textarea {
		font-size: clamp(15px, 1.3vw, 16px);
		line-height: 1.5;
	}

	.about-contact__agree-text,
	.contact__agree-text {
		font-size: clamp(13px, 1.15vw, 14px);
		line-height: 1.4;
	}

	.about-contact__input,
	.about-contact__textarea,
	.contact__textarea {
		padding: clamp(12px, 1.3vw, 16px);
		border-radius: clamp(14px, 1.45vw, 18px);
	}

	.about-contact__textarea,
	.contact__textarea {
		min-height: clamp(100px, 10vw, 120px);
	}

	.about-contact__agree,
	.contact__agree {
		gap: clamp(12px, 1.5vw, 19px);
	}

	.about-contact__agree-input,
	.contact__agree-input {
		width: clamp(28px, 2.6vw, 32px);
		height: clamp(28px, 2.6vw, 32px);
	}

	.about-contact__bottom-submit,
	.contact__bottom-submit {
		width: 96%;
		padding: clamp(10px, 1.2vw, 15px) 0 0 clamp(12px, 1.45vw, 18px);
		border-radius: clamp(14px, 1.3vw, 16px) 0 clamp(14px, 1.3vw, 16px) 0;
	}

	.about-contact__submit,
	.contact__submit {
		font-size: clamp(18px, 1.94vw, 24px);
		padding: clamp(12px, 1.2vw, 15px) clamp(24px, 4.5vw, 63px);
		gap: clamp(8px, 0.9vw, 11px);
	}

	.about-contact__submit::before,
	.contact__submit::before,
	.about-contact__submit::after,
	.contact__submit::after {
		display: none;
	}

	.about-contact__submit svg,
	.contact__submit svg {
		width: clamp(20px, 1.9vw, 24px);
		height: auto;
	}

	.contact-map {
		margin-top: clamp(-20px, -1.6vw, 0);
	}

	.contact-map__frame {
		min-height: clamp(360px, 36vw, 450px);
	}

	.contact-map__marker {
		width: clamp(72px, 7.9vw, 98px);
		max-width: clamp(72px, 7.9vw, 98px);
	}
}

@media (max-width: 1024px) {
	.contact__heading {
		font-size: clamp(28px, 5.5vw, 36px);
	}

	.contact__subtitle {
		font-size: clamp(15px, 2.2vw, 18px);
	}

	.about-contact > .container::before,
	.contact > .container::before {
		right: clamp(6%, 10vw, 18%);
		top: clamp(2%, 3vw, 6%);
	}

	.about-contact__inner,
	.contact__inner {
		overflow: visible;
	}

	.contact__info {
		flex: 0 1 clamp(340px, 44%, 480px);
		clip-path: ellipse(88% 76% at 0% 50%);
		margin-right: clamp(-20px, -2vw, -8px);
		padding: clamp(28px, 3.2vw, 40px) clamp(24px, 2.8vw, 36px);
	}

	.about-contact__content,
	.contact__content {
		padding: clamp(32px, 4.5vw, 48px) clamp(16px, 2.5vw, 24px)
			clamp(80px, 8vw, 100px);
		padding-left: clamp(24px, 2.8vw, 36px);
	}

	.about-contact__title,
	.contact__title {
		font-size: clamp(32px, 4.8vw, 44px);
	}

	.contact-map__frame {
		min-height: clamp(340px, 38vw, 420px);
	}

	.contact-map__marker {
		width: clamp(68px, 8.5vw, 88px);
		max-width: clamp(68px, 8.5vw, 88px);
	}
}

@media (max-width: 768px) {
	.contact__inner {
		flex-direction: column;
	}

	.contact__info {
		flex: 1 1 100%;
		width: 100%;
		max-width: none;
		border-radius: 16px 16px 0 0;
		clip-path: none;
		margin-right: 0;
		z-index: 1;
	}

	.about-contact {
		padding-bottom: clamp(56px, 8vw, 72px);
	}

	.contact {
		padding-bottom: clamp(44px, 6.5vw, 58px);
	}

	.about-contact > .container::before,
	.contact > .container::before {
		width: clamp(120px, 18vw, 160px);
		height: clamp(78px, 12vw, 104px);
		right: clamp(4%, 8vw, 14%);
		top: clamp(4%, 5vw, 8%);
	}

	.about-contact__content,
	.contact__content {
		padding: clamp(28px, 4vw, 40px) clamp(12px, 2vw, 20px)
			clamp(24px, 4vw, 32px);
		padding-left: clamp(12px, 2vw, 20px);
	}

	.about-contact__title,
	.contact__title {
		font-size: clamp(28px, 5.5vw, 36px);
		margin-bottom: clamp(20px, 3vw, 28px);
	}

	.about-contact__form-row,
	.contact__form-row {
		grid-template-columns: 1fr;
		gap: clamp(16px, 2.5vw, 20px);
	}

	.about-contact__bottom,
	.contact__bottom {
		position: static;
	}

	.about-contact__bottom-submit,
	.contact__bottom-submit {
		width: 100%;
		background: none;
		padding: 0;
		border-radius: 0;
	}

	.about-contact__submit,
	.contact__submit {
		width: 100%;
	}

	.contact-map {
		margin-top: 0;
	}

	.contact-map__frame {
		min-height: clamp(300px, 47vw, 380px);
	}

	.contact-map__marker {
		width: clamp(64px, 12vw, 80px);
		max-width: clamp(64px, 12vw, 80px);
	}
}

@media (max-width: 480px) {
	.about-contact {
		padding-bottom: clamp(48px, 10vw, 56px);
	}

	.contact {
		padding-bottom: clamp(36px, 8vw, 46px);
	}

	.about-contact > .container::before,
	.contact > .container::before {
		width: clamp(100px, 24vw, 130px);
		height: clamp(65px, 16vw, 85px);
	}

	.about-contact__title,
	.contact__title {
		font-size: clamp(26px, 6.5vw, 32px);
	}

	.about-contact__label,
	.about-contact__input,
	.about-contact__textarea,
	.contact__textarea {
		font-size: 15px;
	}

	.about-contact__agree-text,
	.contact__agree-text {
		font-size: 13px;
	}

	.about-contact__submit,
	.contact__submit {
		font-size: 18px;
		padding: 12px 20px;
	}

	.contact-map__frame {
		min-height: clamp(260px, 55vw, 340px);
	}

	.contact-map__marker {
		width: clamp(56px, 14vw, 72px);
		max-width: clamp(56px, 14vw, 72px);
	}
}

.clubs {
	padding-bottom: 65px;
}

.clubs__inner {
	display: flex;
	justify-content: space-between;
	align-items: start;
}
.clubs__content {
	padding-top: 28px;
	margin-bottom: 80px;
}
.clubs__title {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 52px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	max-width: 705px;
	margin-bottom: 28px;
}
.clubs__subtitle {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
}

.clubs__list {
	display: flex;
	justify-content: space-between;
	gap: 15px;
}

.clubs__card {
	flex: 1;
	min-width: 0;
	max-width: 395px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.clubs__card .clubs__item-text {
	width: 100%;
}

.clubs__card .team__profile {
	width: 100%;
	max-width: 395px;
}

@media (min-width: 1241px) {
	.clubs__list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: 15px;
		row-gap: 24px;
		align-items: start;
	}

	.clubs__card {
		display: contents;
		max-width: none;
	}

	.clubs__card:nth-child(1) .clubs__item-text {
		grid-column: 1;
		grid-row: 1;
		transform: translateX(-15px);
	}

	.clubs__card:nth-child(2) .clubs__item-text {
		grid-column: 2;
		grid-row: 1;
	}

	.clubs__card:nth-child(3) .clubs__item-text {
		grid-column: 3;
		grid-row: 1;
		transform: translateX(15px);
	}

	.clubs__card:nth-child(1) .team__profile {
		grid-column: 1;
		grid-row: 2;
		justify-self: center;
	}

	.clubs__card:nth-child(2) .team__profile {
		grid-column: 2;
		grid-row: 2;
		justify-self: center;
	}

	.clubs__card:nth-child(3) .team__profile {
		grid-column: 3;
		grid-row: 2;
		justify-self: center;
	}
}
.clubs__item-text {
	color: var(--Green, #117f1c);
	text-align: center;
	font-family: Montserrat;
	font-style: italic;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px; /* 108.333% */
	position: relative;
}
.clubs__item-text-inner {
	text-align: center;
}
.clubs__item-text-inner > span {
	font-size: 24px;
}
.clubs__item-text::before {
	position: absolute;
	content: '';
	background-image: url('../images/clubs-decor.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: -1;
	left: -25px;
	top: -30px;
	width: 430px;
	height: 165px;
}

.clubs .team__profile-img {
	padding-top: 30px;
}

.clubs__img {
	flex-shrink: 0;
	width: 156px;
	height: auto;
}

@media (max-width: 1240px) {
	.clubs {
		padding-bottom: clamp(48px, 5.2vw, 65px);
	}

	.clubs__inner {
		gap: clamp(16px, 2vw, 24px);
		align-items: flex-start;
	}

	.clubs__content {
		flex: 1 1 auto;
		min-width: 0;
		padding-top: clamp(20px, 2.3vw, 28px);
		margin-bottom: 0;
	}

	.clubs__title {
		font-size: clamp(36px, 4.2vw, 52px);
		max-width: min(705px, 100%);
		margin-bottom: clamp(20px, 2.3vw, 28px);
	}

	.clubs__subtitle {
		font-size: clamp(16px, 1.6vw, 20px);
		line-height: 1.6;
	}

	.clubs__img {
		width: clamp(120px, 12.6vw, 156px);
		margin-top: clamp(12px, 1.6vw, 28px);
	}

	.clubs__list {
		gap: clamp(10px, 1.2vw, 15px);
	}

	.clubs__card {
		max-width: none;
		gap: clamp(16px, 2vw, 24px);
	}

	.clubs__card .clubs__item-text {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: clamp(130px, 13.3vw, 165px);
		padding: clamp(18px, 2vw, 26px) clamp(10px, 1.2vw, 16px);
		box-sizing: border-box;
	}

	.clubs__card:first-child .clubs__item-text,
	.clubs__card:last-child .clubs__item-text {
		transform: none;
	}

	.clubs__item-text {
		font-size: clamp(12px, 1.2vw, 16px);
		line-height: 1.5;
	}

	.clubs__item-text-inner {
		position: relative;
		z-index: 1;
		transform: translateY(-4px);
	}

	.clubs__card:nth-child(2) .clubs__item-text-inner,
	.clubs__card:nth-child(3) .clubs__item-text-inner {
		transform: translateY(-8px);
	}

	.clubs__item-text-inner > span {
		font-size: clamp(16px, 1.8vw, 24px);
	}

	.clubs__item-text::before {
		left: 0;
		top: 0;
		transform: none;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
	}

	.clubs .team__profile-img {
		width: clamp(160px, 17.7vw, 220px);
		height: clamp(160px, 17.7vw, 220px);
		padding-top: clamp(24px, 2.4vw, 30px);
	}

	.clubs .team__profile-img::before {
		width: clamp(160px, 17.7vw, 220px);
		height: clamp(160px, 17.7vw, 220px);
	}

	.clubs .team__profile-img img {
		width: clamp(160px, 17.7vw, 220px);
		height: clamp(204px, 22.6vw, 280px);
	}

	.clubs .team__profile-img img[src$='team-1.png'] {
		bottom: clamp(-16px, -1.6vw, -20px);
	}

	.clubs .team__profile-img img[src$='team-3.png'] {
		width: clamp(149px, 16.5vw, 205px);
		height: clamp(167px, 18.5vw, 230px);
	}

	.clubs .team__profile-img img[src$='team-6.png'] {
		height: clamp(186px, 20.6vw, 255px);
		bottom: clamp(-9px, -0.97vw, -12px);
	}

	.clubs .team__info {
		margin-top: clamp(-28px, -2.7vw, -33px);
	}

	.clubs .team__info-position {
		font-size: clamp(14px, 1.3vw, 16px);
		line-height: 1.35;
	}

	.clubs .team__info-name {
		font-size: clamp(18px, 1.94vw, 24px);
		line-height: 1.33;
		white-space: normal;
		overflow-wrap: break-word;
	}
}

@media (max-width: 1024px) {
	.clubs__inner {
		flex-wrap: wrap;
	}

	.clubs__content {
		flex: 1 1 100%;
		max-width: 640px;
		margin-bottom: 0;
	}

	.clubs__card:first-child .clubs__item-text,
	.clubs__card:last-child .clubs__item-text {
		transform: none;
	}
}

@media (max-width: 820px) {
	.clubs__img {
		display: none;
	}

	.clubs__content {
		max-width: none;
		margin-bottom: 0;
	}

	.clubs__list {
		flex-direction: column;
		align-items: center;
		gap: 0;
	}

	.clubs__card {
		width: 100%;
		max-width: 400px;
		gap: clamp(12px, 2.5vw, 20px);
	}

	.clubs__card .team__profile {
		margin-top: -60px;
	}

	.clubs__card .clubs__item-text {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: clamp(110px, 17vw, 140px);
		padding: 0;
		box-sizing: border-box;
	}

	.clubs__item-text-inner {
		position: relative;
		z-index: 1;
		text-align: center;
		transform: translateY(-6px);
	}

	.clubs__card:nth-child(2) .clubs__item-text-inner,
	.clubs__card:nth-child(3) .clubs__item-text-inner {
		transform: translateY(-15px);
	}

	.clubs__item-text {
		font-size: clamp(11px, 1.4vw, 13px);
		line-height: 1.45;
	}

	.clubs__item-text-inner > span {
		display: inline;
		font-size: clamp(14px, 1.9vw, 17px);
		vertical-align: baseline;
		line-height: 1;
	}

	.clubs__item-text::before {
		left: 0;
		top: 0;
		transform: none;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
	}

	.clubs .team__profile-img {
		width: clamp(200px, 50vw, 240px);
		height: clamp(200px, 50vw, 240px);
		padding-top: clamp(32px, 7vw, 44px);
	}

	.clubs .team__profile-img::before {
		width: clamp(200px, 50vw, 240px);
		height: clamp(200px, 50vw, 240px);
	}

	.clubs .team__profile-img img {
		width: clamp(200px, 50vw, 240px);
		height: clamp(255px, 63vw, 305px);
	}

	.clubs .team__profile-img img[src$='team-1.png'] {
		bottom: clamp(-18px, -4vw, -22px);
	}

	.clubs .team__profile-img img[src$='team-3.png'] {
		width: clamp(186px, 46vw, 224px);
		height: clamp(209px, 52vw, 251px);
	}

	.clubs .team__profile-img img[src$='team-6.png'] {
		height: clamp(232px, 58vw, 279px);
		bottom: clamp(-11px, -2.5vw, -14px);
	}

	.clubs .team__info {
		margin-top: clamp(-32px, -7vw, -38px);
	}

	.clubs .team__info-position {
		font-size: clamp(15px, 3.5vw, 18px);
	}

	.clubs .team__info-name {
		font-size: clamp(22px, 5vw, 28px);
	}
}

@media (max-width: 768px) {
	.clubs__title {
		font-size: clamp(28px, 5.5vw, 36px);
	}

	.clubs__subtitle {
		font-size: clamp(15px, 2.2vw, 18px);
	}

	.clubs__list {
		gap: 0;
	}

	.clubs__card {
		max-width: 400px;
	}

	.clubs__card .clubs__item-text {
		min-height: clamp(145px, 28vw, 185px);
		padding: 0;
	}

	.clubs__item-text {
		font-size: clamp(13px, 1.8vw, 15px);
		line-height: 1.5;
	}

	.clubs__item-text-inner > span {
		font-size: clamp(16px, 2.2vw, 20px);
	}
}

@media (max-width: 480px) {
	.clubs__card {
		max-width: 100%;
		gap: 12px;
	}

	.clubs__card .clubs__item-text {
		min-height: 220px;
		padding: 0;
	}

	.clubs__item-text-inner {
		transform: translateY(-8px);
	}

	.clubs__card:nth-child(2) .clubs__item-text-inner,
	.clubs__card:nth-child(3) .clubs__item-text-inner {
		transform: translateY(-12px);
	}

	.clubs__item-text {
		font-size: 14px;
		line-height: 1.5;
	}

	.clubs__item-text-inner > span {
		display: inline;
		font-size: 18px;
		vertical-align: baseline;
		line-height: 1;
	}

	.clubs__item-text::before {
		width: 105%;
		height: 105%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
}

.accordion {
	padding: 0px 0 115px;
}

.accordion__top {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 32px;
}

.accordion__title {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	min-width: 0;
	overflow-wrap: break-word;
}

.accordion__inner {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.accordion__item {
	border-radius: 16px;
	overflow: hidden;
	padding: 8px;
	background: linear-gradient(98deg, #fff 24.24%, #ebf4ee 87.67%);
}

.accordion__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 0;
	background: transparent;
	cursor: pointer;
}

.accordion__item--open .accordion__header {
	padding-bottom: 30px;
}

.accordion__left {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}

.accordion__left img {
	flex-shrink: 0;
	width: 64px;
	height: 64px;
}

.accordion__left-title {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	min-width: 0;
	overflow-wrap: break-word;
}

.accordion__body {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.45s ease;
	background: transparent;
}

.accordion__body > .accordion__cards {
	min-height: 0;
	overflow: hidden;
}

.accordion__item--open .accordion__body {
	grid-template-rows: 1fr;
}

.accordion__cards {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.accordion__card {
	position: relative;
	overflow: hidden;
	padding-top: 27px;
	border-radius: 16px;
	min-height: 380px;
}

.accordion__card::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #ebf4ee 0%, #fff 100%);
	z-index: 0;
}

.accordion__card-img {
	position: absolute;
	top: 0;
	right: 0;
	width: 37%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
	border-radius: 0 16px 16px 0;
	clip-path: ellipse(90% 100% at 100% 50%);
}

.accordion__card-content {
	position: relative;
	z-index: 1;
	padding: 0 50px;
	margin-bottom: 52px;
}

.accordion__card-title {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
	margin-bottom: 20px;
}

.accordion__card-subtitle {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 5px;
}

.accordion__card-text {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	max-width: 700px;
}

.accordion__card-footer {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	gap: 20px;
	border-radius: 0 0 16px 16px;
}

.accordion__card-footer-start {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 42px;
	min-width: 0;
}

.accordion__card-btn-wrap {
	position: relative;
	flex-shrink: 0;
	background: #fff;
	padding: 15px 18px 0 0;
	border-radius: 0 16px 0 16px;
}

.accordion__card-btn-wrap::before {
	content: '';
	position: absolute;
	left: -45px;
	bottom: -0.3px;
	width: 27px;
	height: 27px;
	background-image: url('../images/radius.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none;
}

.accordion__card-btn {
	position: relative;
	overflow: visible;
	border: none;
	cursor: pointer;
	border-radius: 16px;
	background: linear-gradient(
		100deg,
		#117f1c 0%,
		#2d8f24 30%,
		#a9c337 50%,
		#2d8f24 70%,
		#117f1c 100%
	);
	background-size: 200% 100%;
	background-position: 0% 50%;
	color: var(--White, #fff);
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	display: inline-flex;
	align-items: center;
	gap: 11px;
	padding: 15px 63px;
	white-space: nowrap;
	transition:
		background-position 0.55s ease,
		box-shadow 0.25s ease;
}

.accordion__card-btn > * {
	position: relative;
	z-index: 1;
}

.accordion__card-btn:hover {
	background-position: 100% 50%;
	box-shadow: 0 2px 8px rgba(17, 127, 28, 0.15);
}

.accordion__card-btn:active {
	background-position: 50% 50%;
	box-shadow: 0 1px 4px rgba(17, 127, 28, 0.12);
}

.accordion__card-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.accordion__card-info:not(:has(.accordion__card-schedule)) {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 24px;
}

.accordion__card-schedule {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 24px;
}

.accordion__card-date,
.accordion__card-time {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--Green, #117f1c);
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.accordion__item--open .accordion__btn img {
	transform: rotate(-90deg);
}

@media (prefers-reduced-motion: reduce) {
	.accordion__body {
		transition: none;
	}

	.accordion__btn img {
		transition: none;
	}
}

@media (min-width: 1241px) {
	.accordion__card-btn::after {
		content: '';
		position: absolute;
		z-index: 0;
		width: 27px;
		height: 27px;
		background-image: url('../images/radius.svg');
		background-repeat: no-repeat;
		background-size: contain;
		transform: rotate(90deg);
		bottom: -0.5px;
		right: -44px;
	}

	.accordion__card-btn::before {
		content: '';
		position: absolute;
		left: -0.5px;
		top: -41.5px;
		transform: rotate(90deg);
		width: 27px;
		z-index: 0;
		height: 27px;
		background-image: url('../images/radius.svg');
		background-repeat: no-repeat;
		background-position: center;
	}
}

@media (max-width: 1280px) and (min-width: 1241px) {
	.accordion__card-img {
		width: 36%;
	}

	.accordion__card-content {
		padding-right: clamp(36px, 4vw, 48px);
		box-sizing: border-box;
		width: 64%;
	}

	.accordion__card-text {
		max-width: 100%;
		font-size: clamp(18px, 1.7vw, 20px);
		line-height: 1.55;
	}

	.accordion__card-footer {
		padding-right: 40%;
		box-sizing: border-box;
	}

	.accordion__card-title {
		font-size: clamp(28px, 2.6vw, 32px);
	}

	.accordion__card-btn {
		font-size: clamp(20px, 1.9vw, 24px);
		padding: clamp(12px, 1.2vw, 15px) clamp(40px, 4.5vw, 63px);
	}
}

@media (max-width: 1240px) {
	.accordion {
		padding: 0 0 clamp(64px, 6.5vw, 80px);
	}

	.accordion__top {
		gap: clamp(8px, 1vw, 11px);
		margin-bottom: clamp(24px, 2.6vw, 32px);
		align-items: flex-start;
	}

	.accordion__img {
		width: clamp(30px, 2.8vw, 36px);
		height: auto;
		flex-shrink: 0;
		margin-top: 2px;
	}

	.accordion__title {
		flex: 1;
		font-size: clamp(20px, 2.2vw, 24px);
		line-height: 1.35;
	}

	.accordion__inner {
		gap: clamp(12px, 1.3vw, 16px);
	}

	.accordion__item {
		padding: clamp(6px, 0.7vw, 8px);
	}

	.accordion__header {
		gap: clamp(12px, 1.3vw, 20px);
		padding: 0 clamp(4px, 0.5vw, 8px);
	}

	.accordion__item--open .accordion__header {
		padding-bottom: clamp(20px, 2.2vw, 28px);
	}

	.accordion__left {
		gap: clamp(12px, 1.3vw, 16px);
	}

	.accordion__left img {
		width: clamp(52px, 5.5vw, 64px);
		height: clamp(52px, 5.5vw, 64px);
	}

	.accordion__left-title {
		font-size: clamp(18px, 2vw, 20px);
		line-height: 1.35;
	}

	.accordion__btn {
		padding: clamp(20px, 2.2vw, 27px) clamp(22px, 2.4vw, 30px);
	}

	.accordion__card {
		display: flex;
		flex-direction: column;
		padding-top: clamp(20px, 2.2vw, 24px);
		min-height: 0;
	}

	.accordion__card-img {
		display: none;
	}

	.accordion__card-content {
		flex: 1;
		min-width: 0;
		width: auto;
		padding: 0 clamp(20px, 4vw, 40px);
		margin-bottom: clamp(28px, 3vw, 32px);
	}

	.accordion__card-title {
		font-size: clamp(26px, 3vw, 30px);
		margin-bottom: clamp(12px, 1.2vw, 16px);
		overflow-wrap: break-word;
	}

	.accordion__card-subtitle {
		font-size: clamp(16px, 1.8vw, 18px);
		margin-bottom: clamp(12px, 1.2vw, 16px);
	}

	.accordion__card-text {
		font-size: clamp(16px, 1.8vw, 18px);
		line-height: 1.6;
		max-width: none;
		overflow-wrap: break-word;
	}

	.accordion__card-footer {
		margin-top: auto;
		padding: 0 clamp(16px, 3vw, 24px) clamp(16px, 2vw, 20px);
	}

	.accordion__card-footer-start {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 16px 24px;
		width: 100%;
	}

	.accordion__card-btn-wrap {
		background: none;
		padding: 0;
		border-radius: 0;
	}

	.accordion__card-btn-wrap::before,
	.accordion__card-btn::before,
	.accordion__card-btn::after {
		display: none;
	}

	.accordion__card-btn {
		font-size: clamp(18px, 2vw, 20px);
		padding: 8px clamp(20px, 2.2vw, 24px);
	}

	.accordion__card-info {
		flex: 1;
		justify-content: flex-end;
		gap: clamp(8px, 1vw, 12px);
		min-width: 0;
	}

	.accordion__card-info:not(:has(.accordion__card-schedule)) {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.accordion__card-schedule {
		flex-wrap: wrap;
		gap: clamp(8px, 1vw, 12px) clamp(16px, 2vw, 24px);
	}

	.accordion__card-date,
	.accordion__card-time {
		font-size: clamp(15px, 1.6vw, 16px);
		line-height: 1.4;
		min-width: 0;
	}

	.accordion__card-date img,
	.accordion__card-time img {
		flex-shrink: 0;
	}
}

@media (max-width: 768px) {
	.accordion {
		padding-bottom: 48px;
	}

	.accordion__top {
		margin-bottom: 20px;
		gap: 8px;
	}

	.accordion__img {
		width: 28px;
	}

	.accordion__title {
		font-size: 20px;
	}

	.accordion__inner {
		gap: 12px;
	}

	.accordion__item {
		padding: 6px;
	}

	.accordion__header {
		gap: 12px;
		padding: 0 4px;
	}

	.accordion__item--open .accordion__header {
		padding-bottom: 16px;
	}

	.accordion__left {
		gap: 12px;
	}

	.accordion__left img {
		width: 48px;
		height: 48px;
	}

	.accordion__left-title {
		font-size: 18px;
	}

	.accordion__btn {
		padding: 18px 22px;
	}

	.accordion__card {
		padding-top: 16px;
	}

	.accordion__card-content {
		padding: 0 16px;
		margin-bottom: 24px;
	}

	.accordion__card-title {
		font-size: 22px;
		margin-bottom: 8px;
	}

	.accordion__card-subtitle {
		font-size: 15px;
		margin-bottom: 12px;
	}

	.accordion__card-text {
		font-size: 15px;
		line-height: 1.55;
	}

	.accordion__card-footer {
		padding: 0 12px 16px;
	}

	.accordion__card-btn {
		font-size: 18px;
		padding: 8px 20px;
	}

	.accordion__card-date,
	.accordion__card-time {
		font-size: 14px;
	}

	.accordion__card-footer-start {
		gap: 12px 16px;
	}
}

@media (max-width: 550px) {
	.accordion__top {
		margin-bottom: 16px;
	}

	.accordion__title {
		font-size: 18px;
	}

	.accordion__left-title {
		font-size: 16px;
	}

	.accordion__btn {
		padding: 16px 18px;
	}

	.accordion__card-footer-start {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.accordion__card-info {
		order: -1;
		flex: none;
		justify-content: center;
		align-items: center;
	}

	.accordion__card-schedule {
		justify-content: center;
	}

	.accordion__card-btn-wrap {
		align-self: center;
	}
}

@media (max-width: 480px) {
	.accordion__card-btn {
		font-size: 16px;
		padding: 8px 16px;
	}
}

embed-place-card-element {
	display: none !important;
}

.help {
	position: relative;
	padding-bottom: 48px;
}

.help > .container {
	position: relative;
	z-index: 0;
	overflow: visible;
}

.help__top {
	padding-top: 3px;
	margin-bottom: 48px;
}

.help__heading {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 52px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.help__subtitle {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.help__inner {
	display: flex;
	position: relative;
	align-items: stretch;
	border-radius: 16px;
	background: linear-gradient(270deg, #ebf4ee 0%, #fff 100%);
	overflow: visible;
	z-index: 0;
	gap: 0;
}

.help__amounts {
	flex-shrink: 0;
	width: 100%;
	max-width: 695px;
	padding: 58px 0 58px 63px;
	color: #fff;
	border-radius: 16px 0 0 16px;
	background: transparent;
	position: relative;
	overflow: visible;
	display: flex;
	flex-direction: column;
	align-self: stretch;
	z-index: 2;
}

.help__amounts::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: inherit;
	background: linear-gradient(110deg, #a9c337 6%, #117f1c 75%);
	clip-path: ellipse(92% 100% at 0% 50%);
	pointer-events: none;
}

.help__amounts::after {
	content: '';
	position: absolute;
	right: 0px;
	bottom: 0;
	width: 628px;
	height: 454px;
	background: url('../images/help-tree.svg') no-repeat right bottom;
	background-size: contain;
	pointer-events: none;
	z-index: 1;
}

.help__amounts-label {
	position: relative;
	z-index: 2;
	color: var(--White, #fff);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 200% */
	margin-bottom: 10px;
}

.help__amounts-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(2, auto);
	width: fit-content;
	max-width: 100%;
	gap: 12px;
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0;
}

.help__amount {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: 10px 63px;
	border-radius: 16px;
	background: #fff;
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 44px; /* 160% */
	text-align: center;
	cursor: pointer;
	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease;
}

.help__amount:not(:has(.help__amount-input-radio:checked)):hover {
	background: #ebf4ee;
	box-shadow: 0 2px 10px rgba(5, 78, 5, 0.12);
}

.help__amount:has(.help__amount-input-radio:checked):hover {
	background: #066306;
	box-shadow: 0 2px 10px rgba(5, 78, 5, 0.2);
}

.help__amount--wide {
	grid-column: 1 / -1;
	width: 100%;
	padding: 10px 63px;
	cursor: text;
	background: #fff;
	color: var(--Dark-green, #054e05);
}

.help__amount.help__amount--wide:has(.help__amount-input-radio:checked) {
	background: #fff;
	color: var(--Dark-green, #054e05);
}

.help__amount.help__amount--wide:has(.help__amount-input-radio:checked):hover {
	background: #ebf4ee;
	box-shadow: 0 2px 10px rgba(5, 78, 5, 0.12);
}

.help__amount-custom {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 44px;
	position: relative;
	gap: 0;
}

.help__amount-placeholder {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: inherit;
	pointer-events: none;
}

.help__amount--wide.is-focused .help__amount-placeholder,
.help__amount--wide.has-value .help__amount-placeholder {
	display: none;
}

.help__amount-input-text {
	flex: 0 0 0;
	width: 0;
	min-width: 0;
	border: none;
	background: transparent;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-align: center;
	padding: 0;
	opacity: 0;
	pointer-events: auto;
	field-sizing: content;
}

.help__amount--wide.is-focused .help__amount-input-text,
.help__amount--wide.has-value .help__amount-input-text {
	flex: 0 0 auto;
	width: auto;
	min-width: 1ch;
	opacity: 1;
}

.help__amount--wide.is-focused .help__amount-custom,
.help__amount--wide.has-value .help__amount-custom {
	gap: 6px;
}

.help__amount-input-text:focus {
	outline: none;
}

.help__amount-suffix {
	display: none;
	flex-shrink: 0;
	color: inherit;
	pointer-events: none;
}

.help__amount--wide.is-focused .help__amount-suffix,
.help__amount--wide.has-value .help__amount-suffix {
	display: inline;
}

.help__amount-input-radio {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.help__amount:has(.help__amount-input-radio:checked) {
	background: var(--Dark-green, #054e05);
	color: #d3f445;
}

.help__amount-text {
	pointer-events: none;
}

.help__content {
	flex: 0 0 475px;
	width: 475px;
	max-width: 475px;
	margin-left: auto;
	position: relative;
	z-index: 4;
	display: flex;
	flex-direction: column;
	padding: 58px 0 130px;
}

.help__form-title {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 200% */
	margin-bottom: 10px;
	padding-right: 30px;
}

.help__form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.help__field {
	display: flex;
	flex-direction: column;
	padding-right: 30px;
}

.help__input {
	width: 100%;
	border-radius: 18px;
	border: 1px solid #c8e4d1;
	background: #fff;
	padding: 10px 16px;
	color: #949494;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 42.5px; /* 200% */
	transition: border-color 0.2s ease;
}

.help__input::placeholder {
	color: #949494;
}

.help__input:focus {
	outline: none;
	border-color: var(--Green, #117f1c);
}

.help__agree {
	display: flex;
	align-items: center;
	gap: 19px;
	cursor: pointer;
	margin-bottom: 3px;
	margin-top: 30px;
	padding-right: 30px;
}

.help__agree-input {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	margin: 0;
	border-radius: 10px;
	border: 1px solid #c8e4d1;
	background-color: #fff;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease;
}

.help__agree-input:checked {
	background-color: var(--Green, #117f1c);
	border-color: var(--Green, #117f1c);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4 9.5L7.5 13L14 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

.help__agree-input:focus-visible {
	outline: 2px solid var(--Green, #117f1c);
	outline-offset: 2px;
}

.help__agree-text {
	color: var(--Green, #117f1c);
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.4;
}

.help__bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: flex-end;
	z-index: 1;
}

.help__bottom-submit {
	width: 100%;
	background: #fff;
	padding: 15px 0 0 18px;
	border-radius: 16px 0 0 0;
}

.help__submit {
	position: relative;
	overflow: visible;
	width: 100%;
	justify-content: center;
	border: none;
	cursor: pointer;
	border-radius: 16px 16px 16px 0px;
	background: linear-gradient(
		100deg,
		#117f1c 0%,
		#2d8f24 30%,
		#a9c337 50%,
		#2d8f24 70%,
		#117f1c 100%
	);
	background-size: 200% 100%;
	background-position: 0% 50%;
	color: var(--White, #fff);
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	display: inline-flex;
	align-items: center;
	gap: 11px;
	padding: 14px 63px;
	white-space: nowrap;
	transition:
		background-position 0.55s ease,
		box-shadow 0.25s ease;
}

.help__submit:hover {
	background-position: 100% 50%;
	box-shadow: 0 2px 8px rgba(17, 127, 28, 0.15);
}

.help__submit:active {
	background-position: 50% 50%;
	box-shadow: 0 1px 4px rgba(17, 127, 28, 0.12);
}

.help__submit::before {
	content: '';
	position: absolute;
	z-index: 0;
	width: 27px;
	height: 27px;
	background-image: url('../images/radius.svg');
	background-repeat: no-repeat;
	background-position: center;
	left: auto;
	right: -1px;
	top: -42px;
	transform: none;
}

.help__submit::after {
	content: '';
	position: absolute;
	z-index: 0;
	width: 27px;
	height: 27px;
	background-image: url('../images/radius.svg');
	background-repeat: no-repeat;
	background-size: contain;
	right: auto;
	left: -45px;
	bottom: -0.5px;
	transform: none;
}

.help__submit img {
	flex-shrink: 0;
	position: relative;
	z-index: 1;
}

.help__submit > span {
	position: relative;
	z-index: 1;
}

.help__bank {
	margin-top: 48px;
	padding-top: 18px;
}

.help__bank-note {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 30px;
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.help__bank-note-icon {
	flex-shrink: 0;
	display: block;
}

.help__bank-card {
	position: relative;
	overflow: visible;
	border-radius: 24px;
	background: var(--Grey, #ebf4ee);
}

.help__bank-card::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	border-radius: inherit;
	background: linear-gradient(
		270deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.65) 55%,
		#ebf4ee 100%
	);
}

.help__bank-content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	padding: 30px;
	min-width: 0;
	border-radius: 24px;
}

.help__bank-decor {
	position: absolute;
	top: -18px;
	left: 50%;
	width: 120px;
	height: 120px;
	transform: translateX(-50%);
	object-fit: contain;
	pointer-events: none;
	z-index: 2;
}

.help__bank-body {
	display: grid;
	grid-template-columns: 605px minmax(0, 1fr);
	gap: 62px;
	align-items: start;
}

.help__bank-main {
	width: 605px;
	max-width: 100%;
	min-width: 0;
	position: relative;
}
.help__bank-main::after {
	content: '';
	position: absolute;
	top: -108px;
	right: -68px;
	width: 150px;
	height: 150px;
	background-image: url('../images/help-decor.svg');
	background-repeat: no-repeat;
	background-position: center;
}
.help__bank-title {
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 133.333% */
	margin-bottom: 24px;
}

.help__bank-text {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
	margin-bottom: 100px;
}

.help__bank-text--right {
	margin-bottom: 13px;
}

.help__bank-phone {
	white-space: nowrap;
}

.help__bank-link {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.help__bank-link:hover {
	color: var(--Green, #117f1c);
}

.help__bank-aside {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding-top: 50px;
	width: 100%;
	min-width: 0;
}

.help__bank-payments {
	display: block;
	align-self: flex-start;
	width: auto;
	max-width: 100%;
	margin-bottom: 5px;
	height: auto;
}

.help__bank-images {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 65px;
}

.help__bank-payments--img {
	display: block;
	height: auto;
	width: auto;
	flex-shrink: 0;
}

.help__bank-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	z-index: 2;
}

.help__bank-purpose {
	position: relative;
	overflow: visible;
	background: #fff;
	padding: 20px 42px 18px 30px;
	border-radius: 0 16px 0 16px;
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.help__bank-purpose::before {
	content: '';
	position: absolute;
	left: -0.5px;
	top: -25px;
	transform: rotate(90deg);
	width: 27px;
	height: 27px;
	z-index: 0;
	background-image: url('../images/radius.svg');
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
}

.help__bank-purpose::after {
	content: '';
	position: absolute;
	z-index: 0;
	width: 27px;
	height: 27px;
	background-image: url('../images/radius.svg');
	background-repeat: no-repeat;
	background-size: contain;
	transform: rotate(90deg);
	bottom: -0.5px;
	right: -25px;
	pointer-events: none;
}

.help__bank-purpose-label,
.help__bank-purpose-text {
	position: relative;
	z-index: 1;
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
}

@media (max-width: 1240px) {
	.help__top {
		margin-bottom: clamp(32px, 4vw, 64px);
	}

	.help__heading {
		font-size: clamp(36px, 4.2vw, 52px);
		max-width: min(705px, 100%);
		margin-bottom: clamp(20px, 2.3vw, 28px);
	}

	.help__subtitle {
		font-size: clamp(16px, 1.6vw, 20px);
		line-height: 1.6;
	}

	.help {
		padding-bottom: clamp(60px, 7vw, 95px);
	}

	.help > .container {
		overflow: visible;
	}

	.help__inner {
		gap: 0;
		flex-wrap: nowrap;
		align-items: stretch;
		overflow: visible;
		min-width: 0;
		width: 100%;
		max-width: min(1120px, 100%);
	}

	.help__amounts {
		flex: 1 1 53%;
		min-width: 0;
		max-width: 56%;
		width: auto;
		align-self: stretch;
		padding: clamp(32px, 3.6vw, 48px) clamp(16px, 2vw, 28px)
			clamp(32px, 3.6vw, 48px) clamp(24px, 3vw, 48px);
		border-radius: 16px 0 0 16px;
		overflow: visible;
		z-index: 2;
		margin-right: clamp(-32px, -2.8vw, -16px);
		order: -1;
	}

	.help__amounts::before {
		border-radius: inherit;
		inset: 0 clamp(-28px, -2.5vw, -14px) 0 0;
		clip-path: ellipse(98% 100% at 0% 50%);
	}

	.help__amounts::after {
		right: clamp(-24px, -3vw, -8px);
		width: min(115%, 480px);
		height: min(90%, 420px);
		max-height: 100%;
		background-position: right bottom;
	}

	.help__amounts-label {
		font-size: clamp(14px, 1.3vw, 16px);
		line-height: 1.6;
	}

	.help__amounts-grid {
		width: 100%;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: clamp(10px, 1vw, 12px);
	}

	.help__amount {
		min-width: 0;
		min-height: clamp(48px, 4.5vw, 56px);
		padding: clamp(10px, 1vw, 12px) clamp(12px, 2vw, 36px);
		font-size: clamp(15px, 1.6vw, 20px);
		line-height: 1.35;
		border-radius: clamp(14px, 1.45vw, 16px);
	}

	.help__content {
		flex: 0 1 40%;
		min-width: min(260px, 100%);
		max-width: min(430px, 42%);
		width: auto;
		margin-left: auto;
		position: relative;
		z-index: 4;
		padding: clamp(40px, 4.7vw, 58px) 15px clamp(88px, 8.5vw, 110px)
			clamp(20px, 2.5vw, 32px);
	}

	.help__form-title,
	.help__field,
	.help__agree {
		padding-right: 0;
	}

	.help__form-title {
		font-size: clamp(14px, 1.3vw, 16px);
		margin-bottom: clamp(16px, 1.6vw, 20px);
	}

	.help__form {
		gap: clamp(16px, 1.6vw, 20px);
	}

	.help__input {
		font-size: clamp(15px, 1.3vw, 16px);
		line-height: 1.5;
		padding: clamp(12px, 1.3vw, 16px);
		border-radius: clamp(14px, 1.45vw, 18px);
	}

	.help__agree-text {
		font-size: clamp(13px, 1.15vw, 14px);
		line-height: 1.4;
	}

	.help__agree {
		gap: clamp(12px, 1.5vw, 19px);
		margin-top: clamp(20px, 2.5vw, 30px);
	}

	.help__agree-input {
		width: clamp(28px, 2.6vw, 32px);
		height: clamp(28px, 2.6vw, 32px);
	}

	.help__bottom-submit {
		width: 100%;
		padding: clamp(10px, 1.2vw, 15px) 0 0 clamp(12px, 1.45vw, 18px);
		border-radius: clamp(14px, 1.3vw, 16px) 0 0 0;
	}

	.help__submit {
		font-size: clamp(18px, 1.94vw, 24px);
		padding: clamp(12px, 1.2vw, 15px) clamp(24px, 4.5vw, 63px);
		gap: clamp(8px, 0.9vw, 11px);
		border-radius: clamp(14px, 1.3vw, 16px);
	}

	.help__submit::before,
	.help__submit::after {
		display: none;
	}

	.help__submit img {
		width: clamp(20px, 1.9vw, 24px);
		height: auto;
	}

	.help__bank {
		margin-top: clamp(32px, 4vw, 48px);
		min-width: 0;
	}

	.help__bank-note {
		font-size: clamp(16px, 1.6vw, 20px);
		line-height: 1.6;
		margin-bottom: clamp(16px, 1.6vw, 20px);
		gap: clamp(8px, 0.9vw, 11px);
	}

	.help__bank-note-icon {
		width: clamp(22px, 2.2vw, 28px);
		height: auto;
	}

	.help__bank-card {
		border-radius: clamp(16px, 1.6vw, 24px);
	}

	.help__bank-content {
		padding: clamp(24px, 3vw, 40px) clamp(20px, 2.5vw, 32px)
			clamp(80px, 9vw, 110px);
	}

	.help__bank-body {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
		gap: clamp(20px, 2.8vw, 40px);
	}

	.help__bank-main {
		width: 100%;
		max-width: none;
	}

	.help__bank-main::after {
		top: clamp(-72px, -7vw, -108px);
		right: clamp(-24px, -3vw, -68px);
		width: clamp(96px, 9vw, 150px);
		height: clamp(96px, 9vw, 150px);
		background-size: contain;
	}

	.help__bank-title {
		font-size: clamp(20px, 2.2vw, 24px);
		line-height: 1.35;
		margin-bottom: clamp(12px, 1.4vw, 20px);
	}

	.help__bank-text {
		font-size: clamp(14px, 1.3vw, 18px);
		line-height: 1.65;
		margin-bottom: clamp(56px, 7vw, 100px);
	}

	.help__bank-text--right {
		margin-bottom: clamp(10px, 1.2vw, 13px);
	}

	.help__bank-aside {
		padding-top: clamp(20px, 2.8vw, 50px);
		min-width: 0;
	}

	.help__bank-payments {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.help__bank-images {
		flex-wrap: wrap;
		gap: clamp(16px, 3vw, 65px);
	}

	.help__bank-payments--img {
		max-width: min(100%, 110px);
		height: auto;
	}

	.help__bank-bottom {
		max-width: calc(100% - clamp(20px, 2.5vw, 32px));
	}

	.help__bank-purpose-label,
	.help__bank-purpose-text {
		font-size: clamp(14px, 1.4vw, 18px);
		line-height: 1.55;
	}

	.help__bank-decor {
		width: clamp(80px, 9vw, 120px);
		height: clamp(80px, 9vw, 120px);
		top: clamp(-14px, -1.5vw, -18px);
	}

	.help__bank-purpose {
		padding: clamp(12px, 1.4vw, 18px) clamp(16px, 2vw, 28px)
			clamp(12px, 1.4vw, 18px) clamp(16px, 2vw, 24px);
		border-radius: 0 clamp(14px, 1.3vw, 16px) 0 clamp(14px, 1.3vw, 16px);
		max-width: 100%;
	}

	.help__bank-purpose::before,
	.help__bank-purpose::after {
		display: none;
	}
}

@media (max-width: 1024px) {
	.help__heading {
		font-size: clamp(28px, 5.5vw, 36px);
	}

	.help__subtitle {
		font-size: clamp(15px, 2.2vw, 18px);
	}

	.help__inner {
		overflow: visible;
	}

	.help__amounts {
		flex: 1 1 51%;
		max-width: 54%;
		margin-right: clamp(-28px, -2.6vw, -12px);
		padding: clamp(28px, 3.2vw, 40px) clamp(14px, 1.8vw, 24px)
			clamp(28px, 3.2vw, 40px) clamp(20px, 2.5vw, 36px);
	}

	.help__amounts::before {
		inset: 0 clamp(-24px, -2.8vw, -12px) 0 0;
		clip-path: ellipse(100% 100% at 0% 50%);
	}

	.help__amounts::after {
		right: clamp(-16px, -2.5vw, -4px);
		width: min(110%, 420px);
		height: min(85%, 380px);
	}

	.help__amount {
		padding: clamp(10px, 1vw, 12px) clamp(10px, 1.6vw, 24px);
		font-size: clamp(14px, 1.5vw, 18px);
	}

	.help__content {
		flex: 0 1 42%;
		max-width: min(410px, 44%);
		min-width: min(250px, 100%);
		padding: clamp(32px, 4.5vw, 48px) 15px clamp(80px, 8vw, 100px)
			clamp(18px, 2.2vw, 28px);
	}

	.help__bank-body {
		grid-template-columns: 1fr;
		gap: clamp(24px, 3vw, 40px);
	}

	.help__bank-main {
		width: 100%;
		max-width: 605px;
	}

	.help__bank-main::after {
		top: clamp(-56px, -6vw, -72px);
		right: clamp(-12px, -2vw, -24px);
		width: clamp(80px, 8vw, 120px);
		height: clamp(80px, 8vw, 120px);
	}

	.help__bank-text {
		margin-bottom: 0;
	}

	.help__bank-aside {
		align-items: stretch;
		padding-top: 0;
		max-width: 605px;
	}

	.help__bank-payments {
		max-width: min(478px, 100%);
	}

	.help__bank-content {
		padding-bottom: clamp(28px, 3.5vw, 40px);
	}

	.help__bank-images {
		gap: clamp(20px, 4vw, 48px);
	}

	.help__bank-bottom {
		position: static;
		margin-top: 24px;
		max-width: none;
	}

	.help__bank-purpose {
		width: 100%;
		background: #fff;
		padding: 16px 20px;
		border-radius: 16px;
	}
}

@media (max-width: 768px) {
	.help__inner {
		flex-direction: column;
	}

	.help__amounts {
		flex: 1 1 100%;
		width: 100%;
		max-width: none;
		border-radius: 16px 16px 0 0;
		margin-right: 0;
		z-index: 1;
	}

	.help__amounts::before {
		border-radius: inherit;
		clip-path: none;
	}

	.help__amounts::after {
		right: -40px;
		width: min(110%, 420px);
		height: 75%;
	}

	.help {
		padding-bottom: clamp(44px, 6.5vw, 58px);
	}

	.help__content {
		flex: 1 1 100%;
		width: 100%;
		max-width: none;
		margin-left: 0;
		padding: clamp(28px, 4vw, 40px) clamp(12px, 2vw, 20px)
			clamp(24px, 4vw, 32px);
		padding-left: clamp(12px, 2vw, 20px);
	}

	.help__bottom {
		position: static;
	}

	.help__bottom-submit {
		width: 100%;
		background: none;
		padding: 0;
		border-radius: 0;
	}

	.help__submit {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.help {
		padding-bottom: clamp(36px, 8vw, 46px);
	}

	.help__heading {
		font-size: clamp(26px, 6.5vw, 32px);
	}

	.help__input {
		font-size: 15px;
	}

	.help__agree-text {
		font-size: 13px;
	}

	.help__submit {
		font-size: 18px;
		padding: 12px 20px;
	}

	.help__amount {
		font-size: clamp(15px, 4vw, 18px);
		min-height: 48px;
	}

	.help__bank-content {
		padding: clamp(28px, 4vw, 40px) clamp(16px, 2vw, 20px)
			clamp(28px, 4vw, 40px);
	}

	.help__bank-main::after {
		display: none;
	}

	.help__bank-images {
		gap: clamp(12px, 3.5vw, 24px);
		justify-content: flex-start;
	}

	.help__bank-payments--img {
		max-width: min(100%, 90px);
	}

	.help__bank-bottom {
		position: static;
		margin-top: 24px;
	}

	.help__bank-purpose {
		width: 100%;
		background: none;
		padding: 0;
		border-radius: 0;
	}
}

.help-info {
	position: relative;
	padding: 18px 0 88px;
	background: #fff;
	overflow: hidden;
}

.help-info > .container {
	position: relative;
}

.help-info__intro {
	max-width: 605px;
	margin-bottom: 60px;
	color: var(--Dark-green, #054e05);
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	position: relative;
	z-index: 2;
}

.help-info__inner {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	position: relative;
	z-index: 1;
}

.help-info__col {
	min-width: 0;
}

.help-info__text {
	color: var(--Black, #000);
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 160% */
}

.help-info__text + .help-info__text {
	margin-top: 24px;
}

.help-info__tree {
	position: absolute;
	right: 0;
	bottom: -480px;
	width: 1255px;
	max-width: none;
	height: auto;
	pointer-events: none;
	z-index: 0;
}

@media (max-width: 1240px) {
	.help-info {
		padding: clamp(36px, 4vw, 48px) 0 clamp(72px, 8vw, 104px);
	}

	.help-info > .container {
		position: relative;
		z-index: 2;
		max-width: min(1260px, 100%);
		padding-right: clamp(160px, 20vw, 260px);
	}

	.help-info__intro {
		max-width: min(605px, 78%);
		margin-bottom: clamp(28px, 3vw, 40px);
		font-size: clamp(18px, 1.8vw, 22px);
		line-height: 1.55;
	}

	.help-info__inner {
		gap: clamp(20px, 2.5vw, 32px) clamp(24px, 3vw, 48px);
		max-width: 100%;
	}

	.help-info__col {
		min-width: 0;
	}

	.help-info__text {
		font-size: clamp(16px, 1.6vw, 20px);
		line-height: 1.6;
	}

	.help-info__text + .help-info__text {
		margin-top: clamp(16px, 1.6vw, 24px);
	}

	.help-info__tree {
		right: clamp(-20px, -1.5vw, 0);
		bottom: clamp(-32px, -3.5vw, -12px);
		width: clamp(300px, 36vw, 500px);
		height: auto;
		object-fit: contain;
		object-position: right bottom;
	}
}

@media (max-width: 1024px) {
	.help-info {
		padding-bottom: clamp(64px, 9vw, 88px);
	}

	.help-info > .container {
		padding-right: clamp(120px, 16vw, 180px);
	}

	.help-info__intro {
		max-width: min(520px, 82%);
		font-size: clamp(17px, 2vw, 20px);
		margin-bottom: clamp(24px, 3vw, 36px);
	}

	.help-info__inner {
		gap: clamp(20px, 2.5vw, 28px) clamp(20px, 2.5vw, 32px);
	}

	.help-info__text {
		font-size: clamp(15px, 1.7vw, 18px);
		line-height: 1.55;
	}

	.help-info__tree {
		width: clamp(260px, 40vw, 400px);
		bottom: clamp(-20px, -2.5vw, -4px);
		opacity: 0.9;
	}
}

@media (max-width: 768px) {
	.help-info {
		padding: clamp(32px, 5vw, 40px) 0 clamp(56px, 10vw, 80px);
	}

	.help-info > .container {
		padding-right: 15px;
	}

	.help-info__intro {
		max-width: 100%;
		margin-bottom: clamp(24px, 4vw, 32px);
		font-size: clamp(16px, 4vw, 18px);
		line-height: 1.55;
	}

	.help-info__inner {
		grid-template-columns: 1fr;
		gap: clamp(20px, 4vw, 28px);
	}

	.help-info__text {
		font-size: clamp(15px, 3.8vw, 17px);
		line-height: 1.55;
	}

	.help-info__text + .help-info__text {
		margin-top: clamp(16px, 3vw, 20px);
	}

	.help-info__tree {
		right: clamp(-16px, -4vw, 0);
		bottom: clamp(-12px, -2vw, 0);
		width: min(72vw, 360px);
		opacity: 0.55;
	}
}


/* Корректировки моб.версии */
@media(max-width: 1024px){
	.header__right{
		display: flex;
		flex-direction: column;
		gap: 20px;
		background: #fff;
		width: 100%;	
		border-top: 1px solid #e0ebe4;
		border-radius: 0px;
		margin: 0 auto;
	}
	.header__socials{
		width: 100%;
		margin-top: 15px;
	}
    .header__social img, .header__donate img {
        width: 35px!important;
        height: auto;
    }	
	.header__donate{
		border-radius: 12px 12px 12px 12px;
		height: 50px;
	}
	.header {
		background: #fff;
	}
	.custom-popup__body{
		margin: 25px 0px;
		max-height: 90vh;
		overflow-y: scroll;
	}
    .nav__dropdown-link {
        padding: 5px 0 5px 16px;
	}
}
@media(max-width: 550px){
    .footer__bottom-inner {
        flex-direction: column-reverse!important;
        align-items: center!important;
        justify-content: center!important;
        gap: 12px!important;
    }	
	.custom-popup__title{
		font-size: 18px!important;
	}
	.volunteer_popup_top img {
		width: 30px!important;
		height: 30px!important;
	}	
	.tech_pages{
		flex-direction: row!important;
		justify-content: space-between;
		order: 1;
	}
	.tech_pages__link {
        font-size: 11px!important;
    }	
	.footer__bottom-img{
		order: 3;
	}
	.footer__bottom-text{
		order: 2;
        max-height: 40px!important;		
	}
	.request_rent .shows__btn{
		font-size: 20px;
	}
    .request_rent .shows__btn img {
        width: 40px;
    }	
}